templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4. <body> <!-- Navbar -->
  6. <main> <!-- Hero -->
  7.     <div class="hero-slider-wr default-slick-button home-slider">
  8.         <section class="full-width-bg" style="background-image: url({{ asset('assets/img/cover_raw1.jpg') }})">
  9.             <div class="container">
  10.                 <div class="full-width-bg-inner"><h2 class="title"></h2>
  11.                 </div>
  12.             </div>
  13.         </section>
  14.         <section class="full-width-bg" style="background-image: url('{{ asset('assets/img/cover_raw2.jpg') }}')">
  15.             <div class="container">
  16.                 <div class="full-width-bg-inner"><h2 class="title"></h2>
  17.                 </div>
  18.             </div>
  19.         </section>
  20.     </div>
  22.     <section class="container categories" ><h2 class="section-title lines">Nos services</h2>
  23.         <div class="row">
  24.             {% for category in category_services %}
  25.                 <div class="col-sm-6 col-lg-4 col-12" style="margin-top: 25px">
  26.                     <a href="{{ path('dts', {slug:category.slug}) }}" class="category-models-item" style="background-image: url({{ asset('assets/img/category_service/' ~ category.image) }});">
  27.                         <p>{{ category.name | upper }}</p>
  28.                     </a>
  29.                 </div>
  30.             {% endfor %}
  31.         </div>
  32.     </section>
  33.     <div style="margin-top: 50px">
  34.         <h2 class="section-title lines"></h2>
  35.     </div>
  36.     <section class="full-width-bg wrap" style="background-image: url({{ asset('assets/img/services/' ~ podcast.image) }}); margin-top: 50px">
  37.         <div class="container">
  38.             <div class="full-width-bg-inner"><h2 class="title">Notre Studio Podcast</h2>
  39.                 <p class="sub-title">{{ podcast.name }}</p> <a href="#" class="btn-classic">Découvrir</a></div>
  40.         </div>
  41.     </section> <!-- End Full Width Background --> <!-- Categories List -->
  43.     <div class="full-width-bg testimonials" style="margin-top: 0px!important;">
  44.         <div class="container">
  45.             <div class="full-width-bg-inner"><p class="quotes lines">“</p>
  46.                 <div class="testimonials-slider">
  47.                     <article class="testimonial-item"><p class="testimonial-content"> Toute notre expertise au coeur de vos émotions. </p>
  48.                         <div class="testimonial-author"><h4 class="name">Levi Joel N'guessan</h4>
  49.                             <p class="position">Photographe Principal & Gérant</p></div>
  50.                     </article>
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </div>
  55.     <section class="team">
  56.         <div class="container"><h2 class="section-title lines">Notre Equipe</h2>
  57.             <div class="row team-items-wr">
  58.                 {% for team in teams %}
  59.                 <div class="col-sm-6 col-lg-2 col-6 team-item-wr">
  60.                     <div class="team-item">
  61.                         <div class="img-holder" style="background-image: url({{ asset('assets/img/team/' ~ team.image) }})">
  62.                             <a href="#" class="soc-icon"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  63.                             <a href="#" class="soc-icon"><i class="fa fa-twitter" aria-hidden="true"></i></a></div>
  64.                         <h3 class="title">{{ team.name }}</h3>
  65.                         <p class="role">{{ team.fonction }}</p></div>
  66.                 </div>
  67.                 {% endfor %}
  68.             </div>
  69.         </div><br><br><br>
  70.     </section>
  72.     <div class="container agancy">
  73.         <h2 class="section-title lines">Ils nous ont fait confiance</h2>
  74.         <div class="agancy-logo-wr">
  75.          {% for partenaire in partenaires %}            
  76.             <a href="#" class="agancy-logo">
  77.                 <p>{{ partenaire.name }}</p> 
  78.                 <p style="margin-right: 30px"><img src="{{ asset('assets/img/partenaires/' ~ partenaire.logo) }}" /></p>
  79.             </a> 
  80.          {% endfor %}
  81.         </div>
  82.     </div> <!-- End Agancies List -->
  83. </main>
  84. <!-- Custom -->
  85. {% endblock %}