templates/web/blog/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <!-- Breadscrumb Section -->
  4.     <div class="breadcrumb-bar">
  5.         <div class="container">
  6.             <div class="row align-items-center text-center">
  7.                 <div class="col-md-12 col-12">
  8.                     <h2 class="breadcrumb-title">Nuestro Blog</h2>
  9.                     <nav aria-label="breadcrumb" class="page-breadcrumb">
  10.                         <ol class="breadcrumb">
  11.                             <li class="breadcrumb-item"><a href="{{ path('web_home') }}">Inicio</a></li>
  12.                             <li class="breadcrumb-item active" aria-current="page">Blog</li>
  13.                         </ol>
  14.                     </nav>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </div>
  19.     <!-- /Breadscrumb Section -->
  20.     <!-- Blog Grid-->
  21.     <div class="blog-section">
  22.         <div class="container">
  23.             <div class="row">
  24.                 <div class="col-lg-12">
  25.                     <div class="row">
  26.                         {% for post in pagination %}
  27.                         <div class="col-lg-4 col-md-6 d-lg-flex">
  28.                             <div class="blog grid-blog">
  29.                                 <div class="blog-image">
  30.                                     <a href="{{ path("web_blog_detail", {url: post.url}) }}">
  31.                                         <img class="img-fluid" src="{{ asset("blog/thumbnail/" ~ post.imageThumbnail) }}" alt="Post Image">
  32.                                     </a>
  33.                                 </div>
  34.                                 <div class="blog-content">
  35.                                     <p class="blog-category">
  36.                                         <a href="javascript:void(0)"><span>{{ post.blogCategory.name }}</span></a>
  37.                                     </p>
  38.                                     <h3 class="blog-title">
  39.                                         <a href="{{ path("web_blog_detail", {url: post.url}) }}">{{ post.title }}</a>
  40.                                     </h3>
  41.                                     <p class="blog-description">
  42.                                         {{ post.content |replace({'&nbsp;': ''}) | striptags | slice(0, 200) ~ (post.content | length > 100 ? '...' : '') | raw }}
  43.                                     </p>
  44.                                     <ul class="meta-item">
  45.                                         <li>
  46. {#                                            <div class="post-author">#}
  47. {#                                                <div class="post-author-img">#}
  48. {#                                                    <img src="/img/profiles/avatar-13.jpg" alt="author">#}
  49. {#                                                </div>#}
  50. {#                                                <a href="javascript:void(0)"> <span> Alphonsa Daniel </span></a>#}
  51. {#                                            </div>#}
  52.                                         </li>
  53.                                         <li class="date-icon"><i class="fa-solid fa-calendar-days"></i>
  54.                                             <span>{{ post.createDate | date('d F, Y') }}</span>
  55.                                         </li>
  56.                                     </ul>
  57.                                     <a href="{{ path("web_blog_detail", {url: post.url}) }}" class="viewlink btn btn-primary">
  58.                                         Leer más <i class="feather-arrow-right ms-2"></i>
  59.                                     </a>
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                         {% endfor %}
  64.                     </div>
  66.                     <!--Pagination-->
  67.                     <div class="pagination">
  68.                         {{ knp_pagination_render(pagination) }}
  69.                     </div>
  70.                     <!--/Pagination-->
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  75.     <!-- /Blog Grid-->
  76. {% endblock %}