templates/posts/show.html.twig line 1

Open in your IDE?
  1. {% extends 'posts/blog_tpl.html.twig' %}
  3. {% block post_content %}
  5.     <div class="blog-content">
  6.         <div class="blog-image">
  7.             <img src="{{ content.thumbnail|imagine_filter('thumbnail_500_400') }}" alt="{{ content.title }}">
  8.         </div>
  9.         <h1 class="post-title">{{ content.title }}</h1>
  10.         <p class="post-summary">{{ content.summary }}</p>
  11.         <div class="post-body">
  12.             {{ content.body|raw }}
  13.         </div>
  15.         <div class="blog-tags">
  16.             <div class="row align-items-center">
  17.                 <div class="col-md-7">
  18.                     <ul class="mata-tags">
  19.                         <li class="tags">Tags:</li>
  20.                         <li><a href="#">Travel</a></li>
  21.                         <li><a href="#">Politics</a></li>
  22.                         <li><a href="#">Fashion</a></li>
  23.                     </ul>
  24.                 </div>
  25.                 <div class="col-md-5">
  26.                     <ul class="social-links text-right"> 
  27.                         <li class="shares">Share:</li>                                    
  28.                         <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
  29.                         <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
  30.                         <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
  31.                     </ul>
  32.                 </div>
  33.             </div>
  34.         </div> 
  36.         <a href="#" class="post-author">
  37.             <div class="avatar">
  38.                 <img src="{{ asset('themes/castine/assets/images/single-blog/1.jpg') }}" alt=""> 
  39.             </div>
  40.             <div class="info">
  41.                 <h4 class="name">Sara Mening</h4>                                                
  42.                 <p>Only a quid bum bag cheeky bugger geeza car boot what a load of rubbish super burke tomfoolery up the kyver plastered.</p>
  43.                 <span class="designation">All stories by : Sara Mening</span>
  44.             </div>
  45.         </a> 
  47.         <div class="single-nav"> 
  48.             <div class="back-prev"> <a href="#"><i class="fa-solid fa-arrow-right"></i> Preovious Post <em>Social media strategies</em></a> </div>
  49.             
  50.             <div class="back-next"><a href="#">Next Post <i class="fa-solid fa-arrow-right"></i> <em> Amazing theme performance</em></a></div>
  51.         </div>
  53.         
  54.         <div class="back-blog-related">                    
  55.             <div class="container"> 
  56.             <div class="back-title back-small-title">
  57.                 <h2>Related Posts</h2>
  58.             </div>                   
  59.                 <ul id="back-blog-slider" class="owl-carousel owl-theme owl-loaded owl-drag">
  60.                     
  61.                 <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-756px, 0px, 0px); transition: all 0s ease 0s; width: 2520px;"><div class="owl-item cloned" style="width: 232px; margin-right: 20px;"><li class="item">
  62.                         <div class="back-inner">
  63.                             <div class="back-blog-image">
  64.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/2.jpg') }}" alt=""></a>
  65.                             </div>
  66.                             <div class="back-blog-content">
  67.                                 <em class="back-blog-date">May 17, 2022</em>
  68.                                 <a href="blog-details.html"><h3>The surprising reason <br> collegeTuition is crazy..</h3></a>
  69.                                 <ul>
  70.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/2.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>
  71.                                 </ul>
  72.                             </div>
  73.                         </div>
  74.                     </li></div><div class="owl-item cloned" style="width: 232px; margin-right: 20px;"><li class="item">
  75.                         <div class="back-inner">
  76.                             <div class="back-blog-image">
  77.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/3.jpg') }}" alt=""></a>
  78.                             </div>
  79.                             <div class="back-blog-content">
  80.                                 <em class="back-blog-date">October 14, 2022</em>
  81.                                 <a href="blog-details.html"><h3>Those other <br> college expenses about</h3></a>
  82.                                 <ul>
  83.                                     <li class="back-author"><span><img src="{{ asset('themes/castine/assets/images/author/3.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>                  
  84.                                 </ul>
  85.                             </div>
  86.                         </div>
  87.                     </li></div><div class="owl-item cloned" style="width: 232px; margin-right: 20px;"><li class="item">
  88.                         <div class="back-inner">
  89.                             <div class="back-blog-image">
  90.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/4.jpg') }}" alt=""></a>
  91.                             </div>
  92.                             <div class="back-blog-content">
  93.                                 <em class="back-blog-date">April 19, 2022</em>
  94.                                 <a href="blog-details.html"><h3>Fostering future <br> schools &amp; social innovation</h3></a>
  95.                                 <ul>
  96.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/4.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>
  97.                                 </ul>
  98.                             </div>
  99.                         </div>
  100.                     </li></div><div class="owl-item active" style="width: 232px; margin-right: 20px;"><li class="item">
  101.                         <div class="back-inner">
  102.                             <div class="back-blog-image">
  103.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/1.jpg') }}" alt=""></a>
  104.                             </div>
  105.                             <div class="back-blog-content">
  106.                                 <em class="back-blog-date">April 13, 2022</em>
  107.                                 <a href="blog-details.html"><h3>Fostering future <br> schools &amp; social innovation</h3></a>    
  108.                                 <ul>
  109.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/1.jpg') }}" alt="image"></span> <a href="#">Nina Allon</a> </li>
  110.                                 </ul>
  111.                             </div>
  112.                         </div>
  113.                     </li></div><div class="owl-item active" style="width: 232px; margin-right: 20px;"><li class="item">
  114.                         <div class="back-inner">
  115.                             <div class="back-blog-image">
  116.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/2.jpg') }}" alt=""></a>
  117.                             </div>
  118.                             <div class="back-blog-content">
  119.                                 <em class="back-blog-date">May 17, 2022</em>
  120.                                 <a href="blog-details.html"><h3>The surprising reason <br> collegeTuition is crazy..</h3></a>
  121.                                 <ul>
  122.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/2.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>
  123.                                 </ul>
  124.                             </div>
  125.                         </div>
  126.                     </li></div><div class="owl-item active" style="width: 232px; margin-right: 20px;"><li class="item">
  127.                         <div class="back-inner">
  128.                             <div class="back-blog-image">
  129.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/3.jpg') }}" alt=""></a>
  130.                             </div>
  131.                             <div class="back-blog-content">
  132.                                 <em class="back-blog-date">October 14, 2022</em>
  133.                                 <a href="blog-details.html"><h3>Those other <br> college expenses about</h3></a>
  134.                                 <ul>
  135.                                     <li class="back-author"><span><img src="{{ asset('themes/castine/assets/images/author/3.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>                  
  136.                                 </ul>
  137.                             </div>
  138.                         </div>
  139.                     </li></div><div class="owl-item" style="width: 232px; margin-right: 20px;"><li class="item">
  140.                         <div class="back-inner">
  141.                             <div class="back-blog-image">
  142.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/4.jpg') }}" alt=""></a>
  143.                             </div>
  144.                             <div class="back-blog-content">
  145.                                 <em class="back-blog-date">April 19, 2022</em>
  146.                                 <a href="blog-details.html"><h3>Fostering future <br> schools &amp; social innovation</h3></a>
  147.                                 <ul>
  148.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/4.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>
  149.                                 </ul>
  150.                             </div>
  151.                         </div>
  152.                     </li></div><div class="owl-item cloned" style="width: 232px; margin-right: 20px;"><li class="item">
  153.                         <div class="back-inner">
  154.                             <div class="back-blog-image">
  155.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/1.jpg') }}" alt=""></a>
  156.                             </div>
  157.                             <div class="back-blog-content">
  158.                                 <em class="back-blog-date">April 13, 2022</em>
  159.                                 <a href="blog-details.html"><h3>Fostering future <br> schools &amp; social innovation</h3></a>    
  160.                                 <ul>
  161.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/1.jpg') }}" alt="image"></span> <a href="#">Nina Allon</a> </li>
  162.                                 </ul>
  163.                             </div>
  164.                         </div>
  165.                     </li></div><div class="owl-item cloned" style="width: 232px; margin-right: 20px;"><li class="item">
  166.                         <div class="back-inner">
  167.                             <div class="back-blog-image">
  168.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/2.jpg') }}" alt=""></a>
  169.                             </div>
  170.                             <div class="back-blog-content">
  171.                                 <em class="back-blog-date">May 17, 2022</em>
  172.                                 <a href="blog-details.html"><h3>The surprising reason <br> collegeTuition is crazy..</h3></a>
  173.                                 <ul>
  174.                                     <li class="back-author"> <span><img src="{{ asset('themes/castine/assets/images/author/2.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>
  175.                                 </ul>
  176.                             </div>
  177.                         </div>
  178.                     </li></div><div class="owl-item cloned" style="width: 232px; margin-right: 20px;"><li class="item">
  179.                         <div class="back-inner">
  180.                             <div class="back-blog-image">
  181.                                 <a href="blog-details.html"><img src="{{ asset('themes/castine/assets/images/related/3.jpg') }}" alt=""></a>
  182.                             </div>
  183.                             <div class="back-blog-content">
  184.                                 <em class="back-blog-date">October 14, 2022</em>
  185.                                 <a href="blog-details.html"><h3>Those other <br> college expenses about</h3></a>
  186.                                 <ul>
  187.                                     <li class="back-author"><span><img src="{{ asset('themes/castine/assets/images/author/3.jpg') }}" alt="image"></span> <a href="#">Nina Allon </a></li>                  
  188.                                 </ul>
  189.                             </div>
  190.                         </div>
  191.                     </li></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></ul>
  192.             </div>
  193.         </div>
  194.     </div>
  196. {% endblock %}
  198. {% block post_sidebar %}
  199.     <aside class="widget author_widget">
  200.         <h3 class="widget-title">ABOUT AUTHOR</h3>
  201.         <div class="widget-content text-center"> 
  202.         <div class="profile"> 
  203.             <figure class="avatar"> 
  204.                 <a href="#"> 
  205.                     <img src="{{ content.user.thumbnail|imagine_filter('thumbnail_medium') }}" alt=""> 
  206.                 </a> 
  207.             </figure> 
  208.             <div class="text-content"> 
  209.                 <div class="name-title"> 
  210.                     <h3><a href="#">{{ content.user.firstname ~' ' ~ content.user.lastname }}</a></h3> 
  211.                 </div> 
  212.                 <p>Accumsan? Aliquet nobis doloremque, aliqua? Inceptos voluptatem, duis tempore optio quae animi viverra distinctio cumque vivamus, earum congue, anim velit</p> 
  213.             </div> 
  214.             <div class="socialgroup"> 
  215.                 <ul> 
  216.                     <li> <a target="_blank" href="#"> <i class="fab fa-facebook"></i> </a> </li> 
  217.                     <li> <a target="_blank" href="#"> <i class="fab fa-google"></i> </a> </li> 
  218.                     <li> <a target="_blank" href="#"> <i class="fab fa-twitter"></i> </a> </li> 
  219.                     <li> <a target="_blank" href="#"> <i class="fab fa-instagram"></i> </a> </li> 
  220.                     <li> <a target="_blank" href="#"> <i class="fab fa-pinterest"></i> </a> </li> 
  221.                 </ul> 
  222.             </div> 
  223.         </div> 
  224.         </div>
  225.     </aside>
  226.     {{ parent() }}
  227. {% endblock %}