templates/front/blog/show.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/default.html.twig' %}
  3. {% block title %}
  4.     {{ 'app.blog.title'|trans }}
  5.     {{ parent() }}
  6. {% endblock %}
  8. {% block breadcrumb_title %}
  9.     {{ 'app.blog.title'|trans }}
  10. {% endblock %}
  11. {% block breadcrumb_sub_title %}
  12.     {{ post.title }}
  13. {% endblock %}
  15. {% block body %}
  16.     <!--Start Blog single Area-->
  17.     <section id="blog-area" class="blog-single-area">
  18.         <div class="container">
  19.             <div class="row">
  20.                 <div class="col-xl-8 col-lg-7">
  21.                     <div
  22.                         class="blog-post">
  23.                         <!--Start single blog post-->
  24.                         <div class="single-blog-post">
  25.                             <div class="img-holder">
  26.                                 <img src="{{ asset(blog_images_directory ~ '/' ~ post.image) }}" alt="Awesome Image">
  27.                             </div>
  28.                             <div class="text-holder">
  29.                                 <ul class="meta-info">
  30.                                     <li>
  31.                                         <a href="#">{{ post.author }}</a>
  32.                                     </li>
  33.                                     <li>
  34.                                         <a href="#">{{ 'app.blog.posted_on'|trans }}:
  35.                                             {{ post.date|date('d/m/Y') }}</a>
  36.                                     </li>
  37.                                     <li>
  38.                                         <a href="#">{{ ('app.theme.' ~ post.type )|trans }}</a>
  39.                                     </li>
  40.                                 </ul>
  41.                                 <h3 class="blog-title">{{ post.title }}</h3>
  42.                                 <div class="text-box">
  43.                                     {{ (post.description)|raw }}
  44.                                 </div>
  45.                                 <!--Start tag box-->
  46.                                 {# <div class="tag-box">
  47.                                     <div class="row">
  48.                                         <div class="col-md-12">
  49.                                             <div class="tag pull-left">
  50.                                                 <p>Tags:</p>
  51.                                                 <ul>
  52.                                                     <li><a href="#">Animals,</a></li>
  53.                                                     <li><a href="#">Course,</a></li>
  54.                                                     <li><a href="#">People,</a></li>
  55.                                                     <li><a href="#">Dressage</a></li>
  56.                                                 </ul>
  57.                                             </div>
  58.                                             <div class="right pull-right">
  59.                                                 <p>Share:</p>
  60.                                                 <ul class="sociallinks-style-two float-left fix">
  61.                                                     <li>
  62.                                                         <a href="#">
  63.                                                             <i class="fa fa-facebook" aria-hidden="true"></i>
  64.                                                         </a>
  65.                                                     </li>
  66.                                                     <li>
  67.                                                         <a href="#">
  68.                                                             <i class="fa fa-twitter" aria-hidden="true"></i>
  69.                                                         </a>
  70.                                                     </li>
  71.                                                     <li>
  72.                                                         <a href="#">
  73.                                                             <i class="fa fa-skype" aria-hidden="true"></i>
  74.                                                         </a>
  75.                                                     </li>
  76.                                                     <li>
  77.                                                         <a href="#">
  78.                                                             <i class="fa fa-linkedin" aria-hidden="true"></i>
  79.                                                         </a>
  80.                                                     </li>
  81.                                                 </ul>
  82.                                             </div>
  83.                                         </div>
  84.                                     </div>
  85.                                 </div> #}
  86.                                 <!--End tag box-->
  87.                             </div>
  88.                         </div>
  89.                         <!--End single blog post-->
  91.                         {# <!--Start comment box-->
  92.                         <div class="comment-box">
  93.                             <div class="row">
  94.                                 <div class="col-md-12">
  95.                                     <div class="title">
  96.                                         <h3>02  Comments</h3>
  97.                                     </div>
  98.                                     <!--Start single comment box-->
  99.                                     <div class="single-comment-box">
  100.                                         <div class="img-holder">
  101.                                             <img src="assets/images/blog/comment-1.png" alt="Awesome Image">
  102.                                         </div>
  103.                                         <div class="text-holder">
  104.                                             <div class="top">
  105.                                                 <div class="name">
  106.                                                     <h3>Manal Luan
  107.                                                         <span class="date">February 25, 2019</span>
  108.                                                     </h3>
  109.                                                 </div>
  110.                                                 <div class="reply-button">
  111.                                                     <a href="#">Reply</a>
  112.                                                 </div>
  113.                                             </div>
  114.                                             <div class="text">
  115.                                                 <p>Jelly-o marzipan dragée pudding. Gingerbread macaroon danish chocolate top toffee candy danish chocolate these bar wafer.</p>
  116.                                             </div>
  117.                                         </div>
  118.                                     </div>
  119.                                     <!--End single comment box-->
  120.                                     <!--Start single comment box-->
  121.                                     <div class="single-comment-box marleft100">
  122.                                         <div class="img-holder">
  123.                                             <img src="assets/images/blog/comment-2.png" alt="Awesome Image">
  124.                                         </div>
  125.                                         <div class="text-holder">
  126.                                             <div class="top">
  127.                                                 <div class="name">
  128.                                                     <h3>Rahila Moba
  129.                                                         <span class="date">February 25, 2019</span>
  130.                                                     </h3>
  131.                                                 </div>
  132.                                                 <div class="reply-button">
  133.                                                     <a href="#">Reply</a>
  134.                                                 </div>
  135.                                             </div>
  136.                                             <div class="text">
  137.                                                 <p>Jelly-o marzipan dragée pudding. Gingerbread macaroon danish chocolate top toffee candy danish hocolate these bar wafer.</p>
  138.                                             </div>
  139.                                         </div>
  140.                                     </div>
  141.                                     <!--End single comment box-->
  143.                                 </div>
  144.                             </div>
  145.                         </div>
  146.                         <!--End comment box-->
  147.                         <!--Start add comment box-->
  148.                         <div class="add-comment-box">
  149.                             <div class="title">
  150.                                 <h3>Leave a Comment</h3>
  151.                             </div>
  152.                             <form id="add-comment-form" action="#">
  153.                                 <div class="row">
  154.                                     <div class="col-md-12">
  155.                                         <div class="row">
  156.                                             <div class="col-md-6">
  157.                                                 <input type="text" name="fname" value="" placeholder="Full Name" required="">
  158.                                             </div>
  159.                                             <div class="col-md-6">
  160.                                                 <input type="email" name="form_email" value="" placeholder="Email" required="">
  161.                                             </div>
  162.                                         </div>
  163.                                         <div class="row">
  164.                                             <div class="col-md-12">
  165.                                                 <textarea name="message" placeholder="Your Message" required=""></textarea>
  166.                                             </div>
  167.                                         </div>
  168.                                         <div class="row">
  169.                                             <div class="col-md-12">
  170.                                                 <button class="btn-one" type="submit">
  171.                                                     <span class="txt">Send Message</span>
  172.                                                 </button>
  173.                                             </div>
  174.                                         </div>
  175.                                     </div>
  176.                                 </div>
  177.                             </form>
  178.                         </div>
  179.                         <!--End add comment box--> #}
  180.                     </div>
  181.                 </div>
  182.                 <!--Start sidebar Wrapper-->
  183.                 <div class="col-xl-4 col-lg-5 col-md-9 col-sm-12">
  184.                     {% include "front/blog/sidebar.html.twig" %}
  185.                 </div>
  186.                 <!--End Sidebar Wrapper-->
  187.             </div>
  188.         </div>
  189.     </section>
  190.     <!--End Blog single Area-->
  191. {% endblock %}