| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Shiksha.com - Discover Colleges, Courses & Exams for Higher Education in India</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .dropdown:hover .dropdown-menu { |
| display: block; |
| } |
| .mobile-menu { |
| transition: all 0.3s ease; |
| } |
| .search-box { |
| background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>'); |
| background-repeat: no-repeat; |
| background-position: 10px center; |
| background-size: 20px; |
| } |
| .news-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); |
| } |
| </style> |
| </head> |
| <body class="font-sans bg-gray-50"> |
| |
| <div class="bg-blue-900 text-white py-2 px-4 hidden md:block"> |
| <div class="container mx-auto flex justify-between items-center"> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-sm hover:text-blue-200"><i class="fas fa-phone-alt mr-1"></i> 8826978461</a> |
| <a href="#" class="text-sm hover:text-blue-200"><i class="fas fa-envelope mr-1"></i> Contact Us</a> |
| </div> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-sm hover:text-blue-200"><i class="fas fa-pen mr-1"></i> Write Review</a> |
| <div class="flex space-x-2"> |
| <a href="#" class="hover:text-blue-200"><i class="fab fa-facebook-f"></i></a> |
| <a href="#" class="hover:text-blue-200"><i class="fab fa-twitter"></i></a> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <header class="bg-white shadow-sm sticky top-0 z-50"> |
| <div class="container mx-auto px-4 py-3"> |
| <div class="flex justify-between items-center"> |
| |
| <div class="flex items-center"> |
| <a href="#" class="text-2xl font-bold text-blue-800">Shiksha.com</a> |
| </div> |
| |
| |
| <div class="hidden md:flex flex-1 mx-8"> |
| <div class="relative w-full max-w-xl"> |
| <input type="text" placeholder="Search Colleges, Courses, Exams, QnA, & Articles" |
| class="w-full py-2 px-4 pl-10 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent search-box"> |
| <button class="absolute right-0 top-0 h-full px-4 text-gray-600"> |
| <i class="fas fa-search"></i> |
| </button> |
| </div> |
| </div> |
| |
| |
| <div class="hidden md:flex space-x-4"> |
| <a href="#" class="px-4 py-2 text-blue-800 font-medium hover:text-blue-600">Login</a> |
| <a href="#" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">Sign Up</a> |
| </div> |
| |
| |
| <button class="md:hidden text-gray-600 focus:outline-none" id="mobile-menu-button"> |
| <i class="fas fa-bars text-2xl"></i> |
| </button> |
| </div> |
| |
| |
| <div class="mt-3 md:hidden"> |
| <div class="relative"> |
| <input type="text" placeholder="Search Colleges, Courses, Exams..." |
| class="w-full py-2 px-4 pl-10 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent search-box"> |
| <button class="absolute right-0 top-0 h-full px-4 text-gray-600"> |
| <i class="fas fa-search"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| |
| <nav class="bg-blue-800 text-white hidden md:block"> |
| <div class="container mx-auto px-4"> |
| <ul class="flex space-x-1"> |
| <li class="dropdown relative group"> |
| <a href="#" class="block py-3 px-4 hover:bg-blue-700">MBA <i class="fas fa-chevron-down text-xs ml-1"></i></a> |
| <div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded-md mt-0 w-48 z-50"> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Top MBA Colleges</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">MBA Colleges</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Executive MBA</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">MBA Exams</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Online MBA</a> |
| </div> |
| </li> |
| <li class="dropdown relative group"> |
| <a href="#" class="block py-3 px-4 hover:bg-blue-700">Engineering <i class="fas fa-chevron-down text-xs ml-1"></i></a> |
| <div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded-md mt-0 w-48 z-50"> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Top Engineering Colleges</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Engineering Colleges</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Engineering Exams</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">JEE Main</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">JEE Advanced</a> |
| </div> |
| </li> |
| <li class="dropdown relative group"> |
| <a href="#" class="block py-3 px-4 hover:bg-blue-700">Medical <i class="fas fa-chevron-down text-xs ml-1"></i></a> |
| <div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded-md mt-0 w-48 z-50"> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">NEET UG</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">NEET PG</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Top Medical Colleges</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Medical Colleges</a> |
| </div> |
| </li> |
| <li class="dropdown relative group"> |
| <a href="#" class="block py-3 px-4 hover:bg-blue-700">Design <i class="fas fa-chevron-down text-xs ml-1"></i></a> |
| <div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded-md mt-0 w-48 z-50"> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Animation</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Fashion Designing</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Interior Design</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Graphic Design</a> |
| </div> |
| </li> |
| <li class="dropdown relative group"> |
| <a href="#" class="block py-3 px-4 hover:bg-blue-700">More <i class="fas fa-chevron-down text-xs ml-1"></i></a> |
| <div class="dropdown-menu absolute hidden group-hover:block bg-white text-gray-800 shadow-lg rounded-md mt-0 w-48 z-50"> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Law</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Hotel Management</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Mass Communication</a> |
| <a href="#" class="block px-4 py-2 hover:bg-gray-100">Sarkari Exams</a> |
| </div> |
| </li> |
| </ul> |
| </div> |
| </nav> |
| </header> |
|
|
| |
| <div id="mobile-menu" class="mobile-menu hidden md:hidden bg-white fixed inset-0 z-50 overflow-y-auto"> |
| <div class="flex justify-between items-center p-4 border-b"> |
| <div class="text-xl font-bold text-blue-800">Menu</div> |
| <button id="close-mobile-menu" class="text-gray-600 focus:outline-none"> |
| <i class="fas fa-times text-2xl"></i> |
| </button> |
| </div> |
| <div class="p-4"> |
| <div class="mb-6"> |
| <a href="#" class="block py-2 px-4 bg-blue-100 text-blue-800 rounded-md">Login</a> |
| <a href="#" class="block py-2 px-4 mt-2 bg-blue-600 text-white rounded-md">Sign Up</a> |
| </div> |
| |
| <div class="space-y-2"> |
| <div class="accordion"> |
| <button class="accordion-btn flex justify-between items-center w-full py-2 px-4 bg-gray-100 rounded-md"> |
| <span>MBA</span> |
| <i class="fas fa-chevron-down text-xs"></i> |
| </button> |
| <div class="accordion-content hidden pl-4 mt-2 space-y-2"> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Top MBA Colleges</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">MBA Colleges</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Executive MBA</a> |
| </div> |
| </div> |
| |
| <div class="accordion"> |
| <button class="accordion-btn flex justify-between items-center w-full py-2 px-4 bg-gray-100 rounded-md"> |
| <span>Engineering</span> |
| <i class="fas fa-chevron-down text-xs"></i> |
| </button> |
| <div class="accordion-content hidden pl-4 mt-2 space-y-2"> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Top Engineering Colleges</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Engineering Colleges</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">JEE Main</a> |
| </div> |
| </div> |
| |
| <div class="accordion"> |
| <button class="accordion-btn flex justify-between items-center w-full py-2 px-4 bg-gray-100 rounded-md"> |
| <span>Medical</span> |
| <i class="fas fa-chevron-down text-xs"></i> |
| </button> |
| <div class="accordion-content hidden pl-4 mt-2 space-y-2"> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">NEET UG</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">NEET PG</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Top Medical Colleges</a> |
| </div> |
| </div> |
| |
| <div class="accordion"> |
| <button class="accordion-btn flex justify-between items-center w-full py-2 px-4 bg-gray-100 rounded-md"> |
| <span>Design</span> |
| <i class="fas fa-chevron-down text-xs"></i> |
| </button> |
| <div class="accordion-content hidden pl-4 mt-2 space-y-2"> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Animation</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Fashion Designing</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Interior Design</a> |
| </div> |
| </div> |
| |
| <div class="accordion"> |
| <button class="accordion-btn flex justify-between items-center w-full py-2 px-4 bg-gray-100 rounded-md"> |
| <span>More</span> |
| <i class="fas fa-chevron-down text-xs"></i> |
| </button> |
| <div class="accordion-content hidden pl-4 mt-2 space-y-2"> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Law</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Hotel Management</a> |
| <a href="#" class="block py-2 px-4 hover:bg-gray-100 rounded">Sarkari Exams</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <section class="bg-gradient-to-r from-blue-800 to-blue-600 text-white py-12"> |
| <div class="container mx-auto px-4"> |
| <div class="max-w-3xl mx-auto text-center"> |
| <h1 class="text-3xl md:text-4xl font-bold mb-4">Discover Colleges, Courses & Exams for Higher Education in India</h1> |
| <p class="text-lg mb-8">Find the best educational institutions and career paths that match your aspirations</p> |
| |
| <div class="bg-white rounded-full p-1 max-w-xl mx-auto"> |
| <div class="flex"> |
| <input type="text" placeholder="Search Colleges, Courses, Exams..." |
| class="flex-grow py-3 px-6 rounded-l-full text-gray-800 focus:outline-none"> |
| <button class="bg-blue-600 text-white px-6 rounded-r-full hover:bg-blue-700"> |
| <i class="fas fa-search"></i> Search |
| </button> |
| </div> |
| </div> |
| |
| <div class="mt-8 flex flex-wrap justify-center gap-4"> |
| <div class="bg-white bg-opacity-20 px-4 py-2 rounded-full flex items-center"> |
| <i class="fas fa-graduation-cap mr-2"></i> 65,000+ Colleges |
| </div> |
| <div class="bg-white bg-opacity-20 px-4 py-2 rounded-full flex items-center"> |
| <i class="fas fa-book mr-2"></i> 4,60,000+ Courses |
| </div> |
| <div class="bg-white bg-opacity-20 px-4 py-2 rounded-full flex items-center"> |
| <i class="fas fa-star mr-2"></i> 6,65,000+ Reviews |
| </div> |
| <div class="bg-white bg-opacity-20 px-4 py-2 rounded-full flex items-center"> |
| <i class="fas fa-file-alt mr-2"></i> 1,100+ Exams |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-8 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
| <a href="#" class="bg-gray-50 hover:bg-blue-50 border border-gray-200 rounded-lg p-4 text-center transition-all"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-university text-3xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">Find Colleges</h3> |
| <p class="text-sm text-gray-600 mt-1">Search by location, courses & more</p> |
| </a> |
| <a href="#" class="bg-gray-50 hover:bg-blue-50 border border-gray-200 rounded-lg p-4 text-center transition-all"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-book-open text-3xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">Browse Courses</h3> |
| <p class="text-sm text-gray-600 mt-1">Discover your perfect career path</p> |
| </a> |
| <a href="#" class="bg-gray-50 hover:bg-blue-50 border border-gray-200 rounded-lg p-4 text-center transition-all"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-3xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">Exam Preparation</h3> |
| <p class="text-sm text-gray-600 mt-1">Get ready for entrance exams</p> |
| </a> |
| <a href="#" class="bg-gray-50 hover:bg-blue-50 border border-gray-200 rounded-lg p-4 text-center transition-all"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-comments text-3xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">Ask Questions</h3> |
| <p class="text-sm text-gray-600 mt-1">Get answers from experts</p> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Explore Popular Programs</h2> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <div class="bg-blue-800 text-white p-4"> |
| <h3 class="font-bold text-lg">MBA</h3> |
| <p class="text-sm opacity-80">Master of Business Administration</p> |
| </div> |
| <div class="p-4"> |
| <ul class="space-y-2"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>Top Ranked Colleges</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>Popular Specializations</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>College Predictors</span> |
| </li> |
| </ul> |
| <a href="#" class="mt-4 inline-block text-blue-600 hover:text-blue-800 font-medium"> |
| Explore MBA <i class="fas fa-arrow-right ml-1"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <div class="bg-blue-700 text-white p-4"> |
| <h3 class="font-bold text-lg">Engineering</h3> |
| <p class="text-sm opacity-80">B.Tech & M.Tech Programs</p> |
| </div> |
| <div class="p-4"> |
| <ul class="space-y-2"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>JEE Main & Advanced</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>Top IITs & NITs</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>College Predictors</span> |
| </li> |
| </ul> |
| <a href="#" class="mt-4 inline-block text-blue-600 hover:text-blue-800 font-medium"> |
| Explore Engineering <i class="fas fa-arrow-right ml-1"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <div class="bg-blue-600 text-white p-4"> |
| <h3 class="font-bold text-lg">Medical</h3> |
| <p class="text-sm opacity-80">MBBS & Allied Health Sciences</p> |
| </div> |
| <div class="p-4"> |
| <ul class="space-y-2"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>NEET UG & PG</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>Top Medical Colleges</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>College Predictors</span> |
| </li> |
| </ul> |
| <a href="#" class="mt-4 inline-block text-blue-600 hover:text-blue-800 font-medium"> |
| Explore Medical <i class="fas fa-arrow-right ml-1"></i> |
| </a> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <div class="bg-blue-500 text-white p-4"> |
| <h3 class="font-bold text-lg">Design</h3> |
| <p class="text-sm opacity-80">Fashion, Interior & More</p> |
| </div> |
| <div class="p-4"> |
| <ul class="space-y-2"> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>NIFT & NID Entrance</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>Top Design Colleges</span> |
| </li> |
| <li class="flex items-center"> |
| <i class="fas fa-check-circle text-green-500 mr-2"></i> |
| <span>Portfolio Guidance</span> |
| </li> |
| </ul> |
| <a href="#" class="mt-4 inline-block text-blue-600 hover:text-blue-800 font-medium"> |
| Explore Design <i class="fas fa-arrow-right ml-1"></i> |
| </a> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="#" class="inline-flex items-center px-6 py-3 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition-colors"> |
| View All Programs <i class="fas fa-chevron-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="flex justify-between items-center mb-8"> |
| <h2 class="text-2xl font-bold text-gray-800">Latest News & Articles</h2> |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">View All Updates <i class="fas fa-arrow-right ml-1"></i></a> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition-all duration-300"> |
| <img src="https://images.shiksha.com/mediadata/images/articles/1751629268php9gWkHY_b.jpeg" alt="UGC NET 2025" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2 text-gray-800">UGC NET 2025 Answer Key Link Soon @ugcnet.nta.ac.in</h3> |
| <p class="text-gray-600 text-sm mb-3">The National Testing Agency (NTA) will soon release the UGC NET 2025 Provisional Answer Key at ugcnet.nta.ac.in.</p> |
| <div class="flex justify-between items-center text-sm text-gray-500"> |
| <span>Shikha Goyal</span> |
| <span>Jul 5, 2025</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition-all duration-300"> |
| <img src="https://images.shiksha.com/mediadata/images/articles/1751448645php8IdKjk_b.jpeg" alt="AIBE 20 Exam" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2 text-gray-800">AIBE 20 Exam Date 2025 Live Updates</h3> |
| <p class="text-gray-600 text-sm mb-3">AIBE 20 exam date 2025 has been eagerly awaited by the candidates, The BCI will release the AIBE 20 (XX) Dates...</p> |
| <div class="flex justify-between items-center text-sm text-gray-500"> |
| <span>Anupama Mehra</span> |
| <span>Jul 5, 2025</span> |
| </div> |
| <div class="mt-3 flex items-center text-sm"> |
| <span class="text-gray-500 mr-4">2 Shares</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition-all duration-300"> |
| <img src="https://images.shiksha.com/mediadata/images/articles/1751524006phpSLznIJ_b.jpeg" alt="Karnataka MBBS" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2 text-gray-800">Karnataka MBBS Admissions 2025: Live Updates</h3> |
| <p class="text-gray-600 text-sm mb-3">Karnataka MBBS admissions for 2025 are being conducted based on NEET UG 2025 results...</p> |
| <div class="flex justify-between items-center text-sm text-gray-500"> |
| <span>Aashi Rastogi</span> |
| <span>Jul 5, 2025</span> |
| </div> |
| <div class="mt-3 flex items-center text-sm"> |
| <span class="text-gray-500 mr-4">1 Comments</span> |
| <span class="text-gray-500">5 Shares</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Top Exams This Month</h2> |
| |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4"> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">UPCATET</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">RRB NTPC</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">MHT CET</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">NEET</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">OJEE</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">TSLAWCET</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">RIE CEE</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">NIFT Entrance</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">CPGET</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-file-alt text-2xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800">JoSAA</h3> |
| </a> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="#" class="inline-flex items-center px-6 py-3 border border-blue-600 text-blue-600 rounded-full hover:bg-blue-50 transition-colors"> |
| View All Exams <i class="fas fa-chevron-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-white"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Predict Colleges Based on Exams</h2> |
| |
| <div class="relative"> |
| <div class="overflow-x-auto pb-4"> |
| <div class="flex space-x-4" style="min-width: 1000px;"> |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/medical.jpg" alt="Medical" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">Medical</h3> |
| <p class="text-sm text-gray-600 mt-1">87 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/be_btech.jpg" alt="M.Tech" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">M.Tech</h3> |
| <p class="text-sm text-gray-600 mt-1">32 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/design.jpg" alt="Design" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">Design</h3> |
| <p class="text-sm text-gray-600 mt-1">10 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/law.jpg" alt="Law" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">Law</h3> |
| <p class="text-sm text-gray-600 mt-1">29 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/hospitality.jpg" alt="Hospitality" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">Hospitality</h3> |
| <p class="text-sm text-gray-600 mt-1">8 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/medical.jpg" alt="Science" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">Science</h3> |
| <p class="text-sm text-gray-600 mt-1">40 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/be_btech.jpg" alt="B.Tech" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">B.Tech</h3> |
| <p class="text-sm text-gray-600 mt-1">40 Exams</p> |
| </div> |
| </a> |
| </div> |
| |
| |
| <div class="w-48 flex-shrink-0"> |
| <a href="#" class="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.ws/pwa/public/images/predictors/mba.jpg" alt="MBA" class="w-full h-32 object-cover"> |
| <div class="p-4 text-center"> |
| <h3 class="font-bold text-gray-800">MBA</h3> |
| <p class="text-sm text-gray-600 mt-1">32 Exams</p> |
| </div> |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="#" class="inline-flex items-center px-6 py-3 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition-colors"> |
| Explore All Predictors <i class="fas fa-chevron-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Trending Courses</h2> |
| |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4"> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-flask text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">After 12th - Science</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-paint-brush text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">After 12th - Arts</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-calculator text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">After 12th - Commerce</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-user-nurse text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">B.Sc Nursing</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-chalkboard-teacher text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">B.Ed</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-school text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">D.El.Ed</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-briefcase-medical text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">GNM Course</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-laptop-code text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">B Tech</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-desktop text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">BCA</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-gavel text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">LL.B.</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-atom text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">BSc</h3> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-sm p-4 text-center hover:shadow-md transition-shadow"> |
| <div class="text-blue-600 mb-2"> |
| <i class="fas fa-pills text-xl"></i> |
| </div> |
| <h3 class="font-medium text-gray-800 text-sm">B Pharmacy</h3> |
| </a> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="#" class="inline-flex items-center px-6 py-3 border border-blue-600 text-blue-600 rounded-full hover:bg-blue-50 transition-colors"> |
| View All Courses <i class="fas fa-chevron-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-white"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Top Boards in India</h2> |
| |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4"> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">Karnataka 2nd PUC</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">CBSE 12th</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">Kerala 12th</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">Karnataka SSLC</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">Maharashtra HSC</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">TS SSC</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">CBSE 10th</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">NIOS 10th</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">BSEB 12th</h3> |
| </a> |
| <a href="#" class="bg-gray-50 rounded-lg p-4 text-center hover:bg-gray-100 transition-colors"> |
| <h3 class="font-medium text-gray-800">GSEB HSC</h3> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-gray-50"> |
| <div class="container mx-auto px-4"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Trending Colleges & Universities</h2> |
| |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="MIT WPU" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">MIT WPU</h3> |
| <p class="text-sm text-gray-600 mt-1">Pune, Maharashtra</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="Amity Noida" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">Amity Noida</h3> |
| <p class="text-sm text-gray-600 mt-1">Noida, Uttar Pradesh</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="LPU" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">Lovely Professional University</h3> |
| <p class="text-sm text-gray-600 mt-1">Jalandhar, Punjab</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediata/images/1594027554php5mKbzA.jpeg" alt="COEP" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">College of Engineering</h3> |
| <p class="text-sm text-gray-600 mt-1">Pune, Maharashtra</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="Parul University" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">Parul University</h3> |
| <p class="text-sm text-gray-600 mt-1">Vadodara, Gujarat</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="GGSIPU" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">GGSIPU</h3> |
| <p class="text-sm text-gray-600 mt-1">Delhi</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="BHU" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">Banaras Hindu University</h3> |
| <p class="text-sm text-gray-600 mt-1">Varanasi, Uttar Pradesh</p> |
| </div> |
| </a> |
| <a href="#" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow"> |
| <img src="https://images.shiksha.com/mediadata/images/1594027554php5mKbzA.jpeg" alt="DU" class="w-full h-40 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-gray-800">Delhi University</h3> |
| <p class="text-sm text-gray-600 mt-1">Delhi</p> |
| </div> |
| </a> |
| </div> |
| |
| <div class="mt-8 text-center"> |
| <a href="#" class="inline-flex items-center px-6 py-3 bg-blue-600 text-white rounded-full hover:bg-blue-700 transition-colors"> |
| View All Colleges <i class="fas fa-chevron-right ml-2"></i> |
| </a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="flex justify-between items-center mb-8"> |
| <h2 class="text-2xl font-bold text-gray-800">Featured Articles</h2> |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium">View All Articles <i class="fas fa-arrow-right ml-1"></i></a> |
| </div> |
| |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition-all duration-300"> |
| <img src="https://images.shiksha.com/mediadata/images/articles/1751524006phpSLznIJ_b.jpeg" alt="Karnataka MBBS" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2 text-gray-800">Karnataka MBBS Admissions 2025</h3> |
| <p class="text-gray-600 text-sm mb-3">Karnataka MBBS admissions for 2025 are being conducted based on NEET UG 2025 results...</p> |
| <div class="flex justify-between items-center text-sm text-gray-500"> |
| <span>Aashi Rastogi</span> |
| <span>Jul 5, 2025</span> |
| </div> |
| <div class="mt-3 flex items-center text-sm"> |
| <span class="text-gray-500 mr-4">1 Comments</span> |
| <span class="text-gray-500">5 Shares</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition-all duration-300"> |
| <img src="https://images.shiksha.com/mediadata/images/articles/1751629268php9gWkHY_b.jpeg" alt="UGC NET 2025" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2 text-gray-800">UGC NET 2025 Answer Key</h3> |
| <p class="text-gray-600 text-sm mb-3">The National Testing Agency (NTA) will soon release the UGC NET 2025 Provisional Answer Key...</p> |
| <div class="flex justify-between items-center text-sm text-gray-500"> |
| <span>Shikha Goyal</span> |
| <span>Jul 5, 2025</span> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="bg-white rounded-lg shadow-md overflow-hidden news-card transition-all duration-300"> |
| <img src="https://images.shiksha.com/mediadata/images/articles/1751521167phpJ8yKso_b.jpeg" alt="MBA Admissions" class="w-full h-48 object-cover"> |
| <div class="p-4"> |
| <h3 class="font-bold text-lg mb-2 text-gray-800">MBA Admissions 2025 in Maharashtra</h3> |
| <p class="text-gray-600 text-sm mb-3">MAH MBA CAP 2025 round registration has started and the last date to apply is July 8, 2025...</p> |
| <div class="flex justify-between items-center text-sm text-gray-500"> |
| <span>Saumya Srivastava</span> |
| <span>Jul 5, 2025</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-12 bg-blue-50"> |
| <div class="container mx-auto px-4"> |
| <div class="bg-white rounded-lg shadow-md p-6 md:p-8 max-w-4xl mx-auto"> |
| <h2 class="text-2xl font-bold text-gray-800 mb-4">Get Our Experts to Answer Your Questions Within 24 Hrs</h2> |
| <p class="text-gray-600 mb-6">Have doubts about colleges, courses or admissions? Our education experts are here to help you.</p> |
| |
| <div class="bg-gray-50 rounded-lg p-4"> |
| <textarea placeholder="Write your questions here..." class="w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" rows="4"></textarea> |
| <div class="mt-4 flex justify-end"> |
| <button class="px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors"> |
| Ask Question |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white pt-12 pb-6"> |
| <div class="container mx-auto px-4"> |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8"> |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">MBA</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">MBA</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Top MBA Colleges</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">MBA Colleges</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Executive MBA Colleges</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">MBA Exams</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">CAT</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">MAT</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Online MBA</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Engineering</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">Engineering</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Top Engineering Colleges</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Engineering Colleges</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Engineering Exams</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">JEE Main</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">JEE Advanced</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Engineering College Predictors</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Study Abroad</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">Study Abroad Home</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">BTech abroad</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">MBA abroad</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">MS abroad</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">GRE</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">GMAT</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">SAT</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">IELTS</a></li> |
| </ul> |
| </div> |
| |
| |
| <div> |
| <h3 class="text-lg font-bold mb-4">Shiksha Online</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white">Free Online courses</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Free Government courses</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Data Science Courses</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Artificial Intelligence Courses</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Machine Learning Courses</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">Cloud Computing Courses</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white">AWS Certification</a></li> |
| </ul> |
| </div> |
| </div> |
| |
| <div class="border-t border-gray-800 pt-8"> |
| <div class="flex flex-col md:flex-row justify-between items-center"> |
| <div class="mb-4 md:mb-0"> |
| <a href="#" class="text-2xl font-bold text-white">Shiksha.com</a> |
| </div> |
| |
| <div class="flex space-x-4 mb-4 md:mb-0"> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i class="fab fa-facebook-f"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i class="fab fa-twitter"></i> |
| </a> |
| </div> |
| |
| <div class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-white text-sm">Privacy</a> |
| <a href="#" class="text-gray-400 hover:text-white text-sm">Terms & Conditions</a> |
| <a href="#" class="text-gray-400 hover:text-white text-sm">Sitemap</a> |
| </div> |
| </div> |
| |
| <div class="mt-6 text-center text-gray-500 text-sm"> |
| <p>Trade Marks belong to the respective owners. Copyright © 2025 Info edge India Ltd. All rights reserved.</p> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| const mobileMenuButton = document.getElementById('mobile-menu-button'); |
| const mobileMenu = document.getElementById('mobile-menu'); |
| const closeMobileMenu = document.getElementById('close-mobile-menu'); |
| |
| mobileMenuButton.addEventListener('click', () => { |
| mobileMenu.classList.remove('hidden'); |
| document.body.style.overflow = 'hidden'; |
| }); |
| |
| closeMobileMenu.addEventListener('click', () => { |
| mobileMenu.classList.add('hidden'); |
| document.body.style.overflow = 'auto'; |
| }); |
| |
| |
| const accordionButtons = document.querySelectorAll('.accordion-btn'); |
| |
| accordionButtons.forEach(button => { |
| button.addEventListener('click', () => { |
| const content = button.nextElementSibling; |
| const icon = button.querySelector('i'); |
| |
| if (content.classList.contains('hidden')) { |
| content.classList.remove('hidden'); |
| icon.classList.remove('fa-chevron-down'); |
| icon.classList.add('fa-chevron-up'); |
| } else { |
| content.classList.add('hidden'); |
| icon.classList.remove('fa-chevron-up'); |
| icon.classList.add('fa-chevron-down'); |
| } |
| }); |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=itnvijay/shiksha" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
