templates/blog_details/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Blog Details</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item">Pages</li>
  13.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Blog</a></li>
  14.                                         <li class="breadcrumb-item active" aria-current="page">Blog-Details</li>
  15.                                     </ol>
  16.                                 </div>
  17.                             </div>
  18.                             <!-- PAGE-HEADER END -->
  20.                             <!-- ROW -->
  21.                             <div class="row">
  22.                                 <div class="col-xl-12">
  23.                                     <div class="card">
  24.                                         <div class="card-body">
  25.                                             <div class="row">
  26.                                                 <div class="col-xl-8">
  27.                                                     <div class="">
  28.                                                         <div class="d-sm-flex d-block align-items-center">
  29.                                                             <div class="d-flex align-items-center mb-sm-0 mb-2">
  30.                                                                 <div class="avatar-list">
  31.                                                                 <a href="javascript:void(0)" class="avatar avatar-sm rounded-circle cover-image" data-bs-image-src= "{{absolute_url(asset('build/images/users/4.jpg'))}}"></a>
  32.                                                                 </div>
  33.                                                                 <h6 class="mb-0 text-muted ms-2 text-13 me-sm-0 me-2">Jiggel mossin</h6>
  34.                                                             </div>    
  35.                                                             <a href="#" class="d-f-ai-c mx-0 mb-sm-0 mb-2 mx-sm-4 mx-0 text-13"><span class="fe fe-calendar text-muted me-1 text-15"></span><span class="mt-0 mt-0 text-muted">01 December 2021</span></a>
  36.                                                             <a href="#" class="me-0 d-f-ai-c mb-sm-0 mb-2 text-13"><span class="fe fe-message-square text-muted me-1 text-15"></span><span class="mt-0 mt-0 text-muted">11 Comments</span></a>
  37.                                                         </div>
  38.                                                         <div>
  39.                                                             <h3 class="font-weight-normal text-dark-light mt-4 mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit.</h3>
  40.                                                         </div>
  41.                                                     </div>
  42.                                                     <div class="ps-relative p-1 bg-light br-5">
  43.                                                         <img src="{{absolute_url(asset('build/images/photos/blogmain2.jpg'))}}" alt="img" class="cover-image br-5 ms-auto me-auto wp-100">
  44.                                                         <span class="badge bg-primary-gradient blog-label label5">nature</span>
  45.                                                     </div>
  46.                                                     <div class=" mb-2 mt-5 content">
  47.                                                         <p class="text-muted text-14 ">I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure.</p>
  48.                                                         <p class="px-3 py-2 text-17 border br-5">
  49.                                                             <span> <sup><i class="fa fa-quote-left me-1 text-dark-light text-13" aria-hidden="true"></i></sup></span> <span class="text-muted">Duo Labore dolores at diam dolore. lorem aliquyam Sadipscing et et. Est dolores kasd. ipsum magna invidunt consetetur</span> <span class=" text-primary-light">dolor voluptua Dolore justo eirmod justo sit tempor</span><span> <sup><i class="fa fa-quote-right ms-1 text-13 text-dark-light" aria-hidden="true"></i></sup> </span>
  50.                                                         </p>
  51.                                                         <p class="text-muted text-14">To curtain chamber have my not, open and prophet my i and wide in living. Core raven upstarting dream sure was. Back little lining by in myself oh prophet be,.</p>
  52.                                                     </div>
  53.                                                     <div class=" mt-2 pt-2 pb-3 border-top footer-container-main blog-footer">
  54.                                                         <div class="footer border-top-0 p-0 icons-bg d-sm-flex">
  55.                                                             <div class="social m-0">
  56.                                                                 <ul class="text-center">
  57.                                                                     <li>
  58.                                                                         <a class="social-icon" href="javascript:void(0)"><i class="fa fa-facebook"></i></a>
  59.                                                                     </li>
  60.                                                                     <li>
  61.                                                                         <a class="social-icon" href="javascript:void(0)"><i class="fa fa-twitter"></i></a>
  62.                                                                     </li>
  63.                                                                     <li>
  64.                                                                         <a class="social-icon" href="javascript:void(0)"><i class="fa fa-rss"></i></a>
  65.                                                                     </li>
  66.                                                                     <li>
  67.                                                                         <a class="social-icon" href="javascript:void(0)"><i class="fa fa-youtube"></i></a>
  68.                                                                     </li>
  69.                                                                     <li>
  70.                                                                         <a class="social-icon" href="javascript:void(0)"><i class="fa fa-linkedin"></i></a>
  71.                                                                     </li>
  72.                                                                     <li>
  73.                                                                         <a class="social-icon" href="javascript:void(0)"><i class="fa fa-google-plus"></i></a>
  74.                                                                     </li>
  75.                                                                 </ul>
  76.                                                             </div>
  77.                                                             <div>
  78.                                                                 <a href="#" class="more-btn d-f-ai-c d-sm-flex d-block">More from author <i class="fe fe-chevron-right ms-2"></i> </a>
  79.                                                             </div>
  80.                                                         </div>
  81.                                                     </div>
  82.                                                     <div class="mt-4 pt-5 border-top">
  83.                                                         <h3 class="card-title">Comments:</h3>
  84.                                                         <div class="media mb-4 overflow-visible">
  85.                                                             <div class="me-3">
  86.                                                                 <a href="{{ absolute_url(path('app_profile')) }}"> <img class="media-object rounded-circle thumb-sm" alt="64x64" src="{{absolute_url(asset('build/images/users/5.jpg'))}}"> </a>
  87.                                                             </div>
  88.                                                             <div class="media-body overflow-visible">
  89.                                                                 <div class="border mb-5 p-4 br-5">
  90.                                                                     <nav class="nav float-end">
  91.                                                                         <div class="dropdown">
  92.                                                                             <a class="nav-link text-muted fs-16 p-0 ps-4" href="javascript:;" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  93.                                                                             <div class="dropdown-menu dropdown-menu-start">
  94.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-edit me-1"></i> Edit</a>
  95.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-flag me-1"></i> Report Abuse</a>
  96.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-trash-2 me-1"></i> Delete</a>
  97.                                                                             </div>
  98.                                                                         </div>
  99.                                                                     </nav>
  100.                                                                     <h5 class="mt-0">Gavin Murray <span class="text-muted fs-12 ms-1">1 day ago</span></h5>
  101.                                                                     <span><i class="fe fe-thumb-up text-danger"></i></span>
  102.                                                                     <p class="font-13 text-muted">Lorem ipsum dolor sit amet, quis Neque porro quisquam est, nostrud exercitation ullamco laboris commodo consequat. There’s an old maxim that states, “No fun for the writer, no fun for the reader.”No matter
  103.                                                                         what industry you’re working in, as a blogger, you should live and die by this statement.</p>
  104.                                                                     <span class="reply" id="1">
  105.                                                                         <a href="javascript:;"><span class="badge badge-sm btn-info-light rounded-pill py-2 px-3"><i class="fe fe-corner-up-left me-1"></i>Reply</span></a>
  106.                                                                     </span>
  107.                                                                 </div>
  108.                                                                 <div class="media mb-4 overflow-visible">
  109.                                                                     <div class="me-3">
  110.                                                                         <a href="{{ absolute_url(path('app_profile')) }}"> <img class="media-object rounded-circle thumb-sm" alt="64x64" src="{{absolute_url(asset('build/images/users/2.jpg'))}}"> </a>
  111.                                                                     </div>
  112.                                                                     <div class="media-body border p-4 overflow-visible br-5">
  113.                                                                         <nav class="nav float-end">
  114.                                                                             <div class="dropdown">
  115.                                                                                 <a class="nav-link text-muted fs-16 p-0 ps-4" href="javascript:;" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  116.                                                                                 <div class="dropdown-menu dropdown-menu-start">
  117.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-edit me-1"></i> Edit</a>
  118.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-flag me-1"></i> Report Abuse</a>
  119.                                                                                     <a class="dropdown-item" href="#"><i class="fe fe-trash-2 me-1"></i> Delete</a>
  120.                                                                                 </div>
  121.                                                                             </div>
  122.                                                                         </nav>
  123.                                                                         <h5 class="mt-0">Mozelle Belt <span class="text-muted fs-12 mx-1 bg-normal-light">Reply to Gavin Murray</span><span class="text-muted fs-12 ms-1">2 min ago</span></h5>
  124.                                                                         <span><i class="fe fe-thumb-up text-danger"></i></span>
  125.                                                                         <p class="font-13 text-muted">Nostrud exercitation ullamco laboris commodo consequat. There’s an old maxim that states, “No fun for the writer, no fun for the reader.”No matter what industry you’re working in, as a blogger, you should
  126.                                                                             live and die by this statement.</p>
  127.                                                                         <span class="reply" id="2">
  128.                                                                             <a href="javascript:;"><span class="badge badge-sm btn-info-light rounded-pill py-2 px-3"><i class="fe fe-corner-up-left me-1"></i>Reply</span></a>
  129.                                                                         </span>
  130.                                                                     </div>
  131.                                                                 </div>
  132.                                                             </div>
  133.                                                         </div>
  134.                                                         <div class="media mb-4 overflow-visible">
  135.                                                             <div class="me-3">
  136.                                                                 <a href="{{ absolute_url(path('app_profile')) }}"> <img class="media-object rounded-circle thumb-sm" alt="64x64" src="{{absolute_url(asset('build/images/users/15.jpg'))}}"> </a>
  137.                                                             </div>
  138.                                                             <div class="media-body overflow-visible">
  139.                                                                 <div class="border mb-5 p-4 br-5">
  140.                                                                     <nav class="nav float-end">
  141.                                                                         <div class="dropdown">
  142.                                                                             <a class="nav-link text-muted fs-16 p-0 ps-4" href="javascript:;" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  143.                                                                             <div class="dropdown-menu dropdown-menu-start">
  144.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-edit me-1"></i> Edit</a>
  145.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-flag me-1"></i> Report Abuse</a>
  146.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-trash-2 me-1"></i> Delete</a>
  147.                                                                             </div>
  148.                                                                         </div>
  149.                                                                     </nav>
  150.                                                                     <h5 class="mt-0">Paul Smith<span class="text-muted fs-12 ms-1">10 min ago</span></h5>
  151.                                                                     <p class="font-13 text-muted">Very nice ! On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the </p>
  152.                                                                     <span class="reply" id="3">
  153.                                                                         <a href="javascript:;"><span class="badge badge-sm btn-info-light rounded-pill py-2 px-3"><i class="fe fe-corner-up-left me-1"></i>Reply</span></a>
  154.                                                                     </span>
  155.                                                                 </div>
  156.                                                             </div>
  157.                                                         </div>
  158.                                                         <div class="media mb-4 overflow-visible">
  159.                                                             <div class="me-3">
  160.                                                                 <a href="{{ absolute_url(path('app_profile')) }}"> <img class="media-object rounded-circle thumb-sm" alt="64x64" src="{{absolute_url(asset('build/images/users/5.jpg'))}}"> </a>
  161.                                                             </div>
  162.                                                             <div class="media-body overflow-visible">
  163.                                                                 <div class="border mb-5 p-4 br-5">
  164.                                                                     <nav class="nav float-end">
  165.                                                                         <div class="dropdown">
  166.                                                                             <a class="nav-link text-muted fs-16 p-0 ps-4" href="javascript:;" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fe fe-more-vertical"></i></a>
  167.                                                                             <div class="dropdown-menu dropdown-menu-start">
  168.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-edit me-1"></i> Edit</a>
  169.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-flag me-1"></i> Report Abuse</a>
  170.                                                                                 <a class="dropdown-item" href="#"><i class="fe fe-trash-2 me-1"></i> Delete</a>
  171.                                                                             </div>
  172.                                                                         </div>
  173.                                                                     </nav>
  174.                                                                     <h5 class="mt-0">Gavin Murray<span class="text-muted fs-12 ms-1">5 min ago</span></h5>
  175.                                                                     <span><i class="fe fe-thumb-up text-danger"></i></span>
  176.                                                                     <p class="font-13 text-muted">Lorem ipsum dolor sit amet, quis Neque porro quisquam est, nostrud exercitation ullamco laboris commodo consequat. There’s an old maxim that states, “No fun for the writer, no fun for the reader.”No matter
  177.                                                                         what industry you’re working in, as a blogger, you should live and die by this statement.</p>
  178.                                                                     <span class="reply" id="4">
  179.                                                                         <a href="javascript:;"><span class="badge badge-sm btn-info-light rounded-pill py-2 px-3"><i class="fe fe-corner-up-left me-1"></i>Reply</span></a>
  180.                                                                     </span>
  181.                                                                 </div>
  182.                                                             </div>
  183.                                                         </div>
  184.                                                         <div class="row row-xs form-group-wrapper">
  185.                                                             <h3 class="card-title">Comment here:</h3>
  186.                                                             <div class="col-md-6">
  187.                                                                 <div class="main-form-group my-1">
  188.                                                                     <input class="form-control border-0" id="name" placeholder="Name" type="text">
  189.                                                                     <label for="name" class="form-label mb-1">Name</label>
  190.                                                                 </div><!-- main-form-group -->
  191.                                                             </div>
  192.                                                             <div class="col-md-6">
  193.                                                                 <div class="main-form-group my-1">
  194.                                                                     <input class="form-control border-0" id="mail" placeholder="Mail" type="email">
  195.                                                                     <label for="mail" class="form-label mb-1">Mail</label>
  196.                                                                 </div><!-- main-form-group -->
  197.                                                             </div>
  198.                                                             <div class="col-md-12 mt-2">
  199.                                                                 <div class="main-form-group">
  200.                                                                     <textarea name="message" id="message" class="form-control text-area border-0" placeholder="Message" rows="3"></textarea>
  201.                                                                     <label for="message" class="form-label mb-1">Message</label>
  202.                                                                 </div>
  203.                                                             </div>
  204.                                                             <div class="col-md-12 my-2">
  205.                                                                 <button class="btn btn-success text-white float-end">Submit</button>
  206.                                                             </div>
  207.                                                         </div>
  208.                                                     </div>
  209.                                                 </div>
  210.                                                 <div class="col-xl-4">
  211.                                                     <div class="card overflow-hidden border br-5">
  212.                                                         <div class="card-header border-bottom">
  213.                                                             <h3 class="card-title">About Author</h3>
  214.                                                         </div>
  215.                                                         <div class="card-body">
  216.                                                             <div class="text-center">
  217.                                                                 <a href="{{ absolute_url(path('app_blog_details')) }}"><img class="card-img-top w-100 w-100" src="{{absolute_url(asset('build/images/photos/11.jpg'))}}" alt=""></a>
  218.                                                                 <div class="br-5 pt-3 text-justify">
  219.                                                                     <p class="m-0 text-muted">
  220.                                                                         Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam nulla deleniti voluptas officia accusamus  magnam ullam inventore Lorem ipsum dolor, sit amet consectetur dolorem quibusdam?.
  221.                                                                     </p>
  222.                                                                 </div>
  223.                                                             </div>
  224.                                                         </div>
  225.                                                     </div>
  226.                                                     <div class="card border overflow-hidden">
  227.                                                         <div class="card-header border-bottom">
  228.                                                             <h3 class="card-title mb-1">Categories</h3>
  229.                                                         </div>
  230.                                                         <div class="card-body">
  231.                                                             <div><div class="tags">
  232.                                                                 <a href="javascript:void(0);" class="tag">Life style</a>
  233.                                                                 <a href="javascript:void(0);" class="tag">Health</a>
  234.                                                                 <a href="javascript:void(0);" class="tag">Tourism</a>
  235.                                                                 <a href="javascript:void(0);" class="tag">Web designing</a>
  236.                                                                 <a href="javascript:void(0);" class="tag">Medical</a>
  237.                                                                 <a href="javascript:void(0);" class="tag">Hotels</a>
  238.                                                                 <a href="javascript:void(0);" class="tag">Real estate</a>
  239.                                                                 <a href="javascript:void(0);" class="tag">Business</a>
  240.                                                                 <a href="javascript:void(0);" class="tag">Shopping</a>
  241.                                                                 <a href="javascript:void(0);" class="tag">Marketing</a>
  242.                                                                 <a href="javascript:void(0);" class="tag">Housing</a>
  243.                                                             </div></div>
  244.                                                         </div>
  245.                                                     </div>
  246.                                                     <div class="card border">
  247.                                                         <div class="card-header border-bottom">
  248.                                                             <h3 class="card-title">Popular Posts</h3>
  249.                                                         </div>
  250.                                                         <div class="card-body">
  251.                                                             <div class="item-list">
  252.                                                                 <ul class="list-group mb-0">
  253.                                                                     <li class="list-group-item d-flex pb-4 pt-0 px-0 border-bottom-0">
  254.                                                                         <img src="{{absolute_url(asset('build/images/photos/blog-sm1.jpg'))}}" class="avatar br-5 avatar-lg me-3 my-auto" alt="avatar-img">
  255.                                                                         <div>
  256.                                                                             <span class="d-block text-muted">Tourism</span>
  257.                                                                             <a href="#" class="text-dark text-16 font-weight-semibold">Explore tourism by visitinig places.</a>
  258.                                                                             <small class="d-block text-gray">2 day ago</small>
  259.                                                                         </div>
  260.                                                                     </li>
  261.                                                                     <li class="list-group-item d-flex pb-4 pt-0 px-0 border-bottom-0">
  262.                                                                         <img src="{{absolute_url(asset('build/images/photos/blog-sm2.jpg'))}}" class="avatar br-5 avatar-lg me-3 my-auto" alt="avatar-img">
  263.                                                                         <div>
  264.                                                                             <span class="d-block text-muted">Beautician</span>
  265.                                                                             <a href="#" class="text-dark text-16 font-weight-semibold">Beautification courses are available.</a>
  266.                                                                             <small class="d-block text-gray">2 hrs ago</small>
  267.                                                                         </div>
  268.                                                                     </li>
  269.                                                                     <li class="list-group-item d-flex pb-4 pt-0 px-0 border-bottom-0">
  270.                                                                         <img src="{{absolute_url(asset('build/images/photos/blog-sm3.jpg'))}}" class="avatar br-5 avatar-lg me-3 my-auto" alt="avatar-img">
  271.                                                                         <div>
  272.                                                                             <span class="d-block text-muted">Music</span>
  273.                                                                             <a href="#" class="text-dark text-16 font-weight-semibold">Music in a peaceful way </a>
  274.                                                                             <small class="d-block text-gray">1 day ago</small>
  275.                                                                         </div>
  276.                                                                     </li>
  277.                                                                     <li class="list-group-item d-flex pb-4 pt-0 px-0 border-bottom-0">
  278.                                                                         <img src="{{absolute_url(asset('build/images/photos/blog-sm4.jpg'))}}" class="avatar br-5 avatar-lg me-3 my-auto" alt="avatar-img">
  279.                                                                         <div>
  280.                                                                             <span class="d-block text-muted">Health</span>
  281.                                                                             <a href="#" class="text-dark text-16 font-weight-semibold">Health care and fitness awareness</a>
  282.                                                                             <small class="d-block text-gray">22 hrs ago</small>
  283.                                                                         </div>
  284.                                                                     </li>
  285.                                                                 </ul>
  286.                                                             </div>
  287.                                                         </div>
  288.                                                     </div>
  289.                                                     <div class="card border overflow-hidden">
  290.                                                         <div class="card-header border-bottom">
  291.                                                             <h3 class="card-title ">Gallery</h3>
  292.                                                         </div>
  293.                                                         <div class="card-body">
  294.                                                             <div class="text-center demo-gallery">
  295.                                                                 <div class="mt-2">
  296.                                                                     <ul id="lightgallery" class="list-unstyled row row-sm">
  297.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/blog2.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/blog2.jpg'))}}" data-sub-html="<h4>Gallery Image 1</h4>">
  298.                                                                             <a href="javascript:void(0)">
  299.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/blog2.jpg'))}}" alt="Thumb-1">
  300.                                                                             </a>
  301.                                                                         </li>
  302.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage1.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage1.jpg'))}}" data-sub-html="<h4>Gallery Image 2</h4>">
  303.                                                                             <a href="javascript:void(0)">
  304.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage1.jpg'))}}" alt="Thumb-1">
  305.                                                                             </a>
  306.                                                                         </li>
  307.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage3.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage3.jpg'))}}" data-sub-html="<h4>Gallery Image 3</h4>">
  308.                                                                             <a href="javascript:void(0)">
  309.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage3.jpg'))}}" alt="Thumb-1">
  310.                                                                             </a>
  311.                                                                         </li>
  312.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage2.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage2.jpg'))}}" data-sub-html="<h4>Gallery Image 4</h4>">
  313.                                                                             <a href="javascript:void(0)">
  314.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage2.jpg'))}}" alt="Thumb-1">
  315.                                                                             </a>
  316.                                                                         </li>
  317.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/blog2.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/blog2.jpg'))}}" data-sub-html="<h4>Gallery Image 5</h4>">
  318.                                                                             <a href="javascript:void(0)">
  319.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/blog2.jpg'))}}" alt="Thumb-1">
  320.                                                                             </a>
  321.                                                                         </li>
  322.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage4.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage4.jpg'))}}" data-sub-html="<h4>Gallery Image 6</h4>">
  323.                                                                             <a href="javascript:void(0)">
  324.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage4.jpg'))}}" alt="Thumb-1">
  325.                                                                             </a>
  326.                                                                         </li>
  327.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage1.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage1.jpg'))}}" data-sub-html="<h4>Gallery Image 7</h4>">
  328.                                                                             <a href="javascript:void(0)">
  329.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage1.jpg'))}}" alt="Thumb-1">
  330.                                                                             </a>
  331.                                                                         </li>
  332.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage2.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage2.jpg'))}}" data-sub-html="<h4>Gallery Image 8</h4>">
  333.                                                                             <a href="javascript:void(0)">
  334.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage2.jpg'))}}" alt="Thumb-1">
  335.                                                                             </a>
  336.                                                                         </li>
  337.                                                                         <li class="col-sm-6 col-lg-4" data-responsive="{{absolute_url(asset('build/images/photos/fileimage3.jpg'))}}" data-src="{{absolute_url(asset('build/images/photos/fileimage3.jpg'))}}" data-sub-html="<h4>Gallery Image 9</h4>">
  338.                                                                             <a href="javascript:void(0)">
  339.                                                                                 <img class="img-responsive br-5 w-100" src="{{absolute_url(asset('build/images/photos/fileimage3.jpg'))}}" alt="Thumb-1">
  340.                                                                             </a>
  341.                                                                         </li>
  342.                                                                     </ul>
  343.                                                                 </div>
  344.                                                             </div>
  345.                                                         </div>
  346.                                                     </div>
  347.                                                 </div>
  348.                                             </div>
  349.                                         </div>
  350.                                     </div>
  351.                                 </div>
  352.                             </div>
  353.                             <!-- /ROW -->
  354. {% endblock %}
  356. {% block javascripts %}
  357.    {{parent()}} 
  358.            <!-- REPLY JS-->
  359.         {{ encore_entry_script_tags('js/reply') }}
  361. {% endblock %}
  362.