MOVU Components

Map: Default 

<div class="movu-location-wrapper">
    <div class="movu-map"></div>
    <div class="container location-card-container">
        <div class="row">
            <div class="col-xs-12 col-sm-5 col-md-4 pull-right no-padding-left-xs no-padding-right-xs">
                <div class="address-details locations-card">
                    <div class="movu-card-holder">
                        <div class="movu-card-block">
                            <div class="movu-card-block-inner">
                                <div class="title-wrapper">
                                    <h3 class="movu-card-title">Locations</h3>
                                </div>
                                <div class="border-2-bottom"></div>
                                <section class="clearfix">

                                    <p class="single-city-title">Zurich</p>

                                    <div class="location-description">
                                        <p>MOVU AG</p>
                                        <p>Okenstrasse 6</p><br />
                                        <p>Tel: <a href='tel:044 505 14 14'>044 505 14 14</a></p><br />
                                        <p>Working hours:</p>
                                        <p>Mon - Thu: 08.00 - 18.00</p>
                                        <p>Fr: 08.00 - 17.00</p>
                                    </div>
                                    <div class="border-2-bottom movu-spacing-16-top-bottom"></div>

                                    <h4 class="other-cities-title">Other Cities</h4>
                                    <movu-button flat text="Basel" custom_class="location-city" cta></movu-button>
                                    <movu-button flat text="St. Gallen" custom_class="location-city" cta></movu-button>
                                    <movu-button flat text="Bern" custom_class="location-city" cta></movu-button>
                                    <movu-button flat text="Lausanne" custom_class="location-city" cta></movu-button>
                                    <movu-button flat text="Lucerne" custom_class="location-city" cta></movu-button>
                                    <movu-button flat text="Geneva" custom_class="location-city" cta></movu-button>

                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="movu-location-wrapper">
  <div class="movu-map"></div>
  <div class="container location-card-container">
    <div class="row">
      <div class="col-xs-12 col-sm-5 col-md-4 pull-right no-padding-left-xs no-padding-right-xs">
        <div class="address-details {{ locationCardClass }}">
          <div class="movu-card-holder">
            <div class="movu-card-block">
              <div class="movu-card-block-inner">
                <div class="title-wrapper">
                  <h3 class="movu-card-title">{{ cardTitle }}</h3>
                </div>
                <div class="border-2-bottom"></div>
                <section class="clearfix">
                  {% if singleCity %}
                  <p class="single-city-title">{{ singleCity }}</p>
                  {% endif %}
                  <div class="location-description">{{ slotDescription }}</div>
                  <div class="border-2-bottom movu-spacing-16-top-bottom"></div>
                  {% if otherCitiesTitle %}
                  <h4 class="other-cities-title">{{ otherCitiesTitle }}</h4>
                  <movu-button flat text="Basel" custom_class="location-city" cta></movu-button>
                  <movu-button flat text="St. Gallen" custom_class="location-city" cta></movu-button>
                  <movu-button flat text="Bern" custom_class="location-city" cta></movu-button>
                  <movu-button flat text="Lausanne" custom_class="location-city" cta></movu-button>
                  <movu-button flat text="Lucerne" custom_class="location-city" cta></movu-button>
                  <movu-button flat text="Geneva" custom_class="location-city" cta></movu-button>
                  {% endif %}
                  {% if cityDescription %}
                  <p>{{ cityDescription }}</p>
                  {% endif %}
                </section>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
 
{
  "locationCardClass": "locations-card",
  "cardTitle": "Locations",
  "singleCity": "Zurich",
  "slotDescription": "<p>MOVU AG</p> <p>Okenstrasse 6</p><br/> <p>Tel: <a href='tel:044 505 14 14'>044 505 14 14</a></p><br/> <p>Working hours:</p> <p>Mon - Thu: 08.00 - 18.00</p> <p>Fr: 08.00 - 17.00</p>",
  "otherCitiesTitle": "Other Cities"
}

No notes defined.