templates/blog/article_detail.html.twig line 1

Open in your IDE?
  2. {% extends 'base.html.twig' %}
  4. {% block title %}{{article.titre}}{% endblock %}
  6. {% block body %}
  8.  <!-- Blog Details Page Title & Breadcrumbs -->
  9.  <div data-aos="fade" class="page-title hea">
  10.   <div class="heading">
  11.     <div class="container">
  12.       <div class="row d-flex justify-content-center text-center">
  13.         <div class="col-lg-8">
  14.           <h1>{{article.titre}}</h1>
  15.           <p class="mb-0">{{article.miniDescription}}</p>
  16.         </div>
  17.       </div>
  18.     </div>
  19.   </div>
  20.   <nav class="breadcrumbs">
  21.     <div class="container">
  22.       <ol>
  23.         <li><a href="index.html">Home</a></li>
  24.         <li class="current">Blog Details</li>
  25.       </ol>
  26.     </div>
  27.   </nav>
  28. </div><!-- End Page Title -->
  30. <section id="blog-details" class="blog-details">
  32.   <div class="container" data-aos="fade-up" data-aos-delay="100">
  34.     <div class="row g-5">
  36.       <div class="col-lg-8">
  38.         <article class="article">
  40.           <div class="post-img">
  41.             <img src="{{ asset('images/articles/'~ article.image) }}" alt="" class="img-fluid">
  42.           </div>
  43.             
  44.           <h2 class="title">{{article.titre}}</h2>
  46.           <div class="meta-top">
  47.             <ul> 
  48.               <li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="javascript:void(0)">Admin</a></li>
  49.               <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="javascript:void(0)"><time datetime="2020-01-01">{{article.createdAt|date("d F Y")}}</time></a></li>
  50.               {# <li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li> #}
  51.             </ul>
  52.           </div><!-- End meta top -->
  53.           
  54.         <div class="content">
  55.           <p>
  56.             {{article.description|raw}} 
  57.           </p>
  59.         </div><!-- End post content -->
  61.         <div class="meta-bottom">
  62.           <i class="bi bi-folder"></i>
  63.           <ul class="cats">
  64.             <li><a href="#">Business</a></li>
  65.           </ul>
  67.           <i class="bi bi-tags"></i>
  68.           <ul class="tags">
  69.             <li><a href="#">Creative</a></li>
  70.             <li><a href="#">Tips</a></li>
  71.             <li><a href="#">Marketing</a></li>
  72.           </ul>
  73.         </div><!-- End meta bottom -->
  74.         <br /><br />
  75.  <div class="meta-bottom">
  76.        <h3>Rejoignez notre Communauté Exclusive !</h3> 
  77. Bienvenue sur GoDo eCommerce - l'endroit où la passion du shopping rencontre l'innovation. <br /> Ne manquez jamais une offre exclusive, les dernières tendances et des avantages réservés à notre communauté. <br> <br> Inscrivez-vous maintenant pour profiter:
  79. <ul>
  80.   <li>Des offres exclusives réservées aux abonnés</li>
  81.   <li>Un accès en avant-première aux nouvelles collections</li>
  82.   <li>Des remises spéciales et codes promotionnels</li>
  83.   <li>Des conseils mode personnalisés</li>
  84.   <li>Votre style, votre espace</li>
  85. </ul>
  87. Inscrivez-vous aujourd'hui pour une expérience dans le eCommerce unique et restez à l'affût de chaque opportunité qui rendra votre journée un peu plus spéciale.
  88. <br> <br>
  89. Rejoignez-nous maintenant et transformez votre expérience de eCommerce!
  90. <br><br>
  91. <a href="{{path('app_register')}}" class="btn btn-danger btn-lg" style="color: white;">Inscription  <i class="fa fa-user"></i></a>
  92. </div>
  93.         </article>
  95.       </div>
  97.         <div class="col-lg-4">
  99.           <div class="sidebar">
  101.             <div class="sidebar-item search-form">
  102.               <h3 class="sidebar-title">Search</h3>
  103.               <form action="" class="mt-3">
  104.                 <input type="text">
  105.                 <button type="submit"><i class="bi bi-search"></i></button>
  106.               </form>
  107.             </div><!-- End sidebar search formn-->
  109.             <div class="sidebar-item categories">
  110.               <h3 class="sidebar-title">Categories</h3>
  111.               <ul class="mt-3">
  112.                 <li><a href="#"> eCommerce <span>(25)</span></a></li>
  113.                 {# <li><a href="#">Lifestyle <span>(12)</span></a></li>
  114.                 <li><a href="#">Travel <span>(5)</span></a></li>
  115.                 <li><a href="#">Design <span>(22)</span></a></li>
  116.                 <li><a href="#">Creative <span>(8)</span></a></li>
  117.                 <li><a href="#">Educaion <span>(14)</span></a></li> #}
  118.               </ul>
  119.             </div><!-- End sidebar categories-->
  121.             <div class="sidebar-item recent-posts">
  122.               <h3 class="sidebar-title">Recent Posts</h3>
  124.               {% for article in articles %}
  125.               <div class="post-item">
  127.                 <img src="{{ asset('images/articles/'~ article.image) }}" alt="" class="flex-shrink-0">
  128.                 <div>
  129.                   <h4><a href="{{path('app_admin_blog_detail',{id:article.id,'titre':article.titre |replace({' ': '_', 'é': 'e', 'è': 'e', 'ù': 'u', 'ê': 'e', '|': '_', '\'': '_'}) }) }}">{{article.titre}}</a></h4>
  130.                   <time datetime="2020-01-01">{{article.createdAt|date("m F Y")}}</time>
  131.                 </div> 
  133.               </div><!-- End recent post item-->
  134.               {% endfor %}
  136.             </div>
  138.           
  139.         </div>
  141.       </div>
  142.     </div>
  143.   </div>
  145.   
  146. {# <div class="container2 bouge" data-aos="fade">
  147.     
  148. <div class="container">
  149.   <div class="row">
  150.   <div class="col-md-6">
  151.     <h1> {{article.titre}}</h1>
  152.     <img class="img-fluid" src="{{ asset('images/articles/'~ article.image) }}" alt="Title">
  153.   
  154.   </div>
  155.   <div class="col-md-6">
  156.   
  157.   <p>{{article.description|raw}}</p>
  158.   
  159.   </div>
  160.   </div>
  162.   <a href="{{path('app_blog')}}" class="btn btn-secondary bj"> Retour<< </a>
  164.   </div>
  167.    #}
  168. {% endblock %}