templates/home/post.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Hello MainController!{% endblock %}
  6. {% block body %}
  8.     <!-- WELCOME -->
  9.     <section class="py-10 py-md-14 overlay overlay-black overlay-60 bg-cover"
  10.              style="background-image: url({{ post.image }});">
  11.         <div class="container">
  12.             <div class="row justify-content-center">
  13.                 <div class="col-12 col-md-10 col-lg-8 text-center">
  15.                     <!-- Heading -->
  16.                     <h1 class="display-2 fw-bold text-white">
  17.                         {{ post.title }}
  18.                     </h1>
  20.                     <!-- Text -->
  23.                 </div>
  24.             </div> <!-- / .row -->
  25.         </div> <!-- / .container -->
  26.     </section>
  27.     <!-- SHAPE -->
  28.     <div class="position-relative">
  29.         <div class="shape shape-bottom shape-fluid-x text-light">
  30.             <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
  31.                 <path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/>
  32.             </svg>
  33.         </div>
  34.     </div>
  35.   <div class="container">
  36.       <div class="row">
  37.           <nav aria-label="breadcrumb">
  38.               <ol class="breadcrumb breadcrumb-scroll">
  39.                   <li class="breadcrumb-item">
  40.                       <a class="text-gray-700" href="{{ path('home') }}">
  41.                           Accueil
  42.                       </a>
  43.                   </li>
  44.                   <li class="breadcrumb-item active" aria-current="page">
  45.                       {{ post.title }}
  46.                   </li>
  47.               </ol>
  48.           </nav>
  49.       </div>
  50.   </div>
  51.     <!-- ARTICLES -->
  52.     <section class="pt-7 pt-md-5">
  53.         <div class="container">
  54.             <div class="row">
  55.                 <div class="lead text-muted mb-0">
  56.                     {{ post.description|raw }}
  57.                 </div>
  58.                 {% if contentChildren(1) is not null %}
  59.                 {% for child in contentChildren(1) %}
  61.                     {% if  child.id % 2 == 0 %}
  62.                         <div class="col-12">
  65.                     <!-- Card -->
  66.                     <div class="card card-row shadow-light-lg mb-6 lift lift-lg">
  67.                         <div class="row gx-0">
  69.                             <a class="col-12 col-md-6 order-md-2 bg-cover card-img-end"
  70.                                style="background-image: url({{ child.image }});" href="#!">
  74.                                 <!-- Shape -->
  75.                                 <div class="shape shape-start shape-fluid-y text-white d-none d-md-block">
  76.                                     <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg">
  77.                                         <path d="M0 0h62.759v172C38.62 384 112 517 112 517v173H0V0z"
  78.                                               fill="currentColor"/>
  79.                                     </svg>
  80.                                 </div>
  82.                             </a>
  83.                             <div class="col-12 col-md-6 order-md-1">
  85.                                 <!-- Body -->
  86.                                 <a class="card-body" href="#!">
  88.                                     <!-- Heading -->
  89.                                     <h3>
  90.                                        {{ child.title }}
  91.                                     </h3>
  93.                                     <!-- Text -->
  94.                                     <div class="mb-0 text-muted">
  95.                                         {{ child.description|raw }}
  96.                                     </div>
  98.                                 </a>
  100.                                 <!-- Meta -->
  101.                                 <a class="card-meta" href="#!">
  103.                                     <!-- Divider -->
  104.                                     <hr class="card-meta-divider">
  108.                                 </a>
  110.                             </div>
  112.                         </div> <!-- / .row -->
  113.                     </div>
  115.                 </div>
  116.                     {% else %}
  118.                         <div class="col-12">
  121.                             <!-- Card -->
  122.                             <div class="card card-row shadow-light-lg">
  123.                                 <div class="row gx-0">
  124.                                     <a class="col-12 col-md-6 bg-cover card-img-start" style="background-image: url({{ child.image }});" href="#!">
  126.                                         <!-- Image (placeholder) -->
  127.                                         <img src="{{ child.image }}" alt="..." class="img-fluid d-md-none invisible">
  129.                                         <!-- Shape -->
  130.                                         <div class="shape shape-end shape-fluid-y text-white d-none d-md-block">
  131.                                             <svg viewBox="0 0 112 690" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M116 0H51v172C76 384 0 517 0 517v173h116V0z" fill="currentColor"></path></svg>              </div>
  133.                                     </a>
  134.                                     <div class="col-12 col-md-6 order-md-1">
  136.                                         <!-- Body -->
  137.                                         <div class="card-body">
  138.                                             <blockquote class="blockquote mb-0 text-left">
  139.                                                 <!-- Heading -->
  140.                                                 <h3>
  141.                                                     {{ child.title }}
  142.                                                 </h3>
  143.                                                 <!-- Text -->
  144.                                                 <div class="mb-5 mb-md-7 text-muted">
  145.                                                     {{ child.description|raw }}
  146.                                                 </div>
  148.                                             </blockquote>
  149.                                         </div>
  151.                                     </div>
  153.                                 </div>
  154.                             </div>
  156.                         </div>
  157.                     {% endif %}
  158.                 {% endfor %}
  159.                 {% endif %}
  160.             </div> <!-- / .row -->
  161.         </div> <!-- / .container -->
  162.     </section>
  163.     <!-- SHAPE -->
  164.     <div class="position-relative">
  165.         <div class="shape shape-bottom shape-fluid-x text-gray-200">
  166.             <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor"/></svg>      </div>
  167.     </div>
  168. {% endblock %}