templates/accueil/partials/_home-slider.html.twig line 1

Open in your IDE?
  1.     <section class="home-slider style-2 position-relative mb-50"
  2.          style="background-image: url({{ asset('assets/imgs/banner/banner-12.png') }});">
  3.     <div class="container">
  4.         <div class="row">
  5.             <div class="col-xl-8 col-lg-12">
  6.                 <div class="home-slide-cover">
  7.                     <div class="hero-slider-1 style-4 dot-style-1 dot-style-1-position-1">
  8.                         <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('assets/imgs/slider/3.png') }})">
  10.                         </div>
  11.                         <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('assets/imgs/slider/4.png') }})">
  13.                         </div>
  14. {#                        <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('assets/imgs/slider/ucctm1.png') }})">#}
  16. {#                        </div>#}
  17.                        
  18. {#                        <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('assets/imgs/slider/UCCTM3.png') }})">#}
  20. {#                        </div>#}
  21.                         <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('assets/imgs/slider/12.png') }})">
  23.                         </div>
  24.                         
  25.                          <div class="single-hero-slider single-animation-wrap" style="background-image: url({{ asset('assets/imgs/slider/UCCTM2.png') }})">
  27.                         </div>
  28.                     </div>
  29. {#                    <div class="hero-slider-1 style-4 dot-style-1 dot-style-1-position-1 slick-initialized slick-slider slick-dotted">#}
  30. {#                        <div class="slick-list draggable">#}
  31. {#                            <div class="slick-track" style="opacity: 1; width: 1700px;">#}
  32. {#                                <div class="single-hero-slider single-animation-wrap"#}
  33. {#                                     style="background-image: url({{ asset('assets/imgs/slider/slider-dogbo.jpg') }}); width: 850px; position: relative; left: 0px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms ease 0s;"#}
  34. {#                                     aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide10"#}
  35. {#                                     aria-describedby="slick-slide-control10">#}
  36. {#                                    <div class="slider-content"><h1 class="display-2 mb-40">#}
  37. {#                                            Don’t miss amazing<br> grocery deals#}
  38. {#                                        </h1>#}
  39. {#                                        <p class="mb-65">Sign up for the daily newsletter</p>#}
  40. {#                                        <div class="newsletter">#}
  41. {#                                            <form method="post" action="https://nest.botble.com/newsletter/subscribe"#}
  42. {#                                                  class="form-subcriber d-flex newsletter-form "><input type="hidden"#}
  43. {#                                                                                                        name="_token"#}
  44. {#                                                                                                        value="qWpbR30nwBb22fff6k69iwuCdeIo5Zc0OqLALSEi"#}
  45. {#                                                                                                        tabindex="-1">#}
  46. {#                                                <input type="email" name="email" placeholder="Your email address"#}
  47. {#                                                       tabindex="-1">#}
  48. {#                                                <button type="submit" class="btn" tabindex="-1">Subscribe</button>#}
  49. {#                                            </form>#}
  50. {#                                        </div>#}
  51. {#                                    </div>#}
  52. {#                                </div>#}
  53. {#                                <div class="single-hero-slider single-animation-wrap"#}
  54. {#                                     data-slick-index="1"#}
  55. {#                                     style="background-image: url({{ asset('assets/imgs/slider/slider-dogbo.jpg') }}); width: 850px; position: relative; left: -850px; top: 0px; z-index: 999; opacity: 1;"#}
  56. {#                                     aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide11"#}
  57. {#                                     aria-describedby="slick-slide-control11">#}
  59. {#                                </div>#}
  60. {#                            </div>#}
  61. {#                        </div>#}
  62. {#                        <ul class="slick-dots" style="" role="tablist">#}
  63. {#                            <li class="" role="presentation">#}
  64. {#                                <button type="button" role="tab" id="slick-slide-control10"#}
  65. {#                                        aria-controls="slick-slide10" aria-label="1 of 2" tabindex="-1">1#}
  66. {#                                </button>#}
  67. {#                            </li>#}
  68. {#                            <li role="presentation" class="slick-active">#}
  69. {#                                <button type="button" role="tab" id="slick-slide-control11"#}
  70. {#                                        aria-controls="slick-slide11" aria-label="2 of 2" tabindex="0"#}
  71. {#                                        aria-selected="true">2#}
  72. {#                                </button>#}
  73. {#                            </li>#}
  74. {#                        </ul>#}
  75. {#                    </div>#}
  76.                     <div class="slider-arrow hero-slider-1-arrow">
  77.                         <span class="slider-btn slider-prev slick-arrow"
  78.                                                                         style=""><i class="fi-rs-angle-left"></i></span><span
  79.                                 class="slider-btn slider-next slick-arrow" style=""><i
  80.                                     class="fi-rs-angle-right"></i></span></div>
  81.                 </div>
  82.             </div>
  83.             <div class="col-lg-4 d-none d-xl-block">
  84.                 <div class="video-responsive">
  85.                     <iframe width="884" height="495" src="https://www.youtube.com/embed/9_0ucgDAGEg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  86.                 </div>
  87. {#                <div class="banner-img style-3 animated animated"#}
  88. {#                     style="background-image: url({{ asset('assets/imgs/banner/banner-11.jpg') }});">#}
  89. {#                    <div class="banner-text  mt-50"><h2 class="mb-50">Nos produits</h2> <a#}
  90. {#                                href="{{ path('app_accueil_nos_produit') }}" class="btn btn-xs">#}
  91. {#                            notre boutique <i class="fi-rs-arrow-small-right"></i></a></div>#}
  92. {#                </div>#}
  93.                 <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
  94.                     <div class="carousel-inner">
  95.                         <div class="carousel-item active">
  96.                             <img src="{{ asset('assets/imgs/banner/banner-14.png') }}" class="d-block w-100" alt="...">
  97.                             
  98.                              
  99.                         </div>
  100.                         <div class="carousel-item">
  101.                             <img src="..." class="d-block w-100" alt="...">
  102.                         </div>
  103.                         <div class="carousel-item">
  104.                             <img src="..." class="d-block w-100" alt="...">
  105.                         </div>
  106.                     </div>
  107.                     <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
  108.                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  109.                         <span class="visually-hidden">Previous</span>
  110.                     </button>
  111.                     <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
  112.                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  113.                         <span class="visually-hidden">Next</span>
  114.                     </button>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </div>
  119. </section>