<?php include ('header.php'); ?>

<!-- Page Content -->
<div class="container mt-4">
  <div class="row">
    <!-- Main Content -->
    <div class="col-lg-8">
      <h1 class="mb-4">Latest Articles</h1>
      <div class="card mb-4">
        <img src="https://via.placeholder.com/800x400" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Article Title 1</h5>
          <p class="card-text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Molestias animi non fugiat
            perspiciatis modi consequuntur, ipsum illum deleniti atque error minima commodi. Omnis perferendis amet
            deserunt ipsam incidunt neque doloremque? Placeat incidunt quibusdam quae minus similique odit? Delectus non
            ullam, deserunt sequi laboriosam assumenda magni. Saepe alias hic quia fugiat cupiditate vitae similique
            quidem pariatur expedita dignissimos rerum assumenda quos illo laudantium consectetur ipsum distinctio eius
            itaque veniam exercitationem architecto corporis odio, earum praesentium? Quos provident eos assumenda
            dolorum voluptas perferendis, recusandae sit doloribus dolorem veritatis nulla nesciunt harum iste! Ea
            quaerat aliquam itaque illo deleniti? Sunt minus fuga eveniet?</p>

        </div>
      </div>

    </div>

    <!-- Sidebar -->
    <div class="col-lg-4">
      <div class="card mb-4">
        <h5 class="card-header">Trending Blogs</h5>
        <ul class="list-group list-group-flush">
          <li class="list-group-item">Top Benefits of studying Computer Science in abroad.
          </li>
          <li class="list-group-item">Top MBA Programs for International Students</li>
          <li class="list-group-item">Top Study Abroad Destinations for 2024 </li>
          <li class="list-group-item">Blog Title 4</li>
          <li class="list-group-item">Blog Title 5</li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- Bootstrap JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

<?php include ('footer.php'); ?>