rohini/parts/destination.php

<!--Countries Two Start -->
<section class="countries-two blog-bg section-pd">
  <div class="container">
    <div class="section-title text-center">
      <div class="section-title__tagline-box"> <span class="section-title__tagline">Study Abroad</span>
        <div class="section-title__border-box"></div>
      </div>
      <h2 class="section-title__title">Select the Country of <br>
        Your Choice</h2>
    </div>
    <div class="countries-two__bottom">
      <div class="countries-two__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
                        "loop": true,
                        "autoplay": true,
                        "margin": 30,
                        "nav": true,
                        "dots": false,
                        "smartSpeed": 500,
                        "autoplayTimeout": 10000,
                        "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
                        "responsive": {
                            "0": {
                                "items": 1
                            },
                            "768": {
                                "items": 2
                            },
                            "992": {
                                "items": 3
                            },
                            "1200": {
                                "items": 4
                            }
                        }
                    }'> 
        <!--Countries Two Single Start-->
        <div class="item">
          <div class="card countries-two__single" style="width: 18rem;"> <img src="assets/images/rohini/country-logo/newzealand-flag.jpg" class="card-img-top" alt="...">
            <div class="card-body text-center">
              <h5 class="card-title">New-Zealand</h5>
              <a href="newzealand.php" class="btn">Read More</a> </div>
          </div>
        </div>
        <!--Countries Two Single End--> 
        <!--Countries Two Single Start-->
        <div class="item">
          <div class="card countries-two__single" style="width: 18rem;"> <img src="assets/images/rohini/country-logo/usa-flag.jpg" class="card-img-top" alt="...">
            <div class="card-body text-center">
              <h5 class="card-title">USA</h5>
              <a href="usa.php" class="btn">Read More</a> </div>
          </div>
        </div>
        <!--Countries Two Single End--> 
        <!--Countries Two Single Start-->
        <div class="item">
          <div class="card countries-two__single" style="width: 18rem;"> <img src="assets/images/rohini/country-logo/australia-flag.jpg" class="card-img-top" alt="...">
            <div class="card-body text-center">
              <h5 class="card-title">Australia</h5>
              <a href="australia.php" class="btn">Read More</a> </div>
          </div>
        </div>
        <!--Countries Two Single End--> 
        <!--Countries Two Single Start-->
        <div class="item">
          <div class="card countries-two__single" style="width: 18rem;"> <img src="assets/images/rohini/country-logo/canada-flag.jpg" class="card-img-top" alt="...">
            <div class="card-body text-center">
              <h5 class="card-title">Canada</h5>
              <a href="canada.php" class="btn">Read More</a> </div>
          </div>
        </div>
        <!--Countries Two Single End--> 
      </div>
    </div>
  </div>
</section>
<!--Countries Two End --> 

<!--
<section class="section-pd">
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        <div class="extra-card">
          <main> <img src="assets/images/rohini/country-logo/australia.png" alt="Australia">
            <h2 class="pt-3 pb-3 country-title">Study in Australia</h2>
          </main>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="extra-card">
          <main> <img src="assets/images/rohini/country-logo/australia.png" alt="Canada">
            <h2 class="pt-3 pb-3 country-title">Study in Canada</h2>
          </main>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="extra-card">
          <main> <img src="assets/images/rohini/country-logo/australia.png" alt="Usa">
            <h2 class="pt-3 pb-3 country-title">Study in Usa</h2>
          </main>
        </div>
      </div>
    </div>
  </div>
</section>
-->