MOVU Components

Background Template: With Primary Button 

<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">
        <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-button primary text="Click me" custom_class="button-full-width"></movu-button>
            </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">
    <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-button primary text="Click me" custom_class="button-full-width"></movu-button>
      </div>
    </div>
  </div>
</movu-curved-background-template>
{% render "@footer_reduced" %}
 
/* No context defined. */

No notes defined.