@extends('app')
@section('content')

<!--header-->
  @include('partials._header')  

<!--content-->
  <section id="content-block">
    <div class="container">
      <div class="row no-gutters">
        <div class="bandeau-responsive-top">
          <div class="text-bandeau-top">
            <span class="ff-bold gros-bandeau-top">les 18, 19 et 20 octobre<br></span>
            <span class="ff-bold fin-bandeau-top">rendez-vous au salon de l'immobilier des 2 savoie</span>
          </div>
        </div>
        <div class="col-12 col-lg-8">
          <div class="space-colum-left">
            
            <div class="block-offre bg-primary">
              <div class="ff-light text-light text-center text-uppercase ff-bold d-flex flex-column flex-md-row justify-content-center flex-wrap" style="padding-top: 10px;">
                <span style="font-size: 50px; color: #deb009;">3 jours</span>
              </div>
              <div class="offre-title ff-light text-light text-center text-uppercase d-flex flex-column flex-md-row justify-content-center flex-wrap">
                <p>pour profiter de la<span class="d-inline-block ff-bold">&nbsp;tva réduite </span><sup style="font-size: 36%; position: relative; top: -18px;">(1)</sup><br />et de<span class="ff-bold"> notre offre exclusive<sup style="font-size: 36%; position: relative; top: -18px;">*</sup></span></p>
              </div>
              <div class="double-line">
                <img src="/dev/chambery/public/img/double-line.png">
              </div>
             
              <div class="offres d-flex flex-column align-items-center justify-content-between flex-md-row justify-content-md-center">
                <div class="col-auto bg-secondary text-light text-center text-uppercase l-height-1 block-yellow d-flex flex-column justify-content-center">
                  <span class="d-block ff-light">jusqu'à</span>
                  <span class="ff-bold" style="font-size: 50px;">
                    6200 €<sup class="ff-medium">*</sup>
                  </span> 
                  <span class="ff-medium" style="font-size: 28px !important; line-height: 12px !important;"><br>de remise</span>
                </div>
                <div class="col-auto d-flex align-items-center">
                  {{--<img src="/img/plus.png" height="36">--}}
                  <span class="plus ff-bold">+</span>
                </div>
                <div class="col-auto bg-secondary text-light text-center text-uppercase block-yellow d-flex flex-column justify-content-center">
                    <span class="d-block ff-light">bénéficiez de la</span>
                    <span class="d-block ff-bold">tva 5,5%<sup>(1)</sup></span>
                    <span class="d-block ff-light d-flex flex-column">
                      <span>Pour concrétiser votre projet</span>
                    </span>
                  </div>
            </div>
            </div>
            <div class="block-residence">
              <div style="color: #294754!important; font-family: Avenir Next LT Pro,sans-serif; text-transform: uppercase; font-size: 36px; text-align: center; margin-bottom: 20px;">n'attendez plus pour devenir propriétaire !</div>
                <div class=" text-center">
                  <img src="/dev/chambery/public/img/tab-price.png" class="img-fluid">
                </div>
            </div>
            
            <div class="block-residence">
              <div class="title-box">Une résidence contemporaine et élégante</div>
              <div class="row ">
                <div class="col-12 col-md-6">
                  <ul class="custom-list">
                    <li>Trois bâtiments de 4 à 5 étages surmontés de toitures végétalisées</li>
                    <li>Appartements du 2 au 5 pièces prolongés par des balcons ou terrasses généreuses</li>
                    <li>Vue dégagée sur la vieille ville et en toile de fond le massif des Bauges</li>
                    <li>À quelques minutes à pied du centre historique</li>
                  </ul>
                </div>
                <div class="col-12 col-md-6 text-center text-md-right">
                  <img src="/dev/chambery/public/img/residence.png" class="img-fluid">
                </div>
              </div>
            </div>
            
            <div class="block-service bg-primary">
              <div class="title ff-light text-light text-center text-uppercase">La ville connectée qui allie plaisirs et commodités</div>
              <div class="double-line">
                <img src="/dev/chambery/public/img/double-line.png">
              </div>
              
              <div class="row justify-content-center">
                <div class="col-12 col-md-5 text-center ">
                  <img src="/dev/chambery/public/img/picto-group-1.png" class="img-fluid picto-group">
                  <div class="text-light mb40">Nombreux services,<br /> boutiques et restaurants<br /> en centre-ville.</div>
                </div>
                <div class="col-12 col-md-5 text-center ">
                  <img src="/dev/chambery/public/img/picto-group-2.png" class="img-fluid picto-group">
                  <div class="text-light mb40">Crèches, écoles<br /> élémentaires, collèges,<br /> lycées et pôle universitaire<br /> à proximité.</div>
                </div>
              </div>
              
              <div class="row justify-content-center">
                <div class="col-12 col-md-5 text-center ">
                  <img src="/dev/chambery/public/img/picto-group-3.png" class="img-fluid picto-group">
                  <div class="text-light mb40">Une ville connectée et bien<br /> desservie pour bouger au<br /> gré des envies.</div>
                </div>
                <div class="col-12 col-md-5 text-center ">
                  <img src="/dev/chambery/public/img/picto-group-4.png" class="img-fluid picto-group">
                  <div class="text-light">Une nature facilement<br /> accessible avec le jardin des<br /> Senteurs du Château et ses<br /> deux grands parcs publics.</div>
                </div>
              </div>
            </div>
            
            <div class="title ff-light text-center text-uppercase l-height-1" style="padding-top: 30px;"><span class="ff-bold">les 18, 19 et 20 octobre,</span><span class="d-block">venez nous rencontrer sur le salon</span><span class="d-block">de l'immobilier des 2 savoie</span></div>
            
            <div class="double-line">
                <img src="/dev/chambery/public/img/double-line.png">
              </div>

            <div class="block-map ">
                <img src="/dev/chambery/public/img/maps.png" class="img-fluid">
                <div class="box-horaire" style="width:300px; height:200px;">
                  <div class="row mb10 align-items-center">
                    <div class="col-2 text-center"><img src="/dev/chambery/public/img/picto-map.png" class="img-fluid"></div>
                    <div class="col-10" style="line-height: 20px; margin-bottom: 5px; padding-left: 5px;"><span class="ff-bold" style="text-transform: uppercase; font-size: 20px;">savoie expo</span><br /><span class="ff-bold" style="font-size: 20px;">Parc des expositions</span></div>
                  </div>
                  <div class="row mb10 align-items-center">
                    <div class="col-10 ajust-items">1725, av. du Grand Ariétaz<br>à Chamberry</div>
                    <div class="col-10 ff-bold ajust-items" style="color:#deb108;">Stand n°23</div>
                  </div>
                  <div class="row align-items-center" style="margin-top: 15px;">
                    <div class="col-2 text-center"><img src="/dev/chambery/public/img/picto-call.png" class="img-fluid"></div>
                   <!-- <div class="col-10">Du 14 au 16 juin de 10h à 19h. Du 17 au 22 juin, du lundi au samedi 10h00 à 12h30 et de 14h30 à19h</div> -->
                    <div class="col-10" style="padding-left: 5px;">0 800 123 123</div>
                  </div>
                </div>
            </div>
            
            <div class="title ff-light text-center text-uppercase l-height-1">Devenir propriétaire n’a jamais été aussi simple !</div>
            <div class="double-line">
              <img src="/dev/chambery/public/img/double-line.png">
            </div>
              
            <div class="row mb30">
              <div class="col-6 col-md-3 text-center"><img src="/dev/chambery/public/img/nf.png"></div>
              <div class="col-6 col-md-3 text-center"><img src="/dev/chambery/public/img/pinel.png" class="d-block mx-auto"><br /><span class="fs-10  mb30 text-justify d-block">Le non-respect des engagements de location entraîne la perte du bénéfice des incitations fiscales. Investir dans l’immobilier comporte des risques. Consultez le site pitchpromotion.fr pour en savoir plus</span></div>
              <div class="col-6 col-md-3 text-center"><img src="/dev/chambery/public/img/rt2012.png"></div>
              <div class="col-6 col-md-3 text-center"><img src="/dev/chambery/public/img/garantie-revente.png"></div>
            </div>
              
            </div>
          </div>

        <div class="col-12 col-lg-4">
          <div id="sticker" class="box-shadow space-colum-right">
            <!--form-->
              @include('partials._form')
            <!--End form-->
          </div>
        </div>
        
      </div>
    </div>
  </section>
<!--footer-->
  @include('partials._footer')  
<!--Mentions Légales-->
  @include('partials._infoslegales')

@endsection  
@section('scripts')
@endsection