templates/blog/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Blog - Fitness Tips & Health Advice | Fatness for Service{% endblock %}
  5. {% block meta_description %}Discover fitness tips, health advice, and success stories to help you on your fitness journey.{% endblock %}
  7. {% block body %}
  8.     <section class="bg-primary bg-gradient py-5">
  9.         <div class="container">
  10.             <div class="row align-items-center">
  11.                 <div class="col-md-8 mx-auto text-center">
  12.                     <h1 class="display-4 fw-bold text-white mb-3">
  13.                         Fitness Tips & Health Advice
  14.                     </h1>
  15.                     <p class="fs-5 text-white-50 mb-0">
  16.                         Discover expert advice, success stories, and motivation for your fitness journey
  17.                     </p>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  23.     <section class="py-5">
  24.         <div class="container">
  25.             <div class="row g-4">
  26.                 <div class="col-lg-8">
  27.                     {% if posts|length > 0 %}
  28.                         <div class="row row-cols-1 g-4 mb-4">
  29.                             {% for post in posts %}
  30.                                 <div class="col">
  31.                                     {% include 'blog/_post_card.html.twig' with {'post': post} %}
  32.                                 </div>
  33.                             {% endfor %}
  34.                         </div>
  35.                         
  36.                         {% include 'blog/_pagination.html.twig' with {
  37.                             'currentPage': currentPage,
  38.                             'totalPages': totalPages,
  39.                             'route': 'app_blog_index',
  40.                             'routeParams': {}
  41.                         } %}
  42.                         
  43.                         <div class="text-center text-secondary mt-3">
  44.                             Showing {{ posts|length }} of {{ totalPosts }} posts
  45.                         </div>
  46.                     {% else %}
  47.                         <div class="alert alert-info">
  48.                             No blog posts found. Check back soon for new content!
  49.                         </div>
  50.                     {% endif %}
  51.                 </div>
  52.                 
  53.                 <div class="col-lg-4">
  54.                     {% include 'blog/_sidebar.html.twig' with {'tags': tags} %}
  55.                 </div>
  56.             </div>
  57.         </div>
  58.     </section>
  59. {% endblock %}