Sidebar

<div class="movu-styleguide">
    <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="movu-booking-flow-layout">
        <div class="container visible-xs visible-sm visible-md">
            <div class="row">
                <div class="flow-progress-placeholder booking-steps">
                    <div class="flow-progress-bar-wrapper">
                        <div class="col-xs-12">
                            <div class="flow-progress-bar">
                                <div class="row">
                                    <div class="progress-holder">
                                        <div class="progress-percent" style="width: 33%"></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-4">
                                        <span class="current-state">1.</span>
                                    </div>
                                    <div class="col-xs-4">
                                        <span class="current-state">2.</span>
                                    </div>
                                    <div class="col-xs-4">
                                        <span class="current-state">3.</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container visible-lg">
            <div class="flow-progress-placeholder booking-steps">
                <div class="flow-progress-bar-wrapper">
                    <div class="col-xs-12">
                        <div class="flow-progress-bar">
                            <div class="row">
                                <div class="progress-holder">
                                    <div class="progress-percent" style="width: 33%"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-4">
                                    <span class="current-state">1.</span>
                                </div>
                                <div class="col-xs-4">
                                    <span class="current-state">2.</span>
                                </div>
                                <div class="col-xs-4">
                                    <span class="current-state">3.</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="benefits-block">
                        <img class="img-responsive visible-xs" src="https://via.placeholder.com/290x100" alt="img" width="100%" height="100px">
                        <img class="img-responsive visible-sm" src="https://via.placeholder.com/720x100" alt="img" width="100%" height="100px">
                        <img class="img-responsive visible-md" src="https://via.placeholder.com/940x100" alt="img" width="100%" height="100px">
                        <img class="img-responsive visible-lg" src="https://via.placeholder.com/1140x100" alt="img" width="100%" height="100px">
                    </div>
                </div>
                <div class="provider-offer-list-block">
                    <div class="col-xs-12 col-sm-7 col-md-8">
                        <div class="left-column offer-card-list">
                            <img class="img-responsive visible-xs" src="https://via.placeholder.com/290x900" alt="img" width="100%" height="900px">
                            <img class="img-responsive visible-sm" src="https://via.placeholder.com/407x900" alt="img" width="100%" height="900px">
                            <img class="img-responsive visible-md" src="https://via.placeholder.com/616x900" alt="img" width="100%" height="900px">
                            <img class="img-responsive visible-lg" src="https://via.placeholder.com/750x900" alt="img" width="100%" height="900px">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-5 col-md-4">
                        <div class="right-column inquiry-details">
                            <img class="img-responsive visible-xs" src="https://via.placeholder.com/290x900" alt="img" width="100%" height="900px">
                            <img class="img-responsive visible-sm" src="https://via.placeholder.com/282x900" alt="img" width="100%" height="900px">
                            <img class="img-responsive visible-md" src="https://via.placeholder.com/293x900" alt="img" width="100%" height="900px">
                            <img class="img-responsive visible-lg" src="https://via.placeholder.com/360x900" alt="img" width="100%" height="900px">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer _ngcontent-c0>Copyright © 2018 MOVU AG, All rights reserved.</footer>

</div>