<?php require('header.php'); ?>

            <!-- Contenu entouré de publicités sur les côtés -->
            <div class="row pt-2 bg-secondary">
                
                <?php require('left-pub.php'); ?>
                    <div class="col-lg-8 p-0">
                    <div class="container">
                        
                        
                        <div class="row mb-4" style="margin-right: -45px;">
                            <div class="col-md-8 row ">
                                <div class="col-md-6 text-center  bg-light">
                                  <h4 class="pt-3 pb-0 text-center">
                                      Le <strong>Catalogue</strong>
                                      <br>
                                      <img src="assets/img/sousline.png" style="width:100%;max-width:150px">
                                  </h4>
                                  <img src="assets/img/catalogue.jpg" alt="" srcset="assets/img/catalogue.jpg" class="w-100">
                                </div>
                                <div class="col-md-6 p-0">
                                <ul class="list-unstyled  bg-light" style="display: flex; flex-direction: column; justify-content: center; height: 100%; width: 90%;">
                                    <li>
                                        <a target="_blank" href="le-catalogue-auto.pdf" download>
                                            <i class="fa  fa-arrow-circle-right" aria-hidden="true"></i>Télécharger
                                        </a>
                                    </li>
                                    <li>
                                        <a target="_blank" href="d-guide.html">
                                            <i class="fa  fa-arrow-circle-right" aria-hidden="true"></i>
                                            Consulter en ligne
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" data-toggle="modal" data-target="#myModal">
                                            <i class="fa  fa-arrow-circle-right" aria-hidden="true"></i>
                                            Recevoir le catalogue
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            </div>
                            
                            
                            <div class="col-md-4 bg-light">
                                <div class="text-center">
                                   <h4  class="pt-3 pb-0 text-center">
                                    Nos <strong>Partenaires</strong>
                                     <br>
                                      <img src="assets/img/sousline.png" style="width:100%;max-width:150px">
                                </h4>
                                    <div class="owl-carousel owl-theme partenaires">
                                        <div class="item"><img src="assets/img/pub1.jpeg" class="w-100" ></div>
                                        <div class="item"><img src="assets/img/pub2.jpeg" class="w-100" ></div>
                                        <div class="item"><img src="assets/img/s33.jpeg" class="w-100" ></div>
                                        
                                        <div class="item"><img src="assets/img/s3.jpeg" class="w-100" ></div>
                                        <div class="item"><img src="assets/img/eqdom-pub.png" class="w-100" ></div>
                                        <div class="item"><img src="assets/img/s4.jpeg" class="w-100" ></div>
                                        <div class="item"><img src="assets/img/s5.jpeg" class="w-100" ></div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>

                        <div class="row mt-4 bg-light p-3">
                            <div class="col-md-8 ">
                                <div class="owl-carousel owl-theme partenaires">
                                    <div class="item"><img src="assets/img/vn-1.webp" class="w-100" ></div>
                                    <div class="item"><img src="assets/img/vn-2.webp" class="w-100" ></div>
                                    <div class="item"><img src="assets/img/vn-3.webp" class="w-100" ></div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                
                                <ul class="list-unstyled">
                                    <h4 class="text-center">Véhicules neufs <br> <strong>et Financement</strong>
                                     <br>
                                      <img src="assets/img/sousline.png" style="width:100%;max-width:150px">
                                    </h4>
                                    <li><a href="notre-selection.html"><i class="fa fa-circle" aria-hidden="true"></i> Notre sélection</a></li>
                                    <li><a href="financement.html"> <i class="fa fa-circle" aria-hidden="true"></i> Modèles et financement</a></li>
                                    <li><a href="https://www.vivacar.ma/" target="_blanc"> <i class="fa fa-circle" aria-hidden="true"></i> Simulation de financement </a></li>
                                </ul>
                            </div>
                        </div>
                        
                        <!--

                        <div class="row mt-4  bg-light p-3">
                            <div class="col-md-4">
                                <ul class="list-unstyled">
                                    <h3>VÉHICULES <strong>D'OCCASION</strong>
                                    <br>
                                      <img src="assets/img/sousline.png" style="width:100%;max-width:150px">
                                    </h3>
                                    <li><a href="#" target="_blanc"><i class="fa fa-circle" aria-hidden="true"></i>  Je vends ma voiture</a></li>
                                    <li><a href="#" target="_blanc"> <i class="fa fa-circle" aria-hidden="true"></i>  J'achète une voiture</a></li>
                                </ul>
                            </div>
                            <div class="col-md-8">
                                <div class="parent row">
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-12 p3 mb-1">
                                        <a href="#" target="_blank"><img src="https://lespecialauto.ma//uploads/2021/12/cab.png" class="w-100"></a>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-12 p3 mb-1">
                                        <a href="#" target="_blank"><img src="https://lespecialauto.ma//uploads/2021/12/pickup.jpg" class="w-100"></a>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-12 p3 mb-1">
                                        <a href="#" target="_blank"><img src="https://lespecialauto.ma//uploads/2021/12/cita.jpg" class="w-100"></a>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-12 p3 mb-1">
                                        <a href="#" target="_blank"><img src="https://lespecialauto.ma//uploads/2021/12/comp.jpg" class="w-100"></a>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-12 p3 mb-1">
                                        <a href="#" target="_blank"><img src="https://lespecialauto.ma//uploads/2021/12/SUV_4-4.png" class="w-100"></a>
                                    </div>
                                    <div class="col-lg-4 col-md-6 col-sm-6 col-12 p3 mb-1">
                                        <a href="#" target="_blank"><img src="https://lespecialauto.ma//uploads/2021/12/Berline-1.png" class="w-100"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        -->
                        
                        <div class="row mt-4 pb-4">
                            <div class="col-md-12 text-center mt-4">
                                <a href="#" class="btn btn-danger">NOUS CONTACTER</a>
                            </div>

                        </div>

                    </div>
                </div>
                <?php require('left-pub.php'); ?>
                
            </div>
            
<?php require('footer.php'); ?>
      
