<?php
include "include/header.php";
?>

  
  <!-- ==================== Page-Title (Start) ==================== -->
  <div class="page-title">

    <div class="title">
      <h2>Blog Single</h2>
    </div> 

    <div class="link">
      <a href="../../index-2.html">Home</a>
      <i class="fa-solid fa-angles-right"></i>
      <span class="page">Blog Single</span>
    </div>

  </div>
  <!-- ==================== Page-Title (End) ==================== -->


    
  <!-- ==================== Blog Single (Start) ==================== -->
  <section class="blog-single">

    <!-- ========== Blog-Info Container (Start) ========== -->
    <div class="blog-container">

      <!-- Blog Information -->
      <div class="blog-info page-info">

        <div class="image">
          <img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Football-Equipment-Image"> <!-- Football Equipment Image -->
          <div class="date"><span>02</span>dec</div> <!-- Blog Date -->
        </div>
    
        <div class="content">
  
          <!-- Blog Main Heading -->
          <h6 class="main-heading">Complete List Of Football Equipment</h6>
  
          <!-- Blog Details -->
          <div class="details">
            <h5><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h5> <!-- Author -->
            <h5><i class="fa-regular fa-folder-open"></i><span>Sport Center</span></h5> <!-- Category -->
          </div>
  
          <!-- Blog Description -->
          <p>Discover the essential football equipment needed for both players and teams. From jerseys and boots to goalposts and training gear, explore the comprehensive list of equipment that shapes the game we love. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut accusamus, voluptate, dicta consequuntur quae.</p>
          <p>Learn about the advancements in football technology, safety gear, and the importance of quality equipment in enhancing player performance and the overall football experience. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut accusamus, voluptate, dicta consequuntur quae,</p>
  
          <!-- Important Note -->
          <div class="important">
            <i class="fa-solid fa-quote-left"></i>
            <div class="box-container">
              Experience the camaraderie and shared passion that comes with being part of our football club. Join us in fostering teamwork and creating memorable moments on the field.
              <div class="intro">
                <span></span>
                <h6>Club Spirit Advocate</h6>
              </div>
            </div>
          </div>
  
          <!-- Blog Description -->
          <p>Learn about the various benefits of being part of our football club, including the positive impact on individual skills, the joy of teamwork, and the sense of belonging that comes from representing our club on the field.</p>

          <!-- Blog Gallery -->
          <div class="blog-gallery page-gallery">
  
            <a href="../../assets/images/Blog/Blog-Gallery/1.jpg">
              <img src="../../assets/images/Blog/Blog-Gallery/1.jpg" alt="Football-Equipment-Gallery-Image">
            </a>
            <a href="../../assets/images/Blog/Blog-Gallery/2.jpg">
              <img src="../../assets/images/Blog/Blog-Gallery/2.jpg" alt="Football-Equipment-Gallery-Image">
            </a>
  
          </div>
  
          <!-- Blog Description -->
          <p>Visualize the evolution of football equipment through images that showcase the latest innovations and iconic moments in the history of football gear. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut accusamus, voluptate, dicta consequuntur quae,</p>
  
          <!-- End Details -->
          <div class="end-details">
  
            <!-- Blog Tags -->
            <div class="tags">
              <a href="#"><span>Football</span></a>
              <a href="#"><span>Equipment</span></a>
              <a href="#"><span>Technology</span></a>
            </div>

            <!-- Social Media Share Buttons -->
            <div class="share">
              <h3>Share:</h3>
              <i class="fab fa-facebook-f"></i>
              <i class="fab fa-linkedin-in"></i>
              <i class="fab fa-twitter"></i>
              <i class="fab fa-instagram"></i>
            </div>
  
          </div>
    
        </div>
    
      </div>
    
      <!-- Blog Comments -->
      <div class="comments">

        <h4>3 Comments</h4>
    
        <div class="box-container">
    
          <!-- Comment-1 -->
          <div class="comment-item">
  
            <div class="main comment">
              <div class="comment-image">
                <img src="../../assets/images/Blog/Comments/Pic-1.jpg" alt="Comment-Author-Pic">
              </div>
              <div class="comment-content">
                <div class="comment-intro">
                  <div class="text">
                    <h3>Benjamin Alexander</h3>
                    <h6>dec 02, 2023</h6>
                  </div>
                  <div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
                </div>
                <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias sapiente ullam esse laudantium corporis pariatur.</p>
              </div>
            </div>
  
            <!-- Reply to Comment 1 -->
            <div class="reply comment">
              <div class="comment-image">
                <img src="../../assets/images/Blog/Comments/Pic-2.jpg" alt="Comment-Author-Pic">
              </div>
              <div class="comment-content">
                <div class="comment-intro">
                  <div class="text">
                    <h3>Isabella Grace</h3>
                    <h6>dec 03, 2023</h6>
                  </div>
                  <div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
                </div>
                <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias sapiente ullam esse laudantium corporis pariatur.</p>
              </div>
            </div>
  
          </div>
  
          <!-- Comment-2 -->
          <div class="comment-item">
  
            <div class="main comment">
              <div class="comment-image">
                <img src="../../assets/images/Blog/Comments/Pic-3.jpg" alt="Comment-Author-Pic">
              </div>
              <div class="comment-content">
                <div class="comment-intro">
                  <div class="text">
                    <h3>Samuel James</h3>
                    <h6>dec 03, 2023</h6>
                  </div>
                  <div class='icon-item'><i class="fas fa-reply"></i><span>Reply</span></div>
                </div>
                <p class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias sapiente ullam esse laudantium corporis pariatur.</p>
              </div>
            </div>
  
          </div>
  
        </div>
      </div>
    
      <!-- Leave A Comment Form -->
      <div class="leave-reply">

        <!-- Comment Form -->
        <form class="form" action="#">
          <h3>Leave a Comment</h3> <!-- Heading -->
          <div class="input-box">
            <input type="text" name="name" class="box" id="name" placeholder="Name" required> <!-- Name Input -->
            <input type="email" name="email" class="box" id="email" placeholder="Email" required> <!-- Email Input -->
          </div>
          <textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Comment" required></textarea> <!-- Comment Textarea -->
          <input type="submit" value="Submit" class="btn"> <!-- Submit Button -->
        </form>

      </div>
    
    </div>
    <!-- ========== Blog-Info Container (End) ========== --> 

    <!-- ========== Blog Sidebar Area (Start) ========== -->
    <div class="sidebar">

      <!-- ===== Search Area (Start) ===== -->
      <div class="search sidebar-item">

        <div class="sidebar-heading">
          <h2>search</h2>
        </div>

        <!-- Blog Search Form -->
        <form class="blog-search-container box-container">
          <div class="input-box">
            <input type="search" id="blog-search" placeholder="search..." required> <!-- Search Input -->
            <button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
          </div>
        </form>

      </div>
      <!-- ===== Search Area (End) ===== -->

      <!-- ===== Category Area (Start) ===== -->
      <div class="category sidebar-item">

        <div class="sidebar-heading">
          <h2>categories</h2>
        </div>

        <!-- Blog Categories -->
        <div class="box-container">
          <a href="#" class="item"> <span><i class="fa-solid fa-futbol"></i>Sport Center</span> <p>(30)</p> </a>
          <a href="#" class="item"> <span><i class="fa-solid fa-futbol"></i>Analysis</span> <p>(20)</p> </a>
          <a href="#" class="item"> <span><i class="fa-solid fa-futbol"></i>Interviews</span> <p>(15)</p> </a>
          <a href="#" class="item"> <span><i class="fa-solid fa-futbol"></i>Match Report</span> <p>(10)</p> </a>
          <a href="#" class="item"> <span><i class="fa-solid fa-futbol"></i>Tounaments</span> <p>(05)</p> </a>
        </div>

      </div>
      <!-- ===== Category Area (End) ===== -->

      <!-- ===== Recent Posts Area (Start) ===== -->
      <div class="recent-posts sidebar-item">

        <div class="sidebar-heading">
          <h2>recent posts</h2>
        </div>
 
        <!-- Recent Posts -->
        <div class="box-container">

          <!-- Recent Post 1 -->
          <div class="post-item">
            <img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Recent-Post-Image"> <!-- Post image -->
            <a class="main-heading" href="Blog-Single.html">Complete List Of Football Equipment</a> <!-- Post title -->
          </div>

          <!-- Recent Post 2 -->
          <div class="post-item">
            <img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Recent-Post-Image"> <!-- Post image -->
            <a class="main-heading" href="Blog-Single.html">A Brief History Of Royal Rebels</a> <!-- Post title -->
          </div>

          <!-- Recent Post 3 -->
          <div class="post-item">
            <img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Recent-Post-Image"> <!-- Post image -->
            <a class="main-heading" href="Blog-Single.html">We Are A Family, Not Just A Team</a> <!-- Post title -->
          </div>

        </div>

      </div>
      <!-- ===== Recent Posts Area (End) ===== -->

      <!-- ===== Tags Area (Start) ===== -->
      <div class="tags sidebar-item">

        <div class="sidebar-heading">
          <h2>tags</h2>
        </div>

        <!-- Tags -->
        <div class="box-container">
          <a href="#" class="tag-item">Matches</a>
          <a href="#" class="tag-item">fixtures</a>
          <a href="#" class="tag-item">results</a>
          <a href="#" class="tag-item">Team</a>
          <a href="#" class="tag-item">Players</a>
          <a href="#" class="tag-item">Tournaments</a>
          <a href="#" class="tag-item">Store</a>
        </div>

      </div>
      <!-- ===== Tags Area (End) ===== -->

    </div>
    <!-- ========== Blog Sidebar Area (End) ========== -->

  </section>
  <!-- ==================== Blog Single (End) ==================== -->
  


  
<?php
include "include/footer.php";
?>