@extends('layouts.app')

@section('page-title')
    Magasin
@stop

@section('content')
<section id="store-welcome" class="container cover" style="height:650px;background-position:50% 25%;background-image:url({{ URL::asset('images/stock-photo-romantic-dreaming-hipster-girl-in-knitted-sweater-and-beanie-hat-with-a-mug-in-hands-at-white-brick-348737342.jpg') }});">
    <div class="wrapper jumbotron-container">
        <div class="jumbotron">
            <h3 class="heading mb-2">Nos services en magasin</h3>
            <p class="emphase">Lorem ipsum dolor sit amet, <br>consectetur adipiscing elit.</p>
        </div>
    </div>
</section>
@include('includes.breadcrumb')
<section id="store-repairing" class="container">
    <div class="wrapper">
        <div class="grid grid-2 grid-m-1 flex flex-vertical-center">
            <div class="cell cell-5">
                <div class="showcase">
                    <div class="showcase-inner">
                        <h3 class="heading heading-t2 mb-3">Des experts à votre disposition</h3>
                        <p class="emphase">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac tristique quam, sed dapibus libero. Cras et faucibus urna. Nam nisl diam, lacinia ut sem id, semper consectetur mi. Vivamus interdum dolor sit amet enim venenatis, nec vulputate sapien convallis. Ut sit amet aliquet sem. Proin vehicula nisi efficitur venenatis finibus. Etiam consectetur, tortor quis ultricies vestibulum, mi ligula tincidunt nisi.</p>
                    </div>
                </div>
            </div>
            <div class="cell cell-7 cover" style="height:600px;background-image:url('./images/repairing.jpeg');">

            </div>
        </div>
    </div>
</section>
<section id="store-who" class="container">
    <div class="wrapper mb-2">
        <h3 class="heading heading-t2 mb-3">Qui sommes nous?</h3>
        <p class="emphase">Lorem ipsum dolor sit amet. Aenean mattis ante a velit condimentum, vitae semper dui viverra. Aenean scelerisque, velit ut congue tempor sapien convallis. Ut sit amet aliquet sem. Proin vehicula nisi efficitur venenatis finibus. Etiam consectetur, tortor quis ultricies vestibulum, mi ligula tincidunt nisi.</p>
    </div>
    <div class="wrapper">
        <div class="grid grid-3 grid-m-5">
            <div class="cell cell-4 guarantee">
                <a target="_blank" href="https://www.expertsantevisuelle.com/opticien-diplome-responsable-libre">
                    <i class="fa fa-dot-circle-o guarantee-icon" aria-hidden="true"></i>
                    <h4>Les experts en santé visuelle, <br>qui sont-ils ?</h4>
                    <p>Des opticiens diplômés soucieux du respect des consommateurs</p>
                </a>
            </div>
            <div class="cell cell-4 guarantee">
                <a target="_blank" href="https://www.expertsantevisuelle.com/prix-qualite-remboursement/opticien-diplome-responsable-libre">
                    <i class="fa fa-euro guarantee-icon" aria-hidden="true"></i>
                    <h4>Ce qu'il faut savoir prix, qualité, <br>remboursement...</h4>
                    <p>Nous vous proposons les meilleurs prix et dans les meilleures conditions</p>
                </a>
            </div>
            <div class="cell cell-4 guarantee">
                <a target="_blank" href="https://www.expertsantevisuelle.com/test-de-vue">
                    <i class="fa fa-clock-o guarantee-icon" aria-hidden="true"></i>
                    <h4><b>5 min</b> pour faire le point sur votre vue</h4>
                    <p>Effectuer un test de vue simple et rapide, le tout en ligne.</p>
                </a>
            </div>
        </div>
    </div>
</section>
<section id="store-count-on-us" class="container">
    <div class="wrapper">
        <div class="grid grid-2 grid-m-1 flex flex-vertical-center">
            <div class="cell cell-6 cover" style="height:600px;background-size:200% auto;background-image:url('./images/stock-photo-business-man-on-a-yellow-background-667471006.jpg');">

            </div>
            <div class="cell cell-6">
                <div class="showcase showcase-vc">
                    <div class="showcase-inner">
                        <h3 class="heading heading-t2 mb-3">Nous nous occupons de tout !</h3>
                        <p class="emphase">Lorem ipsum dolor sit amet. Aenean mattis ante a velit condimentum, vitae semper dui viverra. Aenean scelerisque, velit ut congue tempor sapien convallis. Ut sit amet aliquet sem. Proin vehicula nisi efficitur venenatis finibus. Etiam consectetur, tortor quis ultricies vestibulum, mi ligula tincidunt nisi.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@stop