PathFinder/uni-college.php

<?php include("header.php") ?>
<section class="page-title" style="background-image: url(./assets/images/about/destination1.jpg);">
    <div class="auto-container">
        <div class="pres-line-separator-wrapper text-start mb--10">
            <div class="tmp-section-title-border text-start">
                <div class="pres-line-separator-wrapper text-start mb--10">
                    <div class="line-separator line-left"></div>

                    <span class="subtitle">
                        <span class="subtitle-text">Universities & Colleges page</span>
                    </span>
                    <div class="line-separator line-right"></div>
                </div>
            </div>
        </div>
        <h1>Explore Quality Education Provider</h1>
        <div class="text">
            <a href="index.php">Home</a>
            /Universities & Colleges
        </div>
    </div>
</section>

<section class="college-list-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="tmp-section-title-border text-center">
                    <div class="pres-line-separator-wrapper text-center mb--10">
                        <div class="line-separator line-left"></div>
                        <span class="subtitle">
                            <span class="number">4</span>
                            <span class="subtitle-text">Choose Your Study Destination</span>
                        </span>
                        <div class="line-separator line-right"></div>
                    </div>
                    <h2 class="title w-700">Select a country to view its universities and colleges.</h2>
                </div>
            </div>
        </div>
        <!-- Filter Box (Static UI Only) -->
        <div class="college-filter-box">
            <select>
                <option selected>Select Country</option>
                <option>USA</option>
                <option>UK</option>
                <option>Australia</option>
                <option>Canada</option>
                <option>Japan</option>
            </select>
        </div>

        <!-- College List -->
        <div class="college-grid">
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Auckland Institute</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Bangor University</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>

            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/uni3.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <a href="https://www.harvard.edu" target="_blank" rel="noopener noreferrer" class="college-link">
                <div class="college-card tmponhover">
                    <img src="./assets/images/photos/college.png" alt="">
                    <p>Harvard University</p>
                </div>
            </a>
            <!-- repeat for other cards -->
        </div>
        <div class="col-lg-12 mt--50">
            <nav>
                <ul class="tmp-pagination justify-content-center">
                    <li><a href="#" aria-label="Previous"><i class="feather-chevron-left"></i></a></li>
                    <li><a href="#">1</a></li>
                    <li class="active"><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#" aria-label="Next"><i class="feather-chevron-right"></i></a></li>
                </ul>
            </nav>
        </div>
    </div>
</section>

<?php include("footer.php") ?>