index.blog.html

<section class="blog-block">
  <h2 class="blog__title">Blog</h2>
  <p class="blog__description">RECENT BOXING NEWS</p>

  <div class="blog-posts-container">
    <div class="blog-post blog-post-1">
      <img src="img/blog-first.png" alt="Blog Post 1" class="blog-post__photo" />
      <div class="blog-post__content">
        <p class="blog-post__date">March 01, 2022</p>
        <h3 class="blog-post__title">
          Why is boxing effective for a woman's self-defense?
        </h3>
        <a href="#" class="blog-post__read-more">Read more</a>
      </div>
    </div>

    <div class="blog-post blog-post-2">
      <img src="img/blog-second.png" alt="Blog Post 2" class="blog-post__photo" />
      <div class="blog-post__content">
        <p class="blog-post__date">May 21, 2022</p>
        <h3 class="blog-post__title">
          Different Types of Kicks in Professional Boxing
        </h3>
        <a href="#" class="blog-post__read-more">Read more</a>
      </div>
    </div>

    <div class="blog-post blog-post-3">
      <img src="img/blog-third.png" alt="Blog Post 3" class="blog-post__photo" />
      <div class="blog-post__content">
        <p class="blog-post__date">July 2, 2022</p>
        <h3 class="blog-post__title">
          Why Is Strategic Thinking Important in Boxing?
        </h3>
        <a href="#" class="blog-post__read-more">Read more</a>
      </div>
    </div>
  </div>
</section>