About Offer

<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-xs-12 col-sm-7 col-md-6">
                    <div class="about-offer">
                        <!-- tags -->
                        <div class="about-offer-tags hidden-xs">
                            <div class="tag-movu">
                                <i class="material-icons star">star</i>
                                <span>Movu recommendation</span>
                            </div>

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

                        </div>
                        <!-- logo and headline -->
                        <div class="row">
                            <div class="col-sm-4 col-md-3 hidden-xs">
                                <div class="logo"></div>
                            </div>
                            <div class="col-xs-12 col-sm-8 col-md-9">
                                <h2 class="headline">Scholler Umuzge Test AG</h2>
                            </div>
                        </div>
                        <!-- rating -->
                        <div class="row">
                            <div class="col-sm-12">
                                <movu-star-rating disabled value="3.7" rate_number="3" overall_rating_number="3/5" global_rate_text="Good">
                                </movu-star-rating>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="about-offer-tags movu-spacing-32-top visible-xs">
                                    <div class="tag-movu">
                                        <i class="material-icons star">star</i>
                                        <span>Movu recommendation</span>
                                    </div>

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

                                </div>
                            </div>
                        </div>
                        <!-- moving section -->
                        <div class="row">
                            <div class="col-sm-12 moving-section">
                                <p class="small visible-xs movu-spacing-8-bottom">Created on 02.10.2018</p>
                                <i class="material-icons">local_shipping</i>
                                <h3 class="moving-headline">moving offer</h3>
                                <p class="small hidden-xs pull-right">Created on 02.10.2018</p>
                                <hr>
                            </div>
                        </div>
                        <div class="row info">
                            <div class="col-sm-12">
                                <h4>moving date:</h4>
                                <p class="movu-spacing-16-bottom">31.10.2018</p>
                            </div>
                            <div class="col-sm-12">
                                <h4>moving form:</h4>
                                <p class="movu-spacing-16-bottom">Sennheimastrasse 7, Basel</p>
                            </div>
                            <div class="col-sm-12">
                                <h4>moving to:</h4>
                                <p class="movu-spacing-0-bottom">Sennheimastrasse 79, Basel</p>
                            </div>
                        </div>
                        <!--cleaning section -->
                        <div class="row">
                            <div class="col-sm-12 cleaning-section">
                                <p class="small visible-xs movu-spacing-8-bottom">Created on 02.10.2018</p>
                                <span class="cleaning-icon"></span>
                                <h3 class="cleaning-headline">cleaning offer</h3>
                                <p class="small hidden-xs pull-right">Created on 02.10.2018</p>
                                <hr>
                            </div>
                        </div>
                        <div class="row info">
                            <div class="col-sm-12">
                                <h4>cleaning date:</h4>
                                <p class="movu-spacing-16-bottom">31.10.2018</p>
                            </div>
                            <div class="col-sm-12">
                                <h4>cleaning address:</h4>
                                <p class="cleaning-city">Sennheimastrasse 7, Basel</p>
                            </div>
                        </div>
                        <!-- offer offerview section -->
                        <div class="row">
                            <div class="col-sm-12 moving-section">
                                <h3 class="overview-headline">offer overview</h3>
                                <hr>
                            </div>
                        </div>
                        <div class="row offer-overview">
                            <div class="col-sm-12">
                                <h4>this offer includes:</h4>
                                <ul class="unordered-list">
                                    <li>Eaque ipsa quae.</li>
                                    <li>Packing of boxes (incl. boxes)</li>
                                    <li>Eaque ipsa.</li>
                                </ul>

                                <ul class="unordered-list">
                                    <li>Eaque ipsa quae.</li>
                                    <li>Packing of boxes (incl. boxes)</li>
                                    <li>Eaque ipsa.</li>
                                </ul>

                                <ul class="unordered-list">
                                    <li>Eaque ipsa quae.</li>
                                    <li>Packing of boxes (incl. boxes)</li>
                                    <li>Eaque ipsa.</li>
                                </ul>

                            </div>
                        </div>
                        <!-- downloads section -->
                        <div class="row">
                            <div class="col-sm-12 moving-section">
                                <h3 class="overview-headline">downloads</h3>
                                <hr>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="about-offer-movu-wrapper">
                                    <button class="button-flat button-default" onclick="this.blur();">download offer pdf<i class="material-icons cta-icon">chevron_right</i></button>

                                </div>
                            </div>
                        </div>
                        <div class="row movu-spacing-16-top">
                            <div class="col-sm-12">
                                <div class="about-offer-movu-wrapper">
                                    <button class="button-flat button-default" onclick="this.blur();">download inquiry details pdf<i class="material-icons cta-icon">chevron_right</i></button>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>