Maui Jim Style Guide

Maintenance: Zeal 

<div class="maintenance-header">
    <img class="maintenance-header__logo" src="/assets/images/zeal-brand-logo.png" alt="Maui Jim logo">
</div>

<div class="maintenance-banner">
    <img class="maintenance-banner__image u-object-fit-cover" src="/assets/images/zeal-maintenance-banner.jpg" alt="Maintenance banner image">
</div>

<main class="main main--maintenance u-page-width-max-restricted">
    <div class="maintenance-copy">
        <div class="maintenance-copy__group">
            <h3 class="maintenance-copy__header">AWWW SNAP!</h3>
            <p>Looks like you’ve gone too deep on your quest to #ExploreMore! But don’t sweat it, we’re hard at work in our digital workshop crafting an even better experience to help you elevate your eyewear and see life differently.</p>
            <p>Need help now? Reach out to our amazing Customer Care team at 888-454-9325, Monday - Friday between 6:00 am and 8:00 pm M8T. Or just head to @zealoptics on Facebook, Instagram or Twitter.</p>
        </div>
        <div class="maintenance-copy__group">
            <p>While you’re at it, drop a line at info@zealoptics.com and We’ll have you seeing life through our lenses in no time!</p>
            <p>We all like options!</p>
            <a href="#">
      <svg class="icon icon--download">
  <use xlink:href="/assets/icons/icons.svg#download"></use>
</svg>

      Repair Form
    </a>
        </div>
    </div>

</main>
<footer class="footer footer--default">
    <div class="footer__copyright">
        <img class="footer__copyright-logo" src="/assets/images/zeal-brand-logo-small-white.png">
        <span class="footer__copyright-text">©2015 Zeal Optics, Colorado</span>
    </div>
</footer>
 
{{render (dynamicComponent header)}}
{{render (dynamicComponent banner)}}
<main class="main main--maintenance u-page-width-max-restricted">
  {{render (dynamicComponent copy)}}
</main>
{{render (dynamicComponent footer)}}
 
{
  "header": "maintenance-header--zeal",
  "banner": "maintenance-banner--zeal",
  "copy": "maintenance-copy--zeal",
  "footer": "footer--bottom-only--zeal"
}

There are no notes for this item.