@extends('frontend.layouts.app')

@push('header')
    <!-- extra header -->
    <title>Colleges in Bengaluru | Studysparrow</title>
    <link rel="stylesheet" href="{{  asset('frontend/assets/css/study_india.css') }}">
@endpush

@section('section')
    <section class="state-header text-center">
        <div class="container position-relative">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center mb-4">
                    <li class="breadcrumb-item"><a href="{{ route('index') }}"
                            class="text-white-50 text-decoration-none small">Home</a>
                    </li>

                    <li class="breadcrumb-item active text-white small" aria-current="page">Karnataka</li>
                </ol>
            </nav>
            <h1 class="state-title">Colleges in <span class="state-highlight">Bengaluru</span></h1>
            <p class="header-subtext">Discover top-tier educational institutions in Bengaluru. From engineering to
                medical, find the perfect campus for your career goals.</p>
        </div>
    </section>

    <div class="container py-5">
        <div class="d-flex justify-content-between align-items-end mb-4">
            <div>
                <h2 class="fw-bold m-0" style="color: var(--navy-blue);">Top Recommended</h2>
                <div
                    style="width: 50px; height: 5px; background: var(--hover-green); border-radius: 10px; margin-top: 8px;">
                </div>
            </div>
            <span class="text-muted small">Showing 4 Colleges</span>
        </div>

        <div class="row g-4">

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/amruta-college.jpeg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">Amruta Institute of Engineering and Management Sciences</h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Amruta+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in Amruta Institute of Engineering and Management Sciences in admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

             <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/atria-institue.jpg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">Atria Institute Of Technology </h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Atria+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in Amruta Institute of Engineering and Management Sciences in admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

             <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/hilside-alied.jpg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">Hillside college of Allied Health Sciences </h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Atria+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in Hillside college of Allied Health Sciences in admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

             <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/hilside-college.jpg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">Hillside college of Nursing </h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Atria+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in Hillside College of nursing in admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/yenepoya.jpg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">Yenepoya University</h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Atria+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in Yenepoya University in admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/presidency.jpg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">Presidency University</h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Atria+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in Presidency University for admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="college-card">
                    <div class="image-wrapper">
                        <img src="{{ asset('frontend/./assets/image/hcg-college.jpg') }}" alt="College">
                        <span class="location-badge"><i class="fas fa-map-marker-alt me-1"></i> Bengaluru</span>
                    </div>
                    <div class="college-body">
                        <h5 class="college-name">HCG college of Allied Health Sciences</h5>
                        <div class="btn-group-custom">
                            <a href="student?college=Atria+Institute+of+Engineering+and+Management+Sciences" class="btn btn-apply">Apply Now</a>
                            <a href="https://wa.me/+91 7411192123?text=Hi, I am interested in HCG college of Allied Health Sciences for admission."
                                class="btn btn-wa-icon" title="WhatsApp Inquiry">
                                <i class="fab fa-whatsapp fa-lg"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>











        </div>
    </div>
@endsection
@push('footer')
    <!-- extra footer -->
@endpush