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

<!DOCTYPE html> 
<html lang="en">

<!-- Mirrored from royalrebels-html.asdesignsgalaxy.com/pages/Blog/Blog-List.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 21 Feb 2025 02:28:22 GMT -->
<head>  
     
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
  <!-- Title -->  
  <title>Royal Rebels | Football Club</title>    

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">

  <!-- Font-Awesome (CSS) -->
  <link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">

  <!-- Custom Stylesheets -->
  <link rel="stylesheet" href="../../assets/css/main.css">
  <link rel="stylesheet" href="../../assets/css/responsive.css">

</head>
<body>
 
  <!-- ==================== Scroll-Top Area (Start) ==================== -->
  <a href="#" class="scroll-top">
    <i class="fa-solid fa-arrow-up-long"></i>
  </a>
  <!-- ==================== Scroll-Top Area (End) ==================== -->



  <!-- ==================== Header Area (Start) ==================== -->
  <header class="header">

    <!-- ===== Header-1 Area (Start) ===== -->
    <div class="header-1">

      <!-- == Social == -->
      <ul class="social-contacts">
        <li><a href="#" class="fab fa-facebook-f"></a></li>
        <li><a href="#" class="fab fa-twitter"></a></li>
        <li><a href="#" class="fab fa-instagram"></a></li>
        <li><a href="#" class="fab fa-linkedin"></a></li>
      </ul>

    </div>
    <!-- ===== Header-1 Area (End) ===== -->

    <!-- ===== Header-2 Area (Start) ===== -->
    <div class="header-2">

      <!-- == Logo == -->
      <a class="logo" href="../../index-2.html">
        <img src="../../assets/images/Logo/Logo.png" alt="logo">
      </a>

      <div class="container">

        <!-- == Navbar == -->
        <nav class="navbar">

          <a class="nav-btn" href="../../index-2.html">home</a>

          <div class="dropdown-menu">
            <button class="nav-btn">about</button>
            <div class="dropdown-content">
              <a href="../About/About.html">about us</a>
              <a href="../About/Testimonials.html">testimonials</a>
              <a href="../About/FAQs.html">fAQs</a>
            </div>
          </div>

          <div class="dropdown-menu">
            <button class="nav-btn">Pages</button>
            <div class="dropdown-content">
              <a href="../Pages/Point-Table.html">Point Table</a>
              <a href="../Pages/Fixtures.html">Fixtures</a>
              <a href="../Pages/Fixture-Single.html">Fixture Single</a>
              <a href="../Pages/Portfolio.html">Portfolio</a>
              <a href="../Pages/Portfolio-Single.html">Portfolio Single</a>
              <a href="../Pages/Sponsors.html">Sponsors</a>
              <a href="../Pages/Login.html">login</a>
              <a href="../Pages/Register.html">register</a>
              <a href="../Pages/Reset-Password.html">forgot Password</a>
            </div>
          </div>

          <div class="dropdown-menu">
            <button class="nav-btn">team</button>
            <div class="dropdown-content">
              <a href="../Team/Team.html">team</a>
              <a href="../Team/Coaches.html">coaches</a>
              <a href="../Team/Coach-Single.html">coach single</a>
              <a href="../Team/Players.html">players</a>
              <a href="../Team/Player-Single.html">player single</a>
            </div>
          </div>

          <div class="dropdown-menu">
            <button class="nav-btn">Result</button>
            <div class="dropdown-content">
              <a href="../Result/Results.html">Results</a>
              <a href="../Result/Result-Single.html">Result Single</a>
            </div>
          </div>

          <div class="dropdown-menu">
            <button class="nav-btn">blog</button>
            <div class="dropdown-content">
              <a href="Blog-Grid.html">blogs grid</a>
              <a href="Blog-List.html">blogs list</a>
              <a href="Blog-Single.html">blog Single</a>
            </div>
          </div>

          <div class="dropdown-menu">
            <button class="nav-btn">shop</button>
            <div class="dropdown-content">
              <a href="../Shop/Shop-Grid.html">shop grid</a>
              <a href="../Shop/Shop-List.html">shop list</a>
              <a href="../Shop/Product-Single.html">product Single</a>
              <a href="../Shop/Wishlist.html">wishlist</a>
              <a href="../Shop/Cart.html">cart</a>
              <a href="../Shop/Checkout.html">checkout</a>
            </div>
          </div>

          <a class="nav-btn" href="../Contact/Contact.html">contact</a>

        </nav> 

        <!-- == Icon Container == -->
        <div class="icon-container"> 
          <div id="search-btn" class="icon fa-solid fa-magnifying-glass"></div> <!-- Search Icon -->
          <a href="../Shop/Cart.html"><i class="icon fa-solid fa-cart-arrow-down"></i></a>
          <div id="menu-btn" class="icon fa-solid fa-bars-staggered"></div>
        </div>

        <!-- == Search Container == -->
        <form class="search-container">
          <input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
          <button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
        </form>

      </div>

    </div>
    <!-- ===== Header-2 Area (End) ===== -->

    <!-- ===== Mobile Menu Area (Start) ===== -->
    <div class="mobile-menu"> 
    
      <nav class="mobile-navbar">

        <div class="nav-link">
          <div class="main-nav-link"> <a class="nav-btn" href="../../index-2.html">home</a> </div>
        </div>   

        <div class="nav-link">
          <div class="main-nav-link"> <div class="nav-btn">about</div> <i class="fas fa-plus"></i> </div>
          <div class="sub-nav-link">
            <a href="../About/About.html">about us</a>
            <a href="../About/Testimonials.html">testimonials</a>
            <a href="../About/FAQs.html">fAQs</a>
          </div>
        </div> 

        <div class="nav-link">
          <div class="main-nav-link"> <div class="nav-btn">pages</div> <i class="fas fa-plus"></i> </div>
          <div class="sub-nav-link">
            <a href="../Pages/Point-Table.html">Point Table</a>
            <a href="../Pages/Fixtures.html">Fixtures</a>
            <a href="../Pages/Fixture-Single.html">Fixture Single</a>
            <a href="../Pages/Portfolio.html">Portfolio</a>
            <a href="../Pages/Portfolio-Single.html">Portfolio Single</a>
            <a href="../Pages/Sponsors.html">Sponsors</a>
            <a href="../Pages/Login.html">login</a>
            <a href="../Pages/Register.html">register</a>
            <a href="../Pages/Reset-Password.html">forgot Password</a>
          </div>
        </div> 

        <div class="nav-link">
          <div class="main-nav-link"> <div class="nav-btn">team</div> <i class="fas fa-plus"></i> </div>
          <div class="sub-nav-link">
            <a href="../Team/Team.html">team</a>
            <a href="../Team/Coaches.html">coaches</a>
            <a href="../Team/Coach-Single.html">coach single</a>
            <a href="../Team/Players.html">players</a>
            <a href="../Team/Player-Single.html">player single</a>
          </div>
        </div> 

        <div class="nav-link">
          <div class="main-nav-link"> <div class="nav-btn">Result</div> <i class="fas fa-plus"></i> </div>
          <div class="sub-nav-link">
            <a href="../Result/Results.html">Results</a>
            <a href="../Result/Result-Single.html">Result Single</a>
          </div>
        </div> 

        <div class="nav-link">
          <div class="main-nav-link"> <div class="nav-btn">blog</div> <i class="fas fa-plus"></i> </div>
          <div class="sub-nav-link">
            <a href="Blog-Grid.html">blogs grid</a>
            <a href="Blog-List.html">blogs list</a>
            <a href="Blog-Single.html">blog Single</a>
          </div>
        </div> 

        <div class="nav-link">
          <div class="main-nav-link"> <div class="nav-btn">Shop</div> <i class="fas fa-plus"></i> </div>
          <div class="sub-nav-link">
            <a href="../Shop/Shop-Grid.html">shop grid</a>
            <a href="../Shop/Shop-List.html">shop list</a>
            <a href="../Shop/Product-Single.html">product Single</a>
            <a href="../Shop/Wishlist.html">wishlist</a>
            <a href="../Shop/Cart.html">cart</a>
            <a href="../Shop/Checkout.html">checkout</a>
          </div>
        </div> 

        <div class="nav-link">
          <div class="main-nav-link"> <a class="nav-btn" href="../Contact/Contact.html">contact</a> </div>
        </div>  

      </nav> 
    
    </div>
    <!-- ===== Mobile Menu Area (End) ===== -->

  </header>
  <!-- ==================== Header Area (End) ==================== -->  



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

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

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

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

  <!-- ==================== Blog List (Start) ==================== -->
  <section class="blog list">

    <!-- ========== 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) ========== -->

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

      <!-- ===== Blogs (Start) ===== -->

        <!-- Blog-1 -->
        <div class="blog-item">
          <div class="image">
            <img src="../../assets/images/Blog/Blogs/Blog-1.jpg" alt="Blog-Image"> <!-- Blog Image -->
            <div class="date"><span>02</span> Dec</div> <!-- Blog Date -->
          </div>
          <div class="content">
            <a class="main-heading" href="Blog-Single.html">Complete List of Football Equipment</a> <!-- Blog Title -->
            <div class="details">
              <h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Author -->
              <h3><i class="fa-regular fa-folder-open"></i><span>Sport Center</span></h3> <!-- Category -->
            </div>
          </div>
        </div>
  
        <!-- Blog-2 -->
        <div class="blog-item">
          <div class="image">
            <img src="../../assets/images/Blog/Blogs/Blog-2.jpg" alt="Blog-Image"> <!-- Blog Image -->
            <div class="date"><span>25</span> nov</div> <!-- Blog Date -->
          </div>
          <div class="content">
            <a class="main-heading" href="Blog-Single.html">A Brief History of Royal Rebels</a> <!-- Blog Title -->
            <div class="details">
              <h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Author -->
              <h3><i class="fa-regular fa-folder-open"></i><span>Analysis</span></h3> <!-- Category -->
            </div>
          </div>
        </div>
  
        <!-- Blog-3 -->
        <div class="blog-item">
          <div class="image">
            <img src="../../assets/images/Blog/Blogs/Blog-3.jpg" alt="Blog-Image"> <!-- Blog Image -->
            <div class="date"><span>17</span> Nov</div> <!-- Blog Date -->
          </div>
          <div class="content">
            <a class="main-heading" href="Blog-Single.html">We Are a Family, Not Just a Team</a> <!-- Blog Title -->
            <div class="details">
              <h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Author -->
              <h3><i class="fa-regular fa-folder-open"></i><span>Interviews</span></h3> <!-- Category -->
            </div>
          </div>
        </div>
  
        <!-- Blog-4 -->
        <div class="blog-item">
          <div class="image">
            <img src="../../assets/images/Blog/Blogs/Blog-4.jpg" alt="Blog-Image"> <!-- Blog Image -->
            <div class="date"><span>05</span> Nov</div> <!-- Blog Date -->
          </div>
          <div class="content">
            <a class="main-heading" href="Blog-Single.html">10 Best Coaching Staff Members for Football</a> <!-- Blog Title -->
            <div class="details">
              <h3><i class="fa-solid fa-circle-user"></i><span>By Admin</span></h3> <!-- Author -->
              <h3><i class="fa-regular fa-folder-open"></i><span>Analysis</span></h3> <!-- Category -->
            </div>
          </div>
        </div>

      <!-- ===== Blogs (End) ===== -->

      <!-- ===== Pagination (Start) ===== -->
      <div class="pages-no">

        <div class="container">

          <!-- Previous page button -->
          <div class="item">
            <i class="fas fa-arrow-left"></i> 
          </div>

          <!-- Page numbers -->
          <div class="numbers">
            <div class="item active">1</div> <!-- Active page number -->
            <div class="item">2</div> <!-- Page number 2 -->
            <div class="item">3</div> <!-- Page number 3 -->
          </div>

          <!-- Next page button-->
          <div class="item">
            <i class="fa-solid fa-arrow-right"></i> 
          </div>
            
        </div>

      </div>
      <!-- ===== Pagination (End) ===== -->

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

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



  <!-- ==================== Footer Area (Start) ==================== -->
  <footer class="footer">

    <div class="box-container">
  
      <!-- == Club Information & Social Media Links == -->
      <div class="footer-item">
  
        <!-- Club Logo -->
        <a class="logo" href="../../index-2.html">
          <img src="../../assets/images/Logo/Logo.png" alt="logo">
        </a>

        <!-- Club Description -->
        <p>Your Reliable Partner for Passionate Football Excellence and Team Support. Your Trusted Partner for Inspiring Football Achievements.</p>

        <!-- Social Media Links -->
        <div class="social">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="#"><i class="fab fa-twitter"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
          <a href="#"><i class="fab fa-linkedin"></i></a>
        </div>
  
      </div>
  
      <!-- == Contact Info == -->
      <div class="footer-item">
        <h2>Contact Info</h2>
        <div class="info connect">
          <p><i class="fas fa-phone"></i><span>+123-456-789</span></p>
          <p><i class="fas fa-phone"></i><span>+111-222-333</span></p>
          <p><i class="fas fa-envelope"></i><span class="gmail">abc@gmail.com</span></p>
          <p><i class="fas fa-envelope"></i><span class="gmail">xyz@gmail.com</span></p>
          <p><i class="fas fa-map-marker-alt"></i><span>Karachi, Pakistan</span></p>
        </div>
      </div>
  
      <!-- == Quick Links == -->
      <div class="footer-item">
        <h2>Quick Links</h2>
        <div class="info links">
          <p><i class="fa-solid fa-futbol"></i><a href="../About/About.html">About</a></p>
          <p><i class="fa-solid fa-futbol"></i><a href="../Pages/Fixtures.html">Fixtures</a></p>
          <p><i class="fa-solid fa-futbol"></i><a href="../Team/Team.html">Team</a></p>
          <p><i class="fa-solid fa-futbol"></i><a href="../Result/Results.html">Results</a></p>
          <p><i class="fa-solid fa-futbol"></i><a href="Blog-Grid.html">Blogs</a></p>
          <p><i class="fa-solid fa-futbol"></i><a href="../Contact/Contact.html">Contact</a></p>
        </div>
      </div>
  
      <!-- == Newsletter Subscription == -->
      <div class="footer-item">

        <h2>Newsletter</h2>
        <p>Stay connected for the latest updates on special events and exciting moments at our football club.</p> <!-- Newsletter Description -->
        
        <form class="dark-form">
          <div class="input-field">
            <label for="news-email" class="fas fa-envelope"></label>
            <input type="email" id="news-email" name="email" class="box" placeholder="Your email address" required> <!-- Email Input Field -->
          </div>   
          <button type="submit" class="btn">Subscribe</button> <!-- Subscribe Button -->
        </form>

      </div>      
  
    </div>
  
    <!-- == Designer's Name and Copyright == -->
    <div class="content">
      <p>Designed by AS_Designs | All rights reserved</p>
    </div>
  
  </footer>
  <!-- ==================== Footer Area (End) ==================== -->



  <!-- Jquery -->
  <script src="../../assets/vendors/jquery/jquery.min.js"></script>

  <!-- Custom Script Files -->
  <script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
  <script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->

</body>

<!-- Mirrored from royalrebels-html.asdesignsgalaxy.com/pages/Blog/Blog-List.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 21 Feb 2025 02:28:22 GMT -->
</html>
<?php
include "include/footer.php";
?>