<?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">Study Destination</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">Destination</a></li>
      </ol>
  </div>
</div>


<div class="container-fluid country overflow-hidden py-5">
  <div class="container py-5">
    <div class="section-title text-center wow fadeInUp" data-wow-delay="0.1s" style="margin-bottom: 70px;">
      <div class="sub-style">
        <h5 class="sub-title text-primary px-3">COUNTRIES WE OFFER</h5>
      </div>
      <h1 class="display-5 mb-4">Choose your Destination for Higher Studies</h1>
    </div>
    <div class="row g-3 text-center">
      <div class="col-4 p-5 mb-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="country-item">
          <div class="rounded overflow-hidden">
            <img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
          </div>
          <div class="country-flag">
            <img src="img/ausflag.png" class="img-fluid rounded-circle" alt="Image">
          </div>
          <div class="country-name">
            <a href="australia.php" class="text-white fs-4">Australia</a>
          </div>
        </div>
      </div>
      <div class="col-4  p-5 mb-5 wow fadeInUp" data-wow-delay="0.3s">
        <div class="country-item">
          <div class="rounded overflow-hidden">
            <img src="img/country-2.jpg" class="img-fluid w-100 rounded" alt="Image">
          </div>
          <div class="country-flag">
            <img src="img/canadaflag.png" class="img-fluid rounded-circle" alt="Image">
          </div>
          <div class="country-name">
            <a href="canada.php" class="text-white fs-4">Canada</a>
          </div>
        </div>
      </div>
      <div class="col-4  p-5 mb-5 wow fadeInUp" data-wow-delay="0.5s">
        <div class="country-item">
          <div class="rounded overflow-hidden">
            <img src="img/country-3.jpg" class="img-fluid w-100 rounded" alt="Image">
          </div>
          <div class="country-flag">
            <img src="img/usa.jpg" class="img-fluid rounded-circle" alt="Image">
          </div>
          <div class="country-name">
            <a href="usa.php" class="text-white fs-4">USA</a>
          </div>
        </div>
      </div>
      <div class="col-4  p-5  wow fadeInUp" data-wow-delay="0.7s">
        <div class="country-item">
          <div class="rounded overflow-hidden">
            <img src="img/country-4.jpg" class="img-fluid w-100 rounded" alt="Image">
          </div>
          <div class="country-flag">
            <img src="img/ukflag.png" class="img-fluid rounded-circle" alt="Image">
          </div>
          <div class="country-name">
            <a href="uk.php" class="text-white fs-4">UK</a>
          </div>
        </div>

      </div>
      <div class="col-4 p-5 wow fadeInUp" data-wow-delay="0.9s">
        <div class="country-item">
          <div class="rounded overflow-hidden">
            <img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
          </div>
          <div class="country-flag">
            <img src="img/newzealandflag.png" class="img-fluid rounded-circle" alt="Image">
          </div>
          <div class="country-name">
            <a href="newzealand.php" class="text-white fs-4">New Zealand</a>
          </div>
        </div>
      </div>
      <div class="col-4 p-5 wow fadeInUp" data-wow-delay="1s">
        <div class="country-item">
          <div class="rounded overflow-hidden">
            <img src="img/country-1.jpg" class="img-fluid w-100 rounded" alt="Image">
          </div>
          <div class="country-flag">
            <img src="img/japanflag.png" class="img-fluid rounded-circle" alt="Image">
          </div>
          <div class="country-name">
            <a href="japan.php" class="text-white fs-4">Japan</a>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

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