templates/newwebfront/article.html.twig line 1

Open in your IDE?
  1. {% extends 'newwebfront/index.html.twig' %}
  2. {% block title %} Actualité {% endblock title %} 
  3. {% block content %}
  4.     <!-- Page Title -->
  5.      {# {% for article in post %}
  6.         {% if article.id is not null %}
  7.         <p> bien affiché </p>  #}
  8.                 <section class="page-title blog-page style-two" style="background-image: url({{asset('newwebfront/assets/images/background/actualitebs.png')}});">
  9.                     <div class="auto-container">
  10.                         <div class="content-box">
  11.                             <div class="title centred">
  12.                                 <span class="category"><i class="flaticon-star"></i>{{ post.category }}</span>
  13.                                 <h1 style="color : #FFD400;">{{ post.title }}</h1>
  14.                             </div>
  15.                             <ul class="bread-crumb clearfix">
  16.                                 <li><a href="{{ path('newfront') }}">Accueil</a></li>
  17.                                 <li>Actualités</li>
  18.                             </ul>
  19.                         </div>
  20.                     </div>
  21.                     <div class="lower-box">
  22.                         <div class="auto-container">
  23.                             <div class="post-content">
  24.                                 <div class="left-column">
  25.                                     <div class="post-date"><h3>{{ post.getCreatAt()| date('d') }}<span>{{ post.getCreatAt()| date('m-Y') }}</span></h3></div>
  26.                                     <ul class="post-info clearfix">
  27.                                         <li><i class="far fa-user"></i><a href="#">{{ post.auteur }}</a></li>
  28.                                         {# <li><i class="far fa-comment"></i><a href="blog-details.html">2 Comments</a></li>
  29.                                         <li><i class="far fa-heart"></i><a href="blog-details.html">5 Likes</a></li> #}
  30.                                     </ul>
  31.                                 </div>
  32.                                 {# <div class="right-column">
  33.                                     <div class="share-box"><a href="blog-details.html">Share This Post<i class="flaticon-share"></i></a></div>
  34.                                 </div> #}
  35.                             </div>
  36.                         </div>
  37.                     </div>
  38.                 </section>
  39.                 <!-- End Page Title -->
  40.                 <!-- sidebar-page-container -->
  41.                 <section class="sidebar-page-container sec-pad-2">
  42.                     <div class="auto-container">
  43.                         <div class="row clearfix">
  44.                             <div class="col-lg-12 col-md-12 col-sm-12 content-side">
  45.                                 <div class="blog-details-content">
  46.                                     <div class="inner-box">
  47.                                         <figure class="image-box"><img src='{{asset('media/'~post.name)}}' alt=""></figure>
  48.                                             <div class="text">
  49.                                                 <p>{{ post.content|raw }}</p>
  50.                                                 {# <p>Desire that they cannot foresee the pain and trouble that are bound to ensue How all this mistaken idea of denouncing pleasure praising pain was born and we will give you complete account of the system and expound the actual teachings of the great explorer of the truth one the master.</p>
  51.                                                 <h3>Unique Experience</h3>
  52.                                                 <p>Foresee the pain trouble that are bond ensue How all this mistaken denouncing pleasure praising system obligations of it the wise man therefore always holds the wise man therefore.</p> #}
  53.                                             </div>
  54.                                             {# <div class="points-block">
  55.                                                 <div class="row clearfix">
  56.                                                     <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  57.                                                         <div class="single-item">
  58.                                                             <p><i class="flaticon-bird"></i>An effort made for the more happiness</p>
  59.                                                         </div>
  60.                                                     </div>
  61.                                                     <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  62.                                                         <div class="single-item">
  63.                                                             <p><i class="flaticon-bird"></i>It is more agreeable to have the great</p>
  64.                                                         </div>
  65.                                                     </div>
  66.                                                     <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  67.                                                         <div class="single-item">
  68.                                                             <p><i class="flaticon-bird"></i>Doing nothing for others is the list</p>
  69.                                                         </div>
  70.                                                     </div>
  71.                                                     <div class="col-lg-6 col-md-6 col-sm-12 single-column">
  72.                                                         <div class="single-item">
  73.                                                             <p><i class="flaticon-bird"></i>Help today because tomorrow explorer</p>
  74.                                                         </div>
  75.                                                     </div>
  76.                                                 </div>
  77.                                             </div>
  78.                                             <div class="text">
  79.                                                 <h3>Attend A Firework Show</h3>
  80.                                                 <p>Randomised words which don't look even slightly believableyou going to use a some passage generator. or else he endures pains to avoid worse pains demoralized by the charms. The generated lorem Ipsum is therefore always free characteristic repetition moments internet.</p>
  81.                                                 <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form by injected humour.</p>
  82.                                                 <blockquote>
  83.                                                     <div class="icon-box"><i class="flaticon-quote"></i></div>
  84.                                                     <p>Whitehall Committed to ensuring its parks and open spaces continue to be a place for everyone in the community to enjoy.</p>
  85.                                                     <h4>- Jordan Cooper, <span>Mayor</span></h4>
  86.                                                 </blockquote>
  87.                                                 <h3>Rundown on Restrictions</h3>
  88.                                                 <p>Denounce with righteous indignation and dislike men who are so beguiled demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain.</p>
  89.                                             </div> #}
  90.                                     </div>
  91.                                     <div class="two-column">
  92.                                         <div class="row clearfix">
  93.                                             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
  94.                                                 <figure class="image">
  95.                                                     <img src="assets/images/news/news-19.jpg" alt="">
  96.                                                 </figure>
  97.                                             </div>
  98.                                             <div class="col-lg-6 col-md-6 col-sm-12 image-column">
  99.                                                 <figure class="image">
  100.                                                     <img src="assets/images/news/news-20.jpg" alt="">
  101.                                                     <a href="https://www.youtube.com/watch?v=nfP5N9Yc72A&amp;t=28s" class="lightbox-image" data-caption="">
  102.                                                         <i class="fas fa-link"></i>
  103.                                                     </a>
  104.                                                 </figure>
  105.                                             </div>
  106.                                         </div>
  107.                                     </div>
  108.                                     {# <div class="tags-box">
  109.                                         <ul class="tags-list clearfix">
  110.                                             <li>Tags:</li>
  111.                                             <li><a href="blog-details.html">Activities,</a></li>
  112.                                             <li><a href="blog-details.html">Certificates,</a></li>
  113.                                             <li><a href="blog-details.html">Culture,</a></li>
  114.                                             <li><a href="blog-details.html">Departments</a></li>
  115.                                         </ul>
  116.                                     </div>
  117.                                     <div class="author-box">
  118.                                         <figure class="author-thumb"><img src="assets/images/news/author-1.jpg" alt=""></figure>
  119.                                         <div class="text">
  120.                                             <h4>Paul Anderson</h4>
  121.                                             <p>Ever undertakes laborious physical exercise, except to obtain some advant age from it? But who has any right to find fault with a man.</p>
  122.                                             <ul class="social-style-one clearfix">
  123.                                                 <li><a href="blog-details.html"><i class="fab fa-facebook-f"></i></a></li>
  124.                                                 <li><a href="blog-details.html"><i class="fab fa-twitter"></i></a></li>
  125.                                                 <li><a href="blog-details.html"><i class="fab fa-pinterest-p"></i></a></li>
  126.                                             </ul>
  127.                                             <div class="link"><a href="blog-details.html">Author</a></div>
  128.                                         </div>
  129.                                     </div>
  130.                                     <div class="post-nav-btn clearfix">
  131.                                         <div class="left-nav nav-btn pull-left">
  132.                                             <figure class="image-box"><img src="assets/images/news/nav-1.jpg" alt=""></figure>
  133.                                             <a href="blog-details.html"><i class="fal fa-angle-left"></i>Prev Post</a>
  134.                                             <h6>Make Your Festive Season <br />Zero-Waste</h6>
  135.                                         </div>
  136.                                         <div class="right-nav nav-btn pull-right text-right">
  137.                                             <figure class="image-box"><img src="assets/images/news/nav-2.jpg" alt=""></figure>
  138.                                             <a href="blog-details.html">Next Post<i class="fal fa-angle-right"></i></a>
  139.                                             <h6>City Council Commits to <br />Green New Deal</h6>
  140.                                         </div> 
  141.                                     </div>
  142.                                     <div class="comment-box">
  143.                                         <div class="text">
  144.                                             <h3>Comments</h3>
  145.                                         </div>
  146.                                         <div class="comment">
  147.                                             <figure class="thumb-box">
  148.                                                 <img src="assets/images/news/comment-1.jpg" alt="">
  149.                                             </figure>
  150.                                             <div class="comment-inner">
  151.                                                 <div class="comment-info clearfix">
  152.                                                     <h4>Isaac Herman</h4>
  153.                                                     <span class="post-date">May 14, 2020 [11.00am]</span>
  154.                                                 </div>
  155.                                                 <p>How all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system.</p>
  156.                                                 <a href="blog-details.html" class="reply-btn"><i class="far fa-share"></i>Reply</a>
  157.                                             </div>
  158.                                         </div>
  159.                                         <div class="comment reply-comment">
  160.                                             <figure class="thumb-box">
  161.                                                 <img src="assets/images/news/comment-2.jpg" alt="">
  162.                                             </figure>
  163.                                             <div class="comment-inner">
  164.                                                 <div class="comment-info clearfix">
  165.                                                     <h4>William Cobus</h4>
  166.                                                     <span class="post-date">May 14, 2020 [11.00am]</span>
  167.                                                 </div>
  168.                                                 <p>Undertakes laborious physical exercise, except to obtain some advantage from it but who has any right to find fault.</p>
  169.                                                 <a href="blog-details.html" class="reply-btn"><i class="far fa-share"></i>Reply</a>
  170.                                             </div>
  171.                                         </div>
  172.                                     </div>
  173.                                     <div class="comments-form-area">
  174.                                         <div class="text">
  175.                                             <h3>Leave Your Comment</h3>
  176.                                             <p>Your email address will not be published. Required fields are marked <span>*</span></p>
  177.                                         </div>
  178.                                         <form method="post" action="blog-details.html" class="default-form"> 
  179.                                             <div class="row clearfix">
  180.                                                 <div class="col-lg-6 col-md-12 col-sm-12 big-column">
  181.                                                     <div class="form-group">
  182.                                                         <input type="text" name="name" placeholder="Your Name" required="">
  183.                                                     </div>
  184.                                                     <div class="form-group">
  185.                                                         <input type="email" name="email" placeholder="Email Address" required="">
  186.                                                     </div>
  187.                                                     <div class="form-group">
  188.                                                         <input type="text" name="website" placeholder="Website" required="">
  189.                                                     </div>
  190.                                                 </div>
  191.                                                 <div class="col-lg-6 col-md-12 col-sm-12 big-column">
  192.                                                     <div class="form-group">
  193.                                                         <textarea name="message" placeholder="Your Comment ..."></textarea>
  194.                                                     </div>
  195.                                                 </div>
  196.                                                 <div class="col-lg-12 col-md-12 col-sm-12 big-column">
  197.                                                     <div class="message-btn">
  198.                                                         <button type="submit" class="theme-btn">Post Comment</button>
  199.                                                     </div>
  200.                                                 </div>
  201.                                             </div>
  202.                                         </form>
  203.                                     </div> #}
  204.                                 </div>
  205.                             </div>
  206.                             
  207.                         </div>
  208.                     </div>
  209.                 </section>
  210.         <!-- sidebar-page-container end -->
  211.        {# {% endif %}
  212.     {% endfor %} #} 
  213.     {# footer card with all information & videotheque & twitter #}
  214.     {% include "newwebfront/_footercard.html.twig" %}
  215. {% endblock content %}
  216.         
  217.             
  218.             
  219.         
  220.         
  221.         
  222.         
  223.        {#  <!--Scroll to top-->
  224.         <button class="scroll-top scroll-to-target" data-target="html">
  225.             <span class="fas fa-angle-up"></span>
  226.         </button> #}
  227.   
  228.