MOVU Components

Background Template: Default 

<header id="header" class="white-bg">
    <div class="container">
        <div class="row">
            <div class="col-xs-4 col-sm-2 col-md-2 no-padding-right">
                <a class="logo" href="https://demo-01.movu.ch/en/">
                    <i alt="Movu logo new" class="logo-img en"></i>
                </a>
            </div>
            <div class="col-xs-4 col-xs-offset-4 col-sm-2 col-sm-offset-8 col-md-2 col-md-offset-8 text-left">
                <nav>
                    <ul class="language-switch-desktop">
                        <li class="de">
                            <a class="de" href="https://demo-01.movu.ch/de">DE</a>
                        </li>
                        <li class="fr item-separator"></li>
                        <li class="fr">
                            <a class="fr" href="https://demo-01.movu.ch/fr">FR</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>

<movu-curved-background-template>
    <div slot="header" class="main-text-wrapper">
        <h1 class="title">Headline outside of card</h1>
        <p class="large subtitle">This is the sub-headline, used to explain the question in more detail if there is a need
            for that.</p>
    </div>
    <div slot="content">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-lg-4 col-lg-offset-4">
                <movu-empty-card>
                    <div slot="content">
                        <h2>What is Lorem Ipsum?</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
                            scrambled it to make a type specimen book.</p>
                    </div>
                </movu-empty-card>
            </div>
        </div>
    </div>
</movu-curved-background-template>
<footer _ngcontent-c0>Copyright © 2018 MOVU AG, All rights reserved.</footer>
 
{% render "@header_reduced" %}
<movu-curved-background-template>
  <div slot="header" class="main-text-wrapper">
    <h1 class="title">Headline outside of card</h1>
    <p class="large subtitle">This is the sub-headline, used to explain the question in more detail if there is a need
      for that.</p>
  </div>
  <div slot="content">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-lg-4 col-lg-offset-4">
        <movu-empty-card>
          <div slot="content">
            <h2>What is Lorem Ipsum?</h2>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
              industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
              scrambled it to make a type specimen book.</p>
          </div>
        </movu-empty-card>
      </div>
    </div>
  </div>
</movu-curved-background-template>
{% render "@footer_reduced" %}
 
/* No context defined. */

No notes defined.