<div class="movu-styleguide" style="position: relative;">
    <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>

    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="offer-overview-page scratch-price-new">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="bookings-with-movu">
                                <span>518 bookings <b>with MOVU</b> in the last 7 days</span>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="your-offers">
                                <h4>YOUR OFFERS</h4>
                                <span>These offers are valid for 5 days</span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="provider-offer reco-offer">
                                <div class="tag-regional">
                                    <i class="material-icons region">place</i>
                                    <span>Regional</span>
                                </div>
                                <div class="recommendation-header">
                                    <h4>MOVU Recommendation</h4>
                                </div>
                                <div class="company-details-section">
                                    <div class="row">
                                        <div class="col-xs-8">
                                            <div class="company-logo">
                                                <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png" alt="">
                                            </div>
                                            <h4 class="company-name">Topo Transport Sàrl</h4>
                                        </div>
                                        <div class="col-xs-4 rating-section">
                                            <span class="rating-title">Rating</span>
                                            <h3 class="rating-value">4.7/5</h3>
                                        </div>
                                        <div class="col-xs-12">
                                            <a class="link-to-provider">Company details</a>
                                        </div>
                                    </div>
                                </div>

                                <hr class="service-devider">

                                <div class="service-holder">
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <h4 class="service-header">Service</h4>
                                        </div>
                                        <div class="col-xs-6 text-right">
                                            <h4 class="service-header">Price</h4>
                                        </div>
                                    </div>

                                    <div class="service-group">
                                        <div class="service-item-leading">
                                            <div class="row">
                                                <div class="col-xs-7">
                                                    <span>Moving</span>
                                                </div>
                                                <div class="col-xs-5 text-right">
                                                    <span class="strikethrough">CHF 1100.-</span>
                                                </div>
                                                <div class="col-xs-12 summer-discount">
                                                    <span class="summer-discount-title">Summerdiscount</span>
                                                    <span class="summer-discount-price">CHF 1000.-</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="service-item odd">
                                            <div class="row">
                                                <div class="col-xs-8">
                                                    <span>Disassembling / assembling of furniture</span>
                                                </div>
                                                <div class="col-xs-4 text-right">
                                                    <span>CHF 30.-</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="service-item">
                                            <div class="row">
                                                <div class="col-xs-8">
                                                    <span>Additional Service</span>
                                                </div>
                                                <div class="col-xs-4 text-right">
                                                    <span>CHF 30.-</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="service-group">
                                        <div class="service-item-leading">
                                            <div class="row">
                                                <div class="col-xs-7">
                                                    <span>Cleaning</span>
                                                </div>
                                                <div class="col-xs-5 text-right">
                                                    <span class="strikethrough">CHF 990.-</span>
                                                </div>
                                                <div class="col-xs-12 summer-discount">
                                                    <span class="summer-discount-title">Summerdiscount</span>
                                                    <span class="summer-discount-price">CHF 900.-</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="service-item odd">
                                            <div class="row">
                                                <div class="col-xs-8">
                                                    <span>Additional Service</span>
                                                </div>
                                                <div class="col-xs-4 text-right">
                                                    <span>CHF 30.-</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="total-holder">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <h4>Total</h4>
                                            </div>
                                            <div class="col-xs-6 text-right">
                                                <h1>CHF 1990.-</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <hr class="service-devider">

                                <div class="go-to-offer-section">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <p>Has already been <span class="text-green">booked 1212</span> times</p>
                                        </div>
                                        <div class="col-xs-7">
                                            <movu-button flat text="Go to offer" cta primary></movu-button>
                                        </div>
                                    </div>
                                </div>

                                <div class="instalment-holder">
                                    <span>Payment by instalment 3x <span class="text-yellow">CHF 610.-</span></span>
                                    <i class="material-icons">info_outline</i>
                                </div>

                                <div class="closing-holder">
                                    <i class="material-icons">expand_less</i>
                                </div>

                            </div>
                            <div class="provider-offer regional-offer collapsed">
                                <div class="tag-regional">
                                    <i class="material-icons region">place</i>
                                    <span>Regional</span>
                                </div>

                                <div class="company-details-section">
                                    <div class="row">
                                        <div class="col-xs-7">
                                            <div class="company-logo">
                                                <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png" alt="">
                                            </div>
                                            <h4 class="company-name">Ants-Transport GmbH</h4>
                                        </div>
                                        <div class="col-xs-5 text-right no-padding-left">
                                            <span class="amount-price strikethrough">CHF 2860.—</span>
                                            <p class="large total-price"><b>CHF 2580.-</b></h3>
                                        </div>
                                    </div>
                                </div>

                                <div class="expanding-holder">
                                    <span>Has already been <b>booked 1212</b> times</span>
                                    <i class="material-icons">expand_more</i>
                                </div>

                            </div>
                            <div class="provider-offer collapsed">
                                <div class="company-details-section">
                                    <div class="row">
                                        <div class="col-xs-7">
                                            <div class="company-logo">
                                                <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png" alt="">
                                            </div>
                                            <h4 class="company-name">Express umzug AG</h4>
                                        </div>
                                        <div class="col-xs-5 text-right no-padding-left">
                                            <span class="amount-price strikethrough">CHF 2040.—</span>
                                            <p class="large total-price"><b>CHF 2580.-</b></h3>
                                        </div>
                                    </div>
                                </div>

                                <div class="expanding-holder">
                                    <span>Has already been <b>booked 1212</b> times</span>
                                    <i class="material-icons">expand_more</i>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="movu-pre-footer pre-footer-offers-page">
                        <div class="row">
                            <div class="col-xs-5">
                                <i class="material-icons">tune</i>
                                <span class="icon-title">ADJUST OFFERS</span>
                            </div>
                            <div class="col-xs-5">
                                <i class="material-icons">help_outline</i>
                                <span class="icon-title">FAQ</span>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
            </div>
        </div>
    </div>

</div>
<div class="footer-mds">
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <ul class="footer-menu text-left">
                    <li class="footer-subtitle">
                        MOVU
                    </li>
                    <li>
                        <a class="animated qa-about-us-desktop ga-footer-about-us" href="/de/ueber-uns/">Über uns</a>
                    </li>
                    <li>
                        <a class="animated no-pad customer-link ga-why-movu-desktop" href="/de/wieso-movu/">Unsere Garantien</a>
                    </li>
                    <li>
                        <a class="animated ga-how-it-works-desktop ga-footer-how-it-works" href="/de/so-funktionierts/">So
                            funktioniert es</a>
                    </li>
                    <li>
                        <a class="animated qa-friend-refferal-desktop" href="/de/weiterempfehlen/">Weiterempfehlen</a>
                    </li>
                    <li>
                        <a class="animated qa-jobs-desktop" href="https://www.movu.ch/ratgeber/stellen/">Jobs</a>
                    </li>
                    <li>
                        <a class="animated qa-faq-desktop" href="https://www.movu.ch/ratgeber/faq/">FAQ</a>
                    </li>
                    <li>
                        <a class="animated qa-contact-desktop" href="/de/contact/">Kontakt</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-3">
                <ul class="footer-menu text-left">
                    <li class="footer-subtitle">
                        Dienstleistungen
                    </li>
                    <li>
                        <a class="animated qa-cleaning-desktop" href="https://customers.movu.ch/de/">Umzug &amp; Reinigung</a>
                    </li>
                    <li>
                        <a target="_blank" class="animated qa-piano-desktop" rel="noopener" href="http://www.movu-klaviertransport.ch/">Klaviertransport</a>
                    </li>
                    <li>
                        <a class="animated qa-office-relocation-desktop" href="https://www.movu.ch/de/service/bueroumzug/">Büroumzug</a>
                    </li>
                    <li>
                        <a class="animated qa-international-relocation-desktop" href="https://www.movu.ch/de/service/internationaler-umzug/">Internationaler Umzug</a>
                    </li>
                    <li>
                        <a class="animated qa-disposals-desktop" href="https://www.movu.ch/de/service/entsorgung/">Entsorgung</a>
                    </li>
                    <li>
                        <a class="animated qa-regular-cleaning-desktop" href="https://www.movu.ch/de/service/putzfrau/">Reinigungskraft</a>
                    </li>
                    <li>
                        <a class="animated qa-all-services-desktop" href="https://www.movu.ch/de/service/">Alle Services</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-3">
                <ul class="footer-menu text-left">
                    <li class="footer-subtitle">
                        Umzugshilfe
                    </li>
                    <li>
                        <a class="animated qa-moving-guide-desktop" href="https://www.movu.ch/ratgeber/">Ratgeber</a>
                    </li>
                    <li>
                        <a class="animated qa-moving-checklist-desktop" href="https://www.movu.ch/ratgeber/checkliste-umzug/">Checkliste Umzug</a>
                    </li>
                    <li>
                        <a class="animated qa-handover-checklist-desktop" href="https://www.movu.ch/ratgeber/checkliste-wohnungsabgabe/">Wohnungsabgabe</a>
                    </li>
                    <li>
                        <a class="animated qa-relocation-city-desktop" href="https://www.movu.ch/region/">Umzug in Ihrer Stadt</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-3">
                <ul class="footer-menu text-left">
                    <li class="footer-subtitle">
                        Shop
                    </li>
                    <li>
                        <a class="animated ga-footer-eshop-link" href="/de/eshop/deals/">Gutscheine &amp; Rabatte</a>
                    </li>
                    <li>
                        <a class="animated qa-moving-shop-desktop" href="/de/do-it-yourself/">Umzugsshop</a>
                    </li>
                    <li>
                        <a class="animated qa-moving-boxes-desktop" target="_blank" rel="noopener" href="https://www.topkartons.ch/">Umzugskartons</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row spacing-64-top spacing-16-bottom">
            <div class="col-lg-10 col-sm-8">
                <div class="pay-with text-left">
                    <p>Bezahlung per:</p>
                </div>
                <div class="payments clearfix">
                    <span class="visa-card lazy-bg-loaded"></span>
                    <span class="master-card lazy-bg-loaded"></span>
                    <span class="post-efinance-card lazy-bg-loaded"></span>
                    <span class="post-finance-card lazy-bg-loaded"></span>
                    <span class="invoice lazy-bg-loaded"></span>
                    <span class="cash lazy-bg-loaded"></span>
                </div>
            </div>
            <div class="col-lg-2 col-sm-4">
                <div class="pay-with-social">
                    <p>Folgen Sie uns:</p>
                </div>
                <div class="social-footer">
                    <a class="qa-facebook-desktop" href="https://www.facebook.com/movu.ch/" rel="noopener" target="_blank">
                        <img alt="Facebook logo" class="footer-icon" height="35" src="//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_facebook-2a6f15fa70adf2469010bc59d4fc09856971163ce50f3ee0544f525b976d89a6.svg" width="35" srcset="//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_facebook-2a6f15fa70adf2469010bc59d4fc09856971163ce50f3ee0544f525b976d89a6.svg">
                        <noscript>
                            <img alt='Facebook logo' src='//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_facebook-2a6f15fa70adf2469010bc59d4fc09856971163ce50f3ee0544f525b976d89a6.svg'>
                        </noscript>
                    </a>
                    <a class="qa-twitter-desktop" href="https://twitter.com/Movu_CH" rel="noopener" target="_blank">
                        <img alt="Twitter logo" class="footer-icon" height="35" src="//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_twitter-666bb13c5b88e837da79820730c037590f6b295c5151f32d8de141e71a7385cb.svg" width="35" srcset="//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_twitter-666bb13c5b88e837da79820730c037590f6b295c5151f32d8de141e71a7385cb.svg">
                        <noscript>
                            <img alt='Twitter logo' src='//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_twitter-666bb13c5b88e837da79820730c037590f6b295c5151f32d8de141e71a7385cb.svg'>
                        </noscript>
                    </a>
                    <a class="qa-google-plus-mobile" href="https://www.linkedin.com/company/movu-ch" rel="noopener" target="_blank">
                        <img alt="Linkedin logo" class="footer-icon" height="35" src="//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_linkedin-d67fb901c8383dfee8df36e345b097ed392c6dd6d81939b922d6ead91c57cb0e.svg" width="35" srcset="//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_linkedin-d67fb901c8383dfee8df36e345b097ed392c6dd6d81939b922d6ead91c57cb0e.svg">
                        <noscript>
                            <img alt='Linkedin logo' src='//movu-swarm-backend-1414-2-s3.s3.amazonaws.com/assets/icons/footer/ic_linkedin-d67fb901c8383dfee8df36e345b097ed392c6dd6d81939b922d6ead91c57cb0e.svg'>
                        </noscript>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom footer-bottom-desktop hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-6">
                    <div class="copyright-black">
                        <span class="copyright-text">Copyright © 2019 MOVU AG, Alle Rechte vorbehalten.
                            <span class="circle"></span></span>
                        <a class="qa-tos-mobile" href="https://www.movu.ch/de/bedingungen/">AGB</a><a class="qa-privacy-policy-mobile" href="https://www.movu.ch/de/privacy/">Datenschutz</a>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-6">
                    <div class="login">
                        <p class="login-text">
                            Anmelden als:
                            <a>
                            </a><a href="https://providers-swarm-nemanjaccc.killme.ch/sign_in">Firma</a>
                            oder
                            <a>
                            </a><a href="/de/users/sign_in/">Kunde</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom footer-bottom-mobile visible-xs">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-7 col-lg-6">
                    <div class="login">
                        <p class="login-text">
                            Anmelden als:
                            <a>
                            </a><a href="https://providers-swarm-nemanjaccc.killme.ch/sign_in">Firma</a>
                            oder
                            <a>
                            </a><a href="/de/users/sign_in/">Kunde</a>
                        </p>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-5 col-lg-6">
                    <div class="copyright-black">
                        <span class="copyright-text">Copyright © 2019 MOVU AG, Alle Rechte vorbehalten.</span>
                        <a class="qa-tos-mobile" href="https://www.movu.ch/de/bedingungen/">AGB</a><a class="qa-privacy-policy-mobile" href="https://www.movu.ch/de/privacy/">Datenschutz</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="movu-styleguide" style="position: relative;">
  {% render "@header_reduced" %}
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <div class="offer-overview-page scratch-price-new">
          <div class="row">
            <div class="col-xs-12">
              <div class="bookings-with-movu">
                <span>518 bookings <b>with MOVU</b> in the last 7 days</span>
              </div>
            </div>
          </div>
          <hr>
          <div class="row">
            <div class="col-xs-12">
              <div class="your-offers">
                <h4>YOUR OFFERS</h4>
                <span>These offers are valid for 5 days</span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12">
              <div class="provider-offer reco-offer">
                <div class="tag-regional">
                  <i class="material-icons region">place</i>
                  <span>Regional</span>
                </div>
                <div class="recommendation-header">
                  <h4>MOVU Recommendation</h4>
                </div>
                <div class="company-details-section">
                  <div class="row">
                    <div class="col-xs-8">
                      <div class="company-logo">
                        <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png" alt="">
                      </div>
                      <h4 class="company-name">Topo Transport Sàrl</h4>
                    </div>
                    <div class="col-xs-4 rating-section">
                      <span class="rating-title">Rating</span>
                      <h3 class="rating-value">4.7/5</h3>
                    </div>
                    <div class="col-xs-12">
                      <a class="link-to-provider">Company details</a>
                    </div>
                  </div>
                </div>

                <hr class="service-devider">

                <div class="service-holder">
                  <div class="row">
                    <div class="col-xs-6">
                      <h4 class="service-header">Service</h4>
                    </div>
                    <div class="col-xs-6 text-right">
                      <h4 class="service-header">Price</h4>
                    </div>
                  </div>

                  <div class="service-group">
                    <div class="service-item-leading">
                      <div class="row">
                        <div class="col-xs-7">
                          <span>Moving</span>
                        </div>
                        <div class="col-xs-5 text-right">
                          <span class="strikethrough">CHF 1100.-</span>
                        </div>
                        <div class="col-xs-12 summer-discount">
                          <span class="summer-discount-title">Summerdiscount</span>
                          <span class="summer-discount-price">CHF 1000.-</span>
                        </div>
                      </div>
                    </div>
                    <div class="service-item odd">
                      <div class="row">
                        <div class="col-xs-8">
                          <span>Disassembling / assembling of furniture</span>
                        </div>
                        <div class="col-xs-4 text-right">
                          <span>CHF 30.-</span>
                        </div>
                      </div>
                    </div>
                    <div class="service-item">
                      <div class="row">
                        <div class="col-xs-8">
                          <span>Additional Service</span>
                        </div>
                        <div class="col-xs-4 text-right">
                          <span>CHF 30.-</span>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="service-group">
                    <div class="service-item-leading">
                      <div class="row">
                        <div class="col-xs-7">
                          <span>Cleaning</span>
                        </div>
                        <div class="col-xs-5 text-right">
                          <span class="strikethrough">CHF 990.-</span>
                        </div>
                         <div class="col-xs-12 summer-discount">
                          <span class="summer-discount-title">Summerdiscount</span>
                          <span class="summer-discount-price">CHF 900.-</span>
                        </div>
                      </div>
                    </div>
                    <div class="service-item odd">
                      <div class="row">
                        <div class="col-xs-8">
                          <span>Additional Service</span>
                        </div>
                        <div class="col-xs-4 text-right">
                          <span>CHF 30.-</span>
                        </div>
                      </div>
                    </div>
                  </div>
  
                  <div class="total-holder">
                    <div class="row">
                      <div class="col-xs-6">
                        <h4>Total</h4>
                      </div>
                      <div class="col-xs-6 text-right">
                        <h1>CHF 1990.-</h1>
                      </div>
                    </div>
                  </div>
                </div>

                <hr class="service-devider">

                <div class="go-to-offer-section">
                  <div class="row">
                    <div class="col-xs-5">
                      <p>Has already been <span class="text-green">booked 1212</span> times</p>
                    </div>
                    <div class="col-xs-7">
                      <movu-button flat text="Go to offer" cta primary></movu-button>
                    </div>
                  </div>
                </div>

                <div class="instalment-holder">
                  <span>Payment by instalment 3x <span class="text-yellow">CHF 610.-</span></span>
                  <i class="material-icons">info_outline</i>
                </div>

                <div class="closing-holder">
                  <i class="material-icons">expand_less</i>
                </div>


              </div>
              <div class="provider-offer regional-offer collapsed">
                <div class="tag-regional">
                  <i class="material-icons region">place</i>
                  <span>Regional</span>
                </div>

                <div class="company-details-section">
                  <div class="row">
                    <div class="col-xs-7">
                      <div class="company-logo">
                        <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png" alt="">
                      </div>
                      <h4 class="company-name">Ants-Transport GmbH</h4>
                    </div>
                    <div class="col-xs-5 text-right no-padding-left">
                      <span class="amount-price strikethrough">CHF 2860.—</span>
                      <p class="large total-price"><b>CHF 2580.-</b></h3>
                    </div>
                  </div>
                </div>

                <div class="expanding-holder">
                  <span>Has already been <b>booked 1212</b> times</span>
                  <i class="material-icons">expand_more</i>
                </div>

              </div>
              <div class="provider-offer collapsed">
                <div class="company-details-section">
                  <div class="row">
                    <div class="col-xs-7">
                      <div class="company-logo">
                        <img src="https://movu-production-s3.s3.amazonaws.com/uploads/image/file/1003/medium_unnamed.png" alt="">
                      </div>
                      <h4 class="company-name">Express umzug AG</h4>
                    </div>
                    <div class="col-xs-5 text-right no-padding-left">
                      <span class="amount-price strikethrough">CHF 2040.—</span>
                      <p class="large total-price"><b>CHF 2580.-</b></h3>
                    </div>
                  </div>
                </div>

                <div class="expanding-holder">
                  <span>Has already been <b>booked 1212</b> times</span>
                  <i class="material-icons">expand_more</i>
                </div>

              </div>
            </div>
          </div>
        <div class="movu-pre-footer pre-footer-offers-page">
          <div class="row">
            <div class="col-xs-5">
              <i class="material-icons">tune</i>
              <span class="icon-title">ADJUST OFFERS</span>
            </div>
            <div class="col-xs-5">
              <i class="material-icons">help_outline</i>
              <span class="icon-title">FAQ</span>
            </div>
          </div>
        </div>
        </div>
        <hr>
      </div>
    </div>
  </div>


</div>
  {% render '@footer' %}
/* No context defined. */

No notes defined.