Orient_Website/blog.php

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

<div class="container-fluid bg-breadcrumb">
  <div class="container text-center py-5" style="max-width: 900px;">
    <h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Blogs</h1>
      <ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
        <li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
        <li class="breadcrumb-item"><a href="#" class="text-white">Blogs</a></li>
      </ol>
  </div>
</div>

<div class="container-fluid service overflow-hidden py-5">
  <div class="container py-5">
    <div class="section-title text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">
      <h1 class="display-5 mb-4">Blogs</h1>
    </div>
    <div class="row g-4">
      <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.1s">
        <div class="service-item">
          <div class="service-inner">
            <div class="service-img">
              <img src="img/service-1.jpg" class="img-fluid w-100 rounded" alt="Image">
            </div>
            <div class="service-title">
              <div class="service-title-name">
                <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                  <a href="#" class="h4 text-white mb-0">Top Benefits of Studying Abroad</a>
                </div>
                <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Read More</a>
              </div>
              <div class="service-content pb-4">
                <a href="#">
                  <h4 class="text-white mb-4 py-3">Top Benefits of Studying Abroad</h4>
                </a>
                <div class="px-4">
                  <p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores
                    nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
                  <a class="btn btn-primary border-secondary rounded-pill py-3 px-5" href="#">Read More</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.3s">
        <div class="service-item">
          <div class="service-inner">
            <div class="service-img">
              <img src="img/service-2.jpg" class="img-fluid w-100 rounded" alt="Image">
            </div>
            <div class="service-title">
              <div class="service-title-name">
                <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                  <a href="#" class="h4 text-white mb-0">Top MBA Programs for International Students</a>
                </div>
                <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Read More</a>
              </div>
              <div class="service-content pb-4">
                <a href="#">
                  <h4 class="text-white mb-4 py-3">Top MBA Programs for International Students</h4>
                </a>
                <div class="px-4">
                  <p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores
                    nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
                  <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Read
                    More</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.5s">
        <div class="service-item">
          <div class="service-inner">
            <div class="service-img">
              <img src="img/service-3.jpg" class="img-fluid w-100 rounded" alt="Image">
            </div>
            <div class="service-title">
              <div class="service-title-name">
                <div class="bg-primary text-center rounded p-3 mx-5 mb-4">
                  <a href="#" class="h4 text-white mb-0">Top Study Abroad Destinations for 2024</a>
                </div>
                <a class="btn bg-light text-secondary rounded-pill py-3 px-5 mb-4" href="#">Read More</a>
              </div>
              <div class="service-content pb-4">
                <a href="#">
                  <h4 class="text-white mb-4 py-3">Top Study Abroad Destinations for 2024</h4>
                </a>
                <div class="px-4">
                  <p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Mollitia fugit dolores
                    nesciunt adipisci obcaecati veritatis cum, ratione aspernatur autem velit.</p>
                  <a class="btn btn-primary border-secondary rounded-pill text-white py-3 px-5" href="#">Read
                    More</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

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