|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/celkcksm/websites/availapp-com/course/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sikshapedia Navbar</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/responsive.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
<style>
.nav-link {
padding: 8px 15px;
white-space: nowrap;
/* color: white; */
font-size: 13px;
}
/* .navbar{
background-color: black;
} */
.search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background:white;
display: none;
z-index: 1000;
overflow-y: auto;
padding: 20px;
transform: translateY(-20px);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.close-btn {
position: absolute;
top: 20px;
right: 30px;
font-size: 24px;
cursor: pointer;
}
</style>
<!-- Custom CSS for orange color -->
<style>
.text-orange { color: #f97316; }
.bg-orange-50 { background-color: #fff4eb; }
.bg-orange-100 { background-color: rgb(255 237 213); }
.btn-orange { background-color: #f97316; color: white; }
.btn-outline-orange { border-color: #f97316; color: #f97316; }
.btn-outline-orange:hover { background-color: #f97316; color: white; }
</style>
<script src="https://unpkg.com/typewriter-effect/dist/core.js"></script>
</head>
<body>
<div>
<div class="position-relative start-0 end-0 top-0 bg-white md-h-auto" style="
height: 300px;
">
<!-- Background Image Slider -->
<div id="backgroundSlider" class="carousel slide position-absolute w-100 h-100 z-10" data-bs-ride="carousel">
<img src="./img/course/banner.png" class="w-100 h-100 object-fit-cover" alt="Top Trending Courses in India">
</div>
<!-- Dark Overlay -->
<div class="gradient-overlay2"></div>
<!-- <div class="position-absolute
mobile-head d-md-none z-10 d-flex align-items-center justify-content-center px-2">
<div class="text-white text-start mt-5">
<h1 class="h6 fw-semibold">Search BE/B.Tech Colleges, Courses and Exams</h1>
<p class="mt-2 small">
<a href="/btech-colleges" class="text-white text-decoration-underline hover-text-orange-500">
6238 Colleges
</a>
</p>
<button type="button" class="mt-3 px-2 py-0 bg-orange-500 text-white small fw-medium rounded-pill">
Need Counselling
</button>
</div>
</div>
-->
<!-- Mobile Masthead Content -->
<!-- Header with Navigation -->
<header class="bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid">
<!-- Mobile Menu Button -->
<button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#mobileMenu">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Logo -->
<a class="navbar-brand me-10 me-md-0" href="#">
<img src="./img/main-logo.png" alt="Sikshapedia Logo" class="main-logo" height="35">
</a>
<!-- Mobile Icons -->
<!-- Mobile Icons -->
<div class="d-flex d-lg-none">
<button class="btn btn-link text-white me-2">
<i class="fas fa-search"></i>
</button>
<button class="btn btn-link text-white me-2">
<i class="far fa-bell"></i>
</button>
<button class="btn btn-link text-white" id="mobile-user" onclick="openTab()">
<i class="far fa-user border border-white rounded-circle p-1"></i>
</button>
</div>
<!-- The Full-Width Sliding Tab -->
<div id="tab-container" class="position-fixed top-0 start-0 w-100 h-100 bg-light shadow-lg translate-hidden transition-all text-center">
<!-- Close Icon -->
<button class="position-absolute top-0 mt-2 end-4 btn-close text-white" onclick="closeTab()">x</button>
<!-- Tab Content -->
<div class="text-center">
<p class="bg-dark text-white py-3">Profile</p>
</div>
<div class="px-3 py-4">
<span class="text-muted">
Hello, Welcome to <span class="text-dark">Sikshapedia</span> <br>
<span class="text-warning small">College exam, course & more</span>
</span>
</div>
<!-- Input Field -->
<div class="position-relative w-75 mx-auto my-4">
<input
type="text"
class="form-control pr-5"
placeholder="BE/B.Tech"
onclick="showSecondPage()"
/>
<img
src="./img/icon/edit.svg"
alt="Edit Icon"
class="position-absolute top-50 end-0 translate-middle-y me-3"
style="width: 20px; height: 20px;"
/>
</div>
<button class="btn btn-warning w-75 mx-auto p-2 text-white mt-4" onclick="submitSearch()">Login/Register Now</button>
<div class="d-flex justify-content-center">
<img src="./img/icon/write-review-img.svg" class="p-4" style="max-width: 100px;">
</div>
</div>
<!-- Desktop Menu -->
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<button class="nav-link fw-bold border-0 bg-transparent" data-bs-toggle="offcanvas" data-bs-target="#offcanvasCourses" aria-controls="offcanvasCourses">All Courses
<i class="fa-solid fa-caret-down"></i>
</button>
</li>
<li class="nav-item">
<a class="nav-link" href="#">MBA</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">MBBS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="course.html">B.Tech</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">BBA</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">B.Pharm</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">B.SC(Nursing)</a>
</li>
</ul>
<!-- Desktop Action Buttons -->
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<!-- Need Counselling Button -->
<button class="btn btn-outline-warning1 me-3" data-bs-toggle="modal" data-bs-target="#counsellingModal">
Need Counselling
</button>
</li>
<!-- Counselling Modal -->
<div class="modal fade" id="counsellingModal" tabindex="-1" aria-labelledby="counsellingModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header border-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body p-4">
<div class="d-flex align-items-center mb-4">
<img src="./img/icon/app-icon.JPG" alt="leadform_logo" class="rounded-circle border p-1 me-3" style="width:70px;height:70px;object-fit:cover;">
<div>
<h2 class="h4 text-orange-600 fw-semibold">Register Now To Apply</h2>
<p class="text-muted mb-0">Get details and latest updates</p>
</div>
</div>
<form action="#" method="POST">
<div class="row g-3 mb-3">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="Full Name *" required>
</div>
<div class="col-md-6">
<input type="email" class="form-control" placeholder="Email Address *" required>
</div>
</div>
<div class="row g-3 mb-3">
<div class="col-md-6">
<div class="input-group">
<span class="input-group-text">+91</span>
<input type="tel" class="form-control" placeholder="Mobile Number *" required>
</div>
</div>
<div class="col-md-6">
<input type="text" class="form-control" placeholder="City You Live In *" required>
</div>
</div>
<div class="mb-3">
<select class="form-select" required>
<option value="" disabled selected>Course Interested In *</option>
<option value="B.Tech">BE/B.Tech - Bachelors (Technology)</option>
<option value="MBA">MBA - Masters (Business Administration)</option>
<option value="B.Tech">BE/B.Tech - Bachelors (Technology)</option>
<option value="MBA">MBA - Masters (Business Administration)</option>
</select>
</div>
<p class="small text-muted mb-3">
By submitting this form, you accept and agree to our
<a href="#" class="text-decoration-none">Terms of Use</a>.
</p>
<button type="submit" class="btn btn-warning w-100 py-3">SUBMIT</button>
</form>
<p class="text-center mt-3 text-warning small">
Already Registered?
<a href="#" class="text-warning text-decoration-underline">Click Here To Login</a>.
</p>
</div>
</div>
</div>
</div>
<li class="nav-item dropdown position-static">
<div class="d-flex align-items-center dropdown-toggle " data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-th text-white"></i>
<span class="nav-link ">Explore</span>
</div>
<!-- Mega Dropdown Menu -->
<div class="dropdown-menu w-100 p-0 border-0 rounded-3 mt-0" style="left: 0; max-width: 1000px; margin-left: 450px;">
<div class="container-fluid p-4">
<div class="row">
<div class="col-12">
<h3 class="text-lg fw-semibold text-gray-800 mb-3">Explore More</h3>
</div>
</div>
<div class="row g-4 explore">
<!-- First Column -->
<div class="col-md-4">
<ul class="list-unstyled ">
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-building-columns text-orange-500 me-3"></i>
Top Universities & Colleges
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-book text-orange-500 me-3"></i>
Top Courses
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-star text-orange-500 me-3"></i>
Read College Reviews
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-bell text-orange-500 me-3"></i>
Admission Alerts 2024
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-chalkboard-teacher text-orange-500 me-3"></i>
Institute (Counselling, Coaching, and More)
</a>
</li>
</ul>
</div>
<!-- Second Column -->
<div class="col-md-4">
<ul class="list-unstyled">
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-calculator text-orange-500 me-3"></i>
College Predictor
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-question text-orange-500 me-3"></i>
Practice Questions
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-graduation-cap text-orange-500 me-3"></i>
Scholarship
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-globe text-orange-500 me-3"></i>
Study Abroad
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-passport text-orange-500 me-3"></i>
Abroad Exams
</a>
</li>
</ul>
</div>
<!-- Third Column -->
<div class="col-md-4">
<ul class="list-unstyled">
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-newspaper text-orange-500 me-3"></i>
News
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-dollar-sign text-orange-500 me-3"></i>
Education Loan
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center text-gray-600 py-2 hover-text-orange-600 border-bottom border-gray-200 text-decoration-none">
<i class="fas fa-comments text-orange-500 me-3"></i>
Ask a Question
</a>
</li>
</ul>
</div>
</div>
<div class="row mt-1">
<div class="col-12 text-center">
<img src="./img/icon/explore-ad.png" alt="Advertisement" class="img-fluid">
</div>
</div>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="#">Career</a></li>
<li class="nav-item"><a class="nav-link text-primary" href="#">Find Course</a></li>
<li class="nav-item"><a class="nav-link text-warning1" href="#">Write a Review</a></li>
<li class="nav-item"><button class="btn btn-outline-light Sign">Sign In</button></li>
</ul>
</div>
</div>
</nav>
<!-- Mobile Off-Canvas Menu -->
<div class="offcanvas offcanvas-start" tabindex="-1" id="mobileMenu">
<div class="offcanvas-header bg-dark text-white">
<h5 class="offcanvas-title">Menu</h5>
<img src="./img/main-logo.png" alt="Logo" class="main-logo" height="32">
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="mb-4">
<input type="text" class="form-control" placeholder="Search All Courses">
</div>
<!-- Main Accordion for Courses -->
<!-- Main Accordion for Courses -->
<div class="accordion" id="mobileMenuAccordion">
<!-- B.Tech Section -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechCollapse">
B.Tech
</button>
</h2>
<div id="btechCollapse" class="accordion-collapse collapse" data-bs-parent="#mobileMenuAccordion">
<div class="accordion-body p-0">
<!-- Nested Accordion for Top Cities & States -->
<div class="accordion" id="btechCitiesAccordion">
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed fw-semibold text-orange" type="button" data-bs-toggle="collapse" data-bs-target="#btechCitiesCollapse">
Top Cities & States
</button>
</h2>
<div id="btechCitiesCollapse" class="accordion-collapse collapse" data-bs-parent="#btechCitiesAccordion">
<div class="accordion-body p-0">
<!-- Third Level Accordion for Cities -->
<div class="accordion" id="btechCityDetailsAccordion">
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechChandigarhCollapse">
Top B.Tech Colleges In Chandigarh
</button>
</h2>
<div id="btechChandigarhCollapse" class="accordion-collapse collapse" data-bs-parent="#btechCityDetailsAccordion">
<div class="accordion-body">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">PEC Chandigarh</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">Chandigarh University</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechMumbaiCollapse">
Top B.Tech Colleges In Mumbai
</button>
</h2>
<div id="btechMumbaiCollapse" class="accordion-collapse collapse" data-bs-parent="#btechCityDetailsAccordion">
<div class="accordion-body">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">IIT Bombay</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">VJTI Mumbai</a></li>
</ul>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 text-blue-600 hover-text-blue-800">View More Top Cities & States</a>
</div>
</div>
</div>
</div>
<!-- Nested Accordion for Streams -->
<div class="accordion" id="btechStreamsAccordion">
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechStreamsCollapse">
Browse By B.TECH Streams
</button>
</h2>
<div id="btechStreamsCollapse" class="accordion-collapse collapse" data-bs-parent="#btechStreamsAccordion">
<div class="accordion-body">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">Computer Science</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">Mechanical Engineering</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">Electronics & Communication</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">Civil Engineering</a></li>
</ul>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 text-gray-600 hover-text-orange">College Predictor</a>
</div>
</div>
</div>
<!-- MBA Section -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbaCollapse">
MBA
</button>
</h2>
<div id="mbaCollapse" class="accordion-collapse collapse" data-bs-parent="#mobileMenuAccordion">
<div class="accordion-body p-3">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">MBA in Marketing</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">MBA in Finance</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">MBA in HR</a></li>
</ul>
</div>
</div>
</div>
<!-- MCA Section -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mcaCollapse">
MCA
</button>
</h2>
<div id="mcaCollapse" class="accordion-collapse collapse" data-bs-parent="#mobileMenuAccordion">
<div class="accordion-body p-3">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">MCA in Computer Science</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">MCA in AI & ML</a></li>
</ul>
</div>
</div>
</div>
<!-- M.Tech Section -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mtechCollapse">
M.Tech
</button>
</h2>
<div id="mtechCollapse" class="accordion-collapse collapse" data-bs-parent="#mobileMenuAccordion">
<div class="accordion-body p-3">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">M.Tech in Data Science</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">M.Tech in Robotics</a></li>
</ul>
</div>
</div>
</div>
<!-- BBA Section -->
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bbaCollapse">
BBA
</button>
</h2>
<div id="bbaCollapse" class="accordion-collapse collapse" data-bs-parent="#mobileMenuAccordion">
<div class="accordion-body p-3">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">BBA in Marketing</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange">BBA in Finance</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Helpful For Your Career Section -->
<div class="mt-4">
<p class="fw-semibold text-lg text-gray-800">Helpful For Your Career</p>
<div class="row row-cols-2 g-3 mb-4">
<div class="col">
<button class="d-flex align-items-center justify-content-center w-100 py-3 px-2 border rounded shadow-sm hover-shadow">
<div class="d-flex align-items-center justify-content-center bg-blue-100 rounded-circle me-2" style="width: 40px; height: 40px;">
<img src="./img/icon/courseFinderSVG.svg" width="20">
</div>
<span class="text-gray-600">Course Finder</span>
</button>
</div>
<div class="col">
<button class="d-flex align-items-center justify-content-center w-100 py-3 px-2 border rounded shadow-sm hover-shadow">
<div class="d-flex align-items-center justify-content-center bg-blue-100 rounded-circle me-2" style="width: 40px; height: 40px;">
<img src="./img/icon/collegePredictorSVG.svg" width="20">
</div>
<span class="text-gray-600">College Predictor</span>
</button>
</div>
<div class="col">
<button class="d-flex align-items-center justify-content-center w-100 py-3 px-2 border rounded shadow-sm hover-shadow">
<div class="d-flex align-items-center justify-content-center bg-blue-100 rounded-circle me-2" style="width: 40px; height: 40px;">
<img src="./img/icon/collegePredictorSVG.svg" width="20">
</div>
<span class="text-gray-600">College Predictor</span>
</button>
</div>
<div class="col">
<button class="d-flex align-items-center justify-content-center w-100 py-3 px-2 border rounded shadow-sm hover-shadow">
<div class="d-flex align-items-center justify-content-center bg-blue-100 rounded-circle me-2" style="width: 40px; height: 40px;">
<img src="./img/icon/collegePredictorSVG.svg" width="20">
</div>
<span class="text-gray-600">College Predictor</span>
</button>
</div>
<div class="col">
<button class="d-flex align-items-center justify-content-center w-100 py-3 px-2 border rounded shadow-sm hover-shadow">
<div class="d-flex align-items-center justify-content-center bg-blue-100 rounded-circle me-2" style="width: 40px; height: 40px;">
<img src="./img/icon/collegePredictorSVG.svg" width="20">
</div>
<span class="text-gray-600">College Predictor</span>
</button>
</div>
<div class="col">
<button class="d-flex align-items-center justify-content-center w-100 py-3 px-2 border rounded shadow-sm hover-shadow">
<div class="d-flex align-items-center justify-content-center bg-blue-100 rounded-circle me-2" style="width: 40px; height: 40px;">
<img src="./img/icon/collegePredictorSVG.svg" width="20">
</div>
<span class="text-gray-600">College Predictor</span>
</button>
</div>
<!-- Add other buttons similarly -->
</div>
</div>
<!-- Study Abroad Section -->
<div class="mt-4">
<p class="fw-semibold text-lg text-gray-800">Study Abroad</p>
<div class="accordion" id="studyAbroadAccordion">
<!-- Countries Accordion -->
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#countriesCollapse">
<div class="d-flex align-items-center">
<img src="./img/icon/countriesSVG.svg" class="me-2" width="24">
<span>Countries</span>
</div>
</button>
</h2>
<div id="countriesCollapse" class="accordion-collapse collapse" data-bs-parent="#studyAbroadAccordion">
<div class="accordion-body p-0">
<ul class="list-unstyled">
<li><a href="#" class="d-flex align-items-center py-2 text-gray-600 hover-text-orange-600"><img src="./img/icon/canada-icon.png" class="me-2" width="24"> Canada</a></li>
<li><a href="#" class="d-flex align-items-center py-2 text-gray-600 hover-text-orange-600"><img src="./img/icon/canada-icon.png" class="me-2" width="24"> Australia</a></li>
<!-- More countries -->
</ul>
</div>
</div>
</div>
<!-- Abroad Exams Accordion -->
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#abroadExamsCollapse">
<div class="d-flex align-items-center">
<img src="./img/icon/abroad.JPG" class="me-2" width="24">
<span>Abroad Exams</span>
</div>
</button>
</h2>
<div id="abroadExamsCollapse" class="accordion-collapse collapse" data-bs-parent="#studyAbroadAccordion">
<div class="accordion-body p-0">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">IELTS</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">TOEFL</a></li>
<!-- More exams -->
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#abroadExamsCollapse">
<div class="d-flex align-items-center">
<img src="./img/icon/abroad.JPG" class="me-2" width="24">
<span>Abroad Exams</span>
</div>
</button>
</h2>
<div id="abroadExamsCollapse" class="accordion-collapse collapse" data-bs-parent="#studyAbroadAccordion">
<div class="accordion-body p-0">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">IELTS</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">TOEFL</a></li>
<!-- More exams -->
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#abroadExamsCollapse">
<div class="d-flex align-items-center">
<img src="./img/icon/abroad.JPG" class="me-2" width="24">
<span>Abroad Exams</span>
</div>
</button>
</h2>
<div id="abroadExamsCollapse" class="accordion-collapse collapse" data-bs-parent="#studyAbroadAccordion">
<div class="accordion-body p-0">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">IELTS</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">TOEFL</a></li>
<!-- More exams -->
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0">
<h2 class="accordion-header">
<button class="accordion-button collapsed bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#abroadExamsCollapse">
<div class="d-flex align-items-center">
<img src="./img/icon/abroad.JPG" class="me-2" width="24">
<span>Abroad Exams</span>
</div>
</button>
</h2>
<div id="abroadExamsCollapse" class="accordion-collapse collapse" data-bs-parent="#studyAbroadAccordion">
<div class="accordion-body p-0">
<ul class="list-unstyled">
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">IELTS</a></li>
<li><a href="#" class="d-block py-2 text-gray-600 hover-text-orange-600">TOEFL</a></li>
<!-- More exams -->
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Other Popular Links Section -->
<div class="mt-4">
<p class="fw-semibold text-lg text-gray-800">Other Popular Links</p>
<ul class="list-unstyled">
<li>
<a href="#" class="d-flex justify-content-between align-items-center py-3 border-bottom text-gray-600 hover-text-orange-600">
<div class="d-flex align-items-center">
<img src="./img/icon/write-review.svg" class="me-2" width="24">
<span>Write a Review</span>
</div>
<img src="./img/icon/arrow-icon.svg" width="16">
</a>
</li>
<li>
<a href="#" class="d-flex justify-content-between align-items-center py-3 border-bottom text-gray-600 hover-text-orange-600">
<div class="d-flex align-items-center">
<img src="./img/icon/write-review.svg" class="me-2" width="24">
<span>Write a Review</span>
</div>
<img src="./img/icon/arrow-icon.svg" width="16">
</a>
</li>
<li>
<a href="#" class="d-flex justify-content-between align-items-center py-3 border-bottom text-gray-600 hover-text-orange-600">
<div class="d-flex align-items-center">
<img src="./img/icon/write-review.svg" class="me-2" width="24">
<span>Write a Review</span>
</div>
<img src="./img/icon/arrow-icon.svg" width="16">
</a>
</li>
<!-- More links similarly -->
</ul>
</div>
</div>
</div>
<!-- Profile Tab (same as original) -->
<div id="tab-container" class="fixed-top vh-100 bg-light d-none" style="z-index: 9999;">
<!-- Tab content would go here -->
</div>
<!-- Second Page (same as original) -->
<div id="second-page" class="fixed-top vh-100 bg-white d-none" style="z-index: 9999;">
<!-- Second page content would go here -->
</div>
</header>
<!-- Offcanvas Menu -->
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasCourses" aria-labelledby="offcanvasCoursesLabel">
<div class="offcanvas-header border-bottom bg-light">
<h5 class="offcanvas-title fw-bold" id="offcanvasCoursesLabel">All Courses</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body p-0">
<div class="p-3">
<input type="text" placeholder="Search All Courses" class="form-control">
</div>
<div class="accordion accordion-flush" id="coursesAccordion">
<!-- B.Tech Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechCollapse">
B.Tech
</button>
</h2>
<div id="btechCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="btechSubAccordion">
<!-- Top Cities & States -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#btechCitiesCollapse">
Top Cities & States
</button>
</h2>
<div id="btechCitiesCollapse" class="accordion-collapse collapse" data-bs-parent="#btechSubAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="btechCitiesSubAccordion">
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechChandigarhCollapse">
<span class="small">Top B.Tech colleges In Chandigarh</span>
</button>
</h2>
<div id="btechChandigarhCollapse" class="accordion-collapse collapse" data-bs-parent="#btechCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">PEC Chandigarh</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Chandigarh University</a>
</div>
</div>
</div>
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechMumbaiCollapse">
<span class="small">Top B.Tech Colleges In Mumbai</span>
</button>
</h2>
<div id="btechMumbaiCollapse" class="accordion-collapse collapse" data-bs-parent="#btechCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIT Bombay</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">VJTI Mumbai</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-primary">View More Top Cities & States</a>
</div>
</div>
</div>
<!-- Browse By Streams -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#btechStreamsCollapse">
Browse By B.TECH Streams
</button>
</h2>
<div id="btechStreamsCollapse" class="accordion-collapse collapse" data-bs-parent="#btechSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Computer Science</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Mechanical Engineering</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Electrical Engineering</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Civil Engineering</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- MBA Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbaCollapse">
MBA
</button>
</h2>
<div id="mbaCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="mbaSubAccordion">
<!-- Top Cities & States -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#mbaCitiesCollapse">
Top Cities & States
</button>
</h2>
<div id="mbaCitiesCollapse" class="accordion-collapse collapse" data-bs-parent="#mbaSubAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="mbaCitiesSubAccordion">
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbaDelhiCollapse">
<span class="small">Top MBA colleges In Delhi</span>
</button>
</h2>
<div id="mbaDelhiCollapse" class="accordion-collapse collapse" data-bs-parent="#mbaCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIM Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">FMS Delhi</a>
</div>
</div>
</div>
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbaBangaloreCollapse">
<span class="small">Top MBA Colleges In Bangalore</span>
</button>
</h2>
<div id="mbaBangaloreCollapse" class="accordion-collapse collapse" data-bs-parent="#mbaCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIM Bangalore</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">ISB Bangalore</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-primary">View More Top Cities & States</a>
</div>
</div>
</div>
<!-- Browse By Streams -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbaStreamsCollapse">
Browse By MBA Streams
</button>
</h2>
<div id="mbaStreamsCollapse" class="accordion-collapse collapse" data-bs-parent="#mbaSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">MBA in Marketing</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">MBA in Finance</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">MBA in Human Resources</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">MBA in Operations</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- MBBS Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbbsCollapse">
MBBS
</button>
</h2>
<div id="mbbsCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="mbbsSubAccordion">
<!-- Top Cities & States -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#mbbsCitiesCollapse">
Top Cities & States
</button>
</h2>
<div id="mbbsCitiesCollapse" class="accordion-collapse collapse" data-bs-parent="#mbbsSubAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="mbbsCitiesSubAccordion">
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbbsDelhiCollapse">
<span class="small">Top Medical Colleges In Delhi</span>
</button>
</h2>
<div id="mbbsDelhiCollapse" class="accordion-collapse collapse" data-bs-parent="#mbbsCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">AIIMS Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Maulana Azad Medical College</a>
</div>
</div>
</div>
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbbsMumbaiCollapse">
<span class="small">Top Medical Colleges In Mumbai</span>
</button>
</h2>
<div id="mbbsMumbaiCollapse" class="accordion-collapse collapse" data-bs-parent="#mbbsCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Grant Medical College</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Seth GS Medical College</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-primary">View More Top Cities & States</a>
</div>
</div>
</div>
<!-- NEET Info -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mbbsNeetCollapse">
NEET Information
</button>
</h2>
<div id="mbbsNeetCollapse" class="accordion-collapse collapse" data-bs-parent="#mbbsSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">NEET Cutoff</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">NEET Preparation</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">NEET Colleges</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- BBA Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bbaCollapse">
BBA
</button>
</h2>
<div id="bbaCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bbaSubAccordion">
<!-- Top Cities & States -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#bbaCitiesCollapse">
Top Cities & States
</button>
</h2>
<div id="bbaCitiesCollapse" class="accordion-collapse collapse" data-bs-parent="#bbaSubAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bbaCitiesSubAccordion">
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bbaDelhiCollapse">
<span class="small">Top BBA Colleges In Delhi</span>
</button>
</h2>
<div id="bbaDelhiCollapse" class="accordion-collapse collapse" data-bs-parent="#bbaCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Shaheed Sukhdev College</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Keshav Mahavidyalaya</a>
</div>
</div>
</div>
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bbaBangaloreCollapse">
<span class="small">Top BBA Colleges In Bangalore</span>
</button>
</h2>
<div id="bbaBangaloreCollapse" class="accordion-collapse collapse" data-bs-parent="#bbaCitiesSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Christ University</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Jain University</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-primary">View More Top Cities & States</a>
</div>
</div>
</div>
<!-- Specializations -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bbaSpecializationsCollapse">
BBA Specializations
</button>
</h2>
<div id="bbaSpecializationsCollapse" class="accordion-collapse collapse" data-bs-parent="#bbaSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">BBA in Finance</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">BBA in Marketing</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">BBA in HR</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">BBA in International Business</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- B.Pharm Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bpharmCollapse">
B.Pharm
</button>
</h2>
<div id="bpharmCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bpharmSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#bpharmCollegesCollapse">
Top Pharmacy Colleges
</button>
</h2>
<div id="bpharmCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#bpharmSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">NIPER Mohali</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">JSS College of Pharmacy</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Manipal College of Pharmaceutical Sciences</a>
</div>
</div>
</div>
<!-- Career Options -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bpharmCareersCollapse">
Career Options
</button>
</h2>
<div id="bpharmCareersCollapse" class="accordion-collapse collapse" data-bs-parent="#bpharmSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Hospital Pharmacist</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Drug Inspector</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Pharmaceutical Researcher</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- B.Sc (Nursing) Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#nursingCollapse">
B.Sc (Nursing)
</button>
</h2>
<div id="nursingCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="nursingSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#nursingCollegesCollapse">
Top Nursing Colleges
</button>
</h2>
<div id="nursingCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#nursingSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">CMC Vellore</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">AIIMS Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">PGIMER Chandigarh</a>
</div>
</div>
</div>
<!-- Specializations -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#nursingSpecializationsCollapse">
Nursing Specializations
</button>
</h2>
<div id="nursingSpecializationsCollapse" class="accordion-collapse collapse" data-bs-parent="#nursingSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Pediatric Nursing</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Cardiac Nursing</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Psychiatric Nursing</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- BCA Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bcaCollapse">
BCA
</button>
</h2>
<div id="bcaCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bcaSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#bcaCollegesCollapse">
Top BCA Colleges
</button>
</h2>
<div id="bcaCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#bcaSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Christ University</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Symbiosis Institute</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Loyola College</a>
</div>
</div>
</div>
<!-- Career Options -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bcaCareersCollapse">
Career Options
</button>
</h2>
<div id="bcaCareersCollapse" class="accordion-collapse collapse" data-bs-parent="#bcaSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Software Developer</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Web Developer</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Database Administrator</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- B.Arch Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#barchCollapse">
B.Arch
</button>
</h2>
<div id="barchCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="barchSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#barchCollegesCollapse">
Top Architecture Colleges
</button>
</h2>
<div id="barchCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#barchSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">CEPT University</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">SPA Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIT Kharagpur</a>
</div>
</div>
</div>
<!-- NATA Info -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#barchNataCollapse">
NATA Information
</button>
</h2>
<div id="barchNataCollapse" class="accordion-collapse collapse" data-bs-parent="#barchSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">NATA Syllabus</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">NATA Preparation</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">NATA Colleges</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- B.Ed Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bedCollapse">
B.Ed
</button>
</h2>
<div id="bedCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bedSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#bedCollegesCollapse">
Top B.Ed Colleges
</button>
</h2>
<div id="bedCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#bedSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Lady Irwin College</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Jamia Millia Islamia</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Banaras Hindu University</a>
</div>
</div>
</div>
<!-- Specializations -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bedSpecializationsCollapse">
B.Ed Specializations
</button>
</h2>
<div id="bedSpecializationsCollapse" class="accordion-collapse collapse" data-bs-parent="#bedSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Early Childhood Education</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Special Education</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Mathematics Education</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- M.Tech Section -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mtechCollapse">
M.Tech
</button>
</h2>
<div id="mtechCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="mtechSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#mtechCollegesCollapse">
Top Engineering Colleges
</button>
</h2>
<div id="mtechCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#mtechSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIT Bombay</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIT Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">IIT Madras</a>
</div>
</div>
</div>
<!-- Specializations -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mtechSpecializationsCollapse">
M.Tech Specializations
</button>
</h2>
<div id="mtechSpecializationsCollapse" class="accordion-collapse collapse" data-bs-parent="#mtechSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Computer Science</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Mechanical Engineering</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Electrical Engineering</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#baPsyCollapse">
B.A. (Hons) Psychology
</button>
</h2>
<div id="baPsyCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="baPsySubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#baPsyCollegesCollapse">
Top Psychology Colleges
</button>
</h2>
<div id="baPsyCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#baPsySubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Lady Shri Ram College, Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Fergusson College, Pune</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Christ University, Bangalore</a>
</div>
</div>
</div>
<!-- Career Options -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#baPsyCareersCollapse">
Career Options
</button>
</h2>
<div id="baPsyCareersCollapse" class="accordion-collapse collapse" data-bs-parent="#baPsySubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Clinical Psychology</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Counselling Psychology</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Industrial Psychology</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- bsc -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bscCsCollapse">
B.Sc (Computer Science)
</button>
</h2>
<div id="bscCsCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bscCsSubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#bscCsCollegesCollapse">
Top Colleges
</button>
</h2>
<div id="bscCsCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#bscCsSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">St. Xavier's College, Mumbai</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Christ University, Bangalore</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Loyola College, Chennai</a>
</div>
</div>
</div>
<!-- Specializations -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bscCsSpecializationsCollapse">
Specializations
</button>
</h2>
<div id="bscCsSpecializationsCollapse" class="accordion-collapse collapse" data-bs-parent="#bscCsSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Data Science</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Artificial Intelligence</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Cyber Security</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- bds -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bdsCollapse">
BDS (Dental Surgery)
</button>
</h2>
<div id="bdsCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="bdsSubAccordion">
<!-- Top Dental Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#bdsCollegesCollapse">
Top Dental Colleges
</button>
</h2>
<div id="bdsCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#bdsSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Maulana Azad Institute of Dental Sciences</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Manipal College of Dental Sciences</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Govt. Dental College, Mumbai</a>
</div>
</div>
</div>
<!-- NEET Information -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bdsNeetCollapse">
NEET Information
</button>
</h2>
<div id="bdsNeetCollapse" class="accordion-collapse collapse" data-bs-parent="#bdsSubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">NEET Cutoff for BDS</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">BDS Admission Process</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Internship Details</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
<!-- b.a -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#baPsyCollapse">
B.A. (Hons) Psychology
</button>
</h2>
<div id="baPsyCollapse" class="accordion-collapse collapse" data-bs-parent="#coursesAccordion">
<div class="accordion-body p-0">
<div class="accordion" id="baPsySubAccordion">
<!-- Top Colleges -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed text-warning fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#baPsyCollegesCollapse">
Top Psychology Colleges
</button>
</h2>
<div id="baPsyCollegesCollapse" class="accordion-collapse collapse" data-bs-parent="#baPsySubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Lady Shri Ram College, Delhi</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Fergusson College, Pune</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Christ University, Bangalore</a>
</div>
</div>
</div>
<!-- Career Options -->
<div class="accordion-item border-bottom">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#baPsyCareersCollapse">
Career Options
</button>
</h2>
<div id="baPsyCareersCollapse" class="accordion-collapse collapse" data-bs-parent="#baPsySubAccordion">
<div class="accordion-body p-0 ps-3">
<a href="#" class="d-block py-2 text-decoration-none text-dark">Clinical Psychology</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Counselling Psychology</a>
<a href="#" class="d-block py-2 text-decoration-none text-dark">Industrial Psychology</a>
</div>
</div>
</div>
</div>
<a href="#" class="d-block py-2 ps-3 text-decoration-none text-dark">College Predictor</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content with Search and Buttons -->
<div class="position-relative px-3 px-lg-4 z-10 search-bar1">
<div class="container py-5 d-md-block">
<!-- Search Bar -->
<div class="pt-4 pb-4">
<div class="container mt-4 mb-4">
<div class="container position-absolute top-50 start-50 translate-middle text-white text-center">
<h1>SEARCH FROM OVER 10000 COURSES IN INDIA</h1>
<div class="input-group mt-3 mx-auto">
<span class="input-group-text bg-white"><i class="fas fa-search text-secondary"></i></span>
<input type="text" class="form-control" placeholder="Search Course for Ex. MCA, BA Finance or B.Tech Courses" style="height: 60px;">
<button class="btn text-white" style="background-color: #f27e00;">Search</button>
</div>
<div class="d-none d-lg-flex justify-content-center mt-2 gap-2">
<a class="btn btn-sm text-white" href="#">BE/B.TECH COURSES</a>
<a class="btn btn-sm text-white border-start" href="#">MBBS COURSES</a>
<a class="btn btn-sm text-white border-start" href="#">B.SC COURSES</a>
<a class="btn btn-sm text-white border-start" href="#">B.COM COURSES</a>
<a class="btn btn-sm text-white border-start" href="#">BA COURSES</a>
<a class="btn btn-sm text-white border-start" href="#">MBA/PGDM COURSES</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mx-auto mt-5">
<h2 class="mb-2 text-uppercase fw-semibold text-primary" style="font-size: 30px; line-height: 1.5;">
DON'T know what to choose? <br>Choose by your level
</h2>
<p class="text-muted mb-2" style="font-size: 14px;">
Sikshapedia.com is an extensive search engine for students, parents, <br>
and education industry players who are seeking information.
</p>
</div>
<div class="container mt-4 mb-4">
<div class="row g-4">
<!-- Card 1 -->
<div class="col-md-6">
<div class="card h-100 shadow-sm">
<div class="row g-0">
<div class="col-4">
<img src="./assets/course/images1.jpg" class="img-fluid rounded-start h-100" alt="After 10th Courses">
</div>
<div class="col-8">
<div class="card-body d-flex flex-column justify-content-between">
<div>
<span class="badge bg-warning text-dark">After 10th Courses</span>
<h5 class="card-title mt-2">Applicable for Diploma courses & Certification courses</h5>
<p class="card-text text-muted">Build your career after 10th.</p>
</div>
<div class="mt-2">
<a href="#" class="badge bg-warning text-dark">16 ITI</a>
<a href="#" class="badge bg-warning text-dark">4 Arts</a>
<a href="#" class="badge bg-warning text-dark">2 Dental</a>
<a href="#" class="badge bg-warning text-dark">1 Animation</a>
<a href="#" class="badge bg-warning text-dark">1 Hotel Management</a>
<a href="#" class="badge bg-warning text-dark">1 Vocational Course</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="col-md-6">
<div class="card h-100 shadow-sm">
<div class="row g-0">
<div class="col-4">
<img src="./assets/course/images2.jpg" class="img-fluid rounded-start h-100" alt="After 10+2 Courses">
</div>
<div class="col-8">
<div class="card-body d-flex flex-column justify-content-between">
<div>
<span class="badge bg-warning text-dark">After 10+2 Courses</span>
<h5 class="card-title mt-2">Applicable for Degree courses, Diploma courses & Certification courses</h5>
<p class="card-text text-muted">Advanced degrees after 12th.</p>
</div>
<div class="mt-2">
<a href="#" class="badge bg-warning text-dark">206 Engineering</a>
<a href="#" class="badge bg-warning text-dark">145 Arts</a>
<a href="#" class="badge bg-warning text-dark">135 Science</a>
<a href="#" class="badge bg-warning text-dark">79 Management</a>
<a href="#" class="badge bg-warning text-dark">31 Commerce</a>
<a href="#" class="badge bg-warning text-dark">26 Education</a>
<a href="#" class="badge bg-warning text-dark">34 Medical</a>
<a href="#" class="badge bg-warning text-dark">32 Paramedical</a>
<a href="#" class="badge bg-warning text-dark">30 Design</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter Subscription -->
<div class="newsletter">
<h3 class="text-white">SUBSCRIBE TO OUR NEWS LETTER</h3>
<p class="text-primary">COLLEGE NOTIFICATIONS • EXAM NOTIFICATIONS • NEWS UPDATES</p>
<div class="container">
<div class="row">
<div class="col-md-4">
<input type="email" class="form-control" placeholder="ENTER YOUR EMAIL ID">
</div>
<div class="col-md-3">
<input type="text" class="form-control" placeholder="+91 ENTER YOUR MOBILE NO">
</div>
<div class="col-md-3">
<select class="form-control">
<option>CHOOSE YOUR COURSE</option>
<option>MBA</option>
<option>B.Tech</option>
<option>MCA</option>
</select>
</div>
<div class="col-md-2">
<button class="btn btn-submit">SUBMIT</button>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<footer class="footer">
<div class="container">
<div class="row">
<!-- Top Colleges -->
<div class="col-md-2 col-6">
<h6>TOP COLLEGES</h6>
<ul>
<li><a href="#">M.B.A</a></li>
<li><a href="#">B.TECH/B.E</a></li>
<li><a href="#">MCA</a></li>
<li><a href="#">BCA</a></li>
<li><a href="#">M.TECH</a></li>
<li><a href="#">MA</a></li>
<li><a href="#">BA</a></li>
</ul>
</div>
<!-- Top Universities -->
<div class="col-md-2 col-6">
<h6>TOP UNIVERSITIES</h6>
<ul>
<li><a href="#">ENGINEERING</a></li>
<li><a href="#">MANAGEMENT</a></li>
<li><a href="#">MEDICAL</a></li>
<li><a href="#">LAW</a></li>
<li><a href="#">COMMERCE</a></li>
<li><a href="#">SCIENCE</a></li>
<li><a href="#">ARTS</a></li>
</ul>
</div>
<!-- Top Exams -->
<div class="col-md-2 col-6">
<h6>TOP EXAMS</h6>
<ul>
<li><a href="#">CAT</a></li>
<li><a href="#">GATE</a></li>
<li><a href="#">JEE-MAIN</a></li>
<li><a href="#">NEET</a></li>
<li><a href="#">XAT</a></li>
<li><a href="#">CLAT</a></li>
<li><a href="#">MAT</a></li>
</ul>
</div>
<!-- Study Abroad -->
<div class="col-md-2 col-6">
<h6>STUDY ABROAD</h6>
<ul>
<li><a href="#">CANADA</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">UK</a></li>
<li><a href="#">UAE</a></li>
<li><a href="#">AUSTRALIA</a></li>
<li><a href="#">GERMANY</a></li>
<li><a href="#">SWEDEN</a></li>
</ul>
</div>
<div class="col-md-2 col-6">
<h6></h6>
<ul>
<li><a href="#">CANADA</a></li>
<li><a href="#">USA</a></li>
<li><a href="#">UK</a></li>
<li><a href="#">UAE</a></li>
<li><a href="#">AUSTRALIA</a></li>
<li><a href="#">GERMANY</a></li>
<li><a href="#">SWEDEN</a></li>
</ul>
</div>
<div class="col-md-2 col-6">
<h6>OTHER LINKS</h6>
<ul>
<li><a href="#">ABOUT Sikshapedia</a></li>
<li><a href="#">CONTACT US</a></li>
<li><a href="#">ADVERTISING</a></li>
<li><a href="#">CAREER</a></li>
<li><a href="#">TERMS & CONDITIONS</a></li>
</ul>
</div>
</div>
<hr class="text-white">
<!-- Additional Links & Social Media -->
<div class="row">
<div class="col-md-4 col-6">
<h6>Download the Sikshapedia app on</h6>
</div>
<!-- App Download -->
<div class="col-md-2 col-6 text-center download-app">
<a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Google Play"></a>
<!-- <a href="#"><img src="https://upload.wikimedia.org/wikipedia/commons/a/ab/Apple-logo.png" alt="App Store"></a> -->
</div>
<!-- Social Media -->
<div class="col-md-6 text-md-end social-icons">
<h6>Follow us on</h6>
<a href="#"><i class="bi bi-facebook"></i></a>
<a href="#"><i class="bi bi-instagram"></i></a>
<a href="#"><i class="bi bi-twitter-x"></i></a>
<a href="#"><i class="bi bi-youtube"></i></a>
<a href="#"><i class="bi bi-linkedin"></i></a>
<a href="#"><i class="bi bi-rss"></i></a>
</div>
</div>
</div>
</footer>
<!-- Footer Bottom -->
<div class="footer-bottom bg-dark text-white py-3">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-12 text-center text-md-start">
<img src="./img/sikshapedia-footer.png" alt="Footer Logo" class="img-fluid" style="max-height: 40px;">
</div>
<div class="col-md-6 col-12 text-center text-md-end">
© 2025 Sikshapedia All Rights Reserved
</div>
</div>
</div>
</div>
<script src="./js/main.js"></script>
<script>
document.querySelectorAll('.rating-btn').forEach(button => {
button.addEventListener('click', function () {
document.querySelectorAll('.rating-btn').forEach(btn => btn.classList.remove('active'));
this.classList.add('active');
});
});
document.getElementById('feedback').addEventListener('input', function () {
let count = this.value.length;
if (count > 300) {
this.value = this.value.substring(0, 300);
count = 300;
}
document.getElementById('charCount').textContent = count;
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>