Active Coaching Classes | Expert Guidance for Academic Excellence<\/title>\r\n <style>\r\n :root {\r\n --primary-blue: #1e3a8a;\r\n --secondary-blue: #2563eb;\r\n --light-blue: #dbeafe;\r\n --accent-orange: #f97316;\r\n --light-orange: #fed7aa;\r\n --white: #ffffff;\r\n --dark-gray: #1f2937;\r\n --light-gray: #f3f4f6;\r\n --medium-gray: #9ca3af;\r\n --success-green: #10b981;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-gray);\r\n background-color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============ NAVBAR ============ *\/\r\n .navbar {\r\n position: sticky;\r\n top: 0;\r\n background: var(--white);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\r\n z-index: 1000;\r\n transition: var(--transition);\r\n }\r\n\r\n .navbar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0.75rem 1.5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .logo:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 2rem;\r\n list-style: none;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: var(--dark-gray);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 2px;\r\n bottom: -4px;\r\n left: 0;\r\n background: var(--secondary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));\r\n color: var(--white);\r\n padding: 0.6rem 1.4rem;\r\n border-radius: 6px;\r\n transition: var(--transition);\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--primary-blue);\r\n margin: 4px 0;\r\n border-radius: 2px;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* ============ HERO SECTION ============ *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n color: var(--white);\r\n padding: 4rem 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: -50px;\r\n width: 300px;\r\n height: 300px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n animation: float 8s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(20px); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n animation: slideUp 0.8s ease-out;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 0.9rem 2.2rem;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #ea580c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--white);\r\n color: var(--primary-blue);\r\n border: 2px solid var(--white);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: transparent;\r\n color: var(--white);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .highlights {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .highlight-item {\r\n text-align: center;\r\n animation: slideUp 0.8s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .highlight-item:nth-child(2) { animation-delay: 0.1s; }\r\n .highlight-item:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n .highlight-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .highlight-item h3 {\r\n font-size: 1.1rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .highlight-item p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ============ SECTION STYLES ============ *\/\r\n .section {\r\n padding: 4rem 1.5rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--medium-gray);\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* ============ ABOUT SECTION ============ *\/\r\n .about-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n }\r\n\r\n .about-text h3 {\r\n font-size: 1.5rem;\r\n color: var(--secondary-blue);\r\n margin-bottom: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .mission-vision {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .mission-card, .vision-card {\r\n background: linear-gradient(135deg, var(--light-blue) 0%, rgba(219, 234, 254, 0.5) 100%);\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n border-left: 4px solid var(--secondary-blue);\r\n }\r\n\r\n .vision-card {\r\n background: linear-gradient(135deg, var(--light-orange) 0%, rgba(254, 215, 170, 0.5) 100%);\r\n border-left-color: var(--accent-orange);\r\n }\r\n\r\n .mission-card h4, .vision-card h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .about-image {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 12px;\r\n height: 400px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 4rem;\r\n }\r\n\r\n \/* ============ COURSES SECTION ============ *\/\r\n .courses-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .course-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .course-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--secondary-blue), var(--accent-orange));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: var(--transition);\r\n }\r\n\r\n .course-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .course-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.15);\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .course-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .course-card h3 {\r\n font-size: 1.5rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .course-card p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .course-details {\r\n list-style: none;\r\n margin: 1rem 0;\r\n }\r\n\r\n .course-details li {\r\n padding: 0.4rem 0;\r\n color: var(--dark-gray);\r\n font-size: 0.95rem;\r\n padding-left: 1.5rem;\r\n position: relative;\r\n }\r\n\r\n .course-details li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--success-green);\r\n font-weight: bold;\r\n }\r\n\r\n \/* ============ WHY CHOOSE US SECTION ============ *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .feature-card:hover {\r\n background: linear-gradient(135deg, var(--light-blue), var(--light-orange));\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.2rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--medium-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ============ TESTIMONIALS SECTION ============ *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .testimonial-card:hover {\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .stars {\r\n color: #fbbf24;\r\n margin-bottom: 1rem;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .testimonial-text {\r\n color: var(--medium-gray);\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n line-height: 1.8;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--accent-orange));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: bold;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .author-info h4 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .author-info p {\r\n color: var(--medium-gray);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============ RESULTS SECTION ============ *\/\r\n .results-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .result-stat {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n color: var(--white);\r\n padding: 2.5rem 1.5rem;\r\n border-radius: 12px;\r\n text-align: center;\r\n transition: var(--transition);\r\n }\r\n\r\n .result-stat:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.3);\r\n }\r\n\r\n .result-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 1rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .top-performers {\r\n margin-top: 3rem;\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .top-performers h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .performers-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .performer-item {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n text-align: center;\r\n border-left: 4px solid var(--accent-orange);\r\n }\r\n\r\n .performer-rank {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n margin: 0 auto 0.5rem;\r\n }\r\n\r\n .performer-name {\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .performer-exam {\r\n font-size: 0.85rem;\r\n color: var(--medium-gray);\r\n }\r\n\r\n \/* ============ FAQ SECTION ============ *\/\r\n .faq-container {\r\n max-width: 700px;\r\n margin: 3rem auto 0;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 8px;\r\n margin-bottom: 1rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .faq-question {\r\n padding: 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-question:hover {\r\n background: var(--light-gray);\r\n }\r\n\r\n .faq-toggle {\r\n font-size: 1.5rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 500px;\r\n padding: 0 1.5rem 1.5rem;\r\n }\r\n\r\n .faq-answer p {\r\n color: var(--medium-gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ============ CONTACT SECTION ============ *\/\r\n .contact-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-icon {\r\n font-size: 1.8rem;\r\n color: var(--secondary-blue);\r\n min-width: 30px;\r\n }\r\n\r\n .contact-details h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .contact-details p {\r\n color: var(--medium-gray);\r\n }\r\n\r\n .contact-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .contact-buttons .btn {\r\n flex: 1;\r\n min-width: 150px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 0.85rem;\r\n border: 2px solid var(--light-gray);\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .contact-form {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-form .btn {\r\n width: 100%;\r\n }\r\n\r\n #map {\r\n width: 100%;\r\n height: 300px;\r\n border-radius: 12px;\r\n margin-top: 1.5rem;\r\n border: 2px solid var(--light-gray);\r\n }\r\n\r\n \/* ============ GALLERY SECTION ============ *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .gallery-item {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n aspect-ratio: 4\/3;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .gallery-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 3rem;\r\n }\r\n\r\n \/* ============ FOOTER ============ *\/\r\n .footer {\r\n background: var(--primary-blue);\r\n color: var(--white);\r\n padding: 3rem 1.5rem 1rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .footer-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-section h3 {\r\n margin-bottom: 1rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section ul li {\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .footer-section a {\r\n color: rgba(255, 255, 255, 0.8);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .footer-section a:hover {\r\n color: var(--accent-orange);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .social-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icon:hover {\r\n background: var(--accent-orange);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n opacity: 0.8;\r\n }\r\n\r\n \/* ============ WHATSAPP BUTTON ============ *\/\r\n .whatsapp-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: #25d366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 2rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);\r\n transition: var(--transition);\r\n z-index: 999;\r\n text-decoration: none;\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);\r\n }\r\n\r\n \/* ============ RESPONSIVE ============ *\/\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .nav-menu {\r\n gap: 1rem;\r\n }\r\n\r\n .nav-link {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .about-content,\r\n .contact-container,\r\n .mission-vision {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .nav-menu {\r\n position: absolute;\r\n top: 70px;\r\n left: 0;\r\n right: 0;\r\n background: var(--white);\r\n flex-direction: column;\r\n gap: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-menu.active {\r\n max-height: 400px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .nav-menu.active .nav-link {\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--light-gray);\r\n }\r\n\r\n .courses-grid,\r\n .features-grid,\r\n .testimonials-grid,\r\n .results-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .section {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .navbar-container {\r\n padding: 0.5rem 1rem;\r\n }\r\n\r\n .logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .logo-icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ============ SMOOTH SCROLL ============ *\/\r\n .scroll-reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: scrollReveal 0.6s ease-out forwards;\r\n }\r\n\r\n @keyframes scrollReveal {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <nav class=\"navbar\">\r\n <div class=\"navbar-container\">\r\n <a href=\"#home\" class=\"logo\">\r\n <div class=\"logo-icon\">\ud83c\udf93<\/div>\r\n <span>Active Coaching<\/span>\r\n <\/a>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\r\n <li><a href=\"#about\" class=\"nav-link\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\" class=\"nav-link\">Courses<\/a><\/li>\r\n <li><a href=\"#why-us\" class=\"nav-link\">Why Choose Us<\/a><\/li>\r\n <li><a href=\"#results\" class=\"nav-link\">Results<\/a><\/li>\r\n <li><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-cta\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Get Started<\/button>\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Empowering Students for Academic Excellence<\/h1>\r\n <p>Expert guidance for school and competitive exams<\/p>\r\n <div class=\"hero-buttons\">\r\n <button class=\"btn btn-primary\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Enroll Now<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior: 'smooth'})\">Contact Us<\/button>\r\n <\/div>\r\n <div class=\"highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n <h3>Expert Faculty<\/h3>\r\n <p>Highly experienced and dedicated educators<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc65<\/div>\r\n <h3>Small Batches<\/h3>\r\n <p>Personalized attention to each student<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udcc8<\/div>\r\n <h3>Proven Results<\/h3>\r\n <p>Consistent success in competitive exams<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"about\">\r\n <h2 class=\"section-title\">About Active Coaching Classes<\/h2>\r\n <p class=\"section-subtitle\">Transforming Educational Excellence in Delhi Since 2010<\/p>\r\n <div class=\"about-content\">\r\n <div>\r\n <p>Active Coaching Classes is a premier educational institution dedicated to nurturing young talent and preparing students for academic and competitive success. With a legacy of excellence, we have been guiding students through their educational journey for over a decade.<\/p>\r\n \r\n <h3>Our Approach<\/h3>\r\n <p>We believe in combining conceptual clarity with practical problem-solving skills. Our teaching methodology is designed to build strong fundamentals while preparing students for competitive examinations.<\/p>\r\n\r\n <h3>Faculty Excellence<\/h3>\r\n <p>Our team comprises experienced educators holding degrees from top institutions. Each faculty member brings subject expertise, real-world experience, and a genuine passion for teaching.<\/p>\r\n\r\n <div class=\"mission-vision\">\r\n <div class=\"mission-card\">\r\n <h4>\ud83c\udfaf Our Mission<\/h4>\r\n <p>Helping students achieve academic success through innovative teaching methods, comprehensive study materials, and personalized guidance.<\/p>\r\n <\/div>\r\n <div class=\"vision-card\">\r\n <h4>\ud83c\udf1f Our Vision<\/h4>\r\n <p>To become the most trusted coaching institute in Delhi, recognized for producing well-rounded, confident, and academically excellent students.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-image\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"courses\">\r\n <h2 class=\"section-title\">Courses We Offer<\/h2>\r\n <p class=\"section-subtitle\">Comprehensive coaching for all academic levels and competitive exams<\/p>\r\n <div class=\"courses-grid\">\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcd6<\/div>\r\n <h3>Classes 6-10<\/h3>\r\n <p>Foundation building in all subjects with focus on conceptual clarity and regular assessments.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Mathematics & Science<\/li>\r\n <li>English & Hindi<\/li>\r\n <li>Social Studies<\/li>\r\n <li>Regular doubt-clearing sessions<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udd2c<\/div>\r\n <h3>Classes 11-12 (Science)<\/h3>\r\n <p>In-depth coaching in Physics, Chemistry, and Mathematics with board exam preparation.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Physics & Chemistry<\/li>\r\n <li>Advanced Mathematics<\/li>\r\n <li>Biology<\/li>\r\n <li>Board exam focused<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcbc<\/div>\r\n <h3>Classes 11-12 (Commerce)<\/h3>\r\n <p>Complete guidance in Accountancy, Economics, and Business Studies for board and other exams.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Accountancy<\/li>\r\n <li>Economics<\/li>\r\n <li>Business Studies<\/li>\r\n <li>Regular practice tests<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\ude80<\/div>\r\n <h3>JEE Main & Advanced<\/h3>\r\n <p>Comprehensive preparation for engineering entrance with expert faculty and extensive practice materials.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Complete JEE syllabus coverage<\/li>\r\n <li>Mock tests and analysis<\/li>\r\n <li>Personal mentoring<\/li>\r\n <li>Success rate: 85%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udc8a<\/div>\r\n <h3>NEET Coaching<\/h3>\r\n <p>Specialized preparation for medical entrance exams with experienced medical professionals.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Biology & Chemistry focus<\/li>\r\n <li>Clinical approach to concepts<\/li>\r\n <li>Full-length mock tests<\/li>\r\n <li>Success rate: 80%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcdd<\/div>\r\n <h3>Other Competitive Exams<\/h3>\r\n <p>Coaching for CUET, IPM, Banking exams, and other entrance examinations.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Customized curriculum<\/li>\r\n <li>Current affairs updates<\/li>\r\n <li>Reasoning & aptitude<\/li>\r\n <li>Speed & accuracy training<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"why-us\">\r\n <h2 class=\"section-title\">Why Choose Active Coaching?<\/h2>\r\n <p class=\"section-subtitle\">What sets us apart from other coaching institutes<\/p>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n <h3>Personalized Attention<\/h3>\r\n <p>Small batch sizes ensure each student receives individual attention and customized learning plans based on their pace and understanding.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n <h3>Regular Tests & Analysis<\/h3>\r\n <p>Weekly tests, monthly assessments, and detailed performance analysis to track progress and identify areas for improvement.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u2753<\/div>\r\n <h3>Doubt-Clearing Sessions<\/h3>\r\n <p>One-on-one doubt clearing sessions and mentoring to ensure no concept is left unclear. Extra classes available as needed.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n <h3>Affordable Fees<\/h3>\r\n <p>Competitive and transparent fee structure with flexible payment options. No hidden charges. Scholarships available for deserving students.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcda<\/div>\r\n <h3>Comprehensive Materials<\/h3>\r\n <p>Well-researched study materials, practice sets, and question banks curated by experienced educators for all competitive exams.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n <h3>Result-Oriented<\/h3>\r\n <p>Our strategies are focused on achieving results. We track every student's progress and adjust teaching methods for optimal outcomes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"results\">\r\n <h2 class=\"section-title\">Our Results & Achievements<\/h2>\r\n <p class=\"section-subtitle\">Proven track record of student success<\/p>\r\n \r\n <div class=\"results-grid\">\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">2000+<\/div>\r\n <div class=\"result-label\">Students Trained<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">95%<\/div>\r\n <div class=\"result-label\">Board Exam Success<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">85%<\/div>\r\n <div class=\"result-label\">JEE Selection Rate<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">80%<\/div>\r\n <div class=\"result-label\">NEET Success Rate<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"top-performers\">\r\n <h3>Top Performers 2024<\/h3>\r\n <div class=\"performers-list\">\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">1<\/div>\r\n <div class=\"performer-name\">Arjun Kumar<\/div>\r\n <div class=\"performer-exam\">JEE Advanced - 280\/300<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">2<\/div>\r\n <div class=\"performer-name\">Priya Sharma<\/div>\r\n <div class=\"performer-exam\">NEET - 710\/720<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">3<\/div>\r\n <div class=\"performer-name\">Aditya Patel<\/div>\r\n <div class=\"performer-exam\">JEE Main - 99.5 Percentile<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">4<\/div>\r\n <div class=\"performer-name\">Sneha Singh<\/div>\r\n <div class=\"performer-exam\">Board 12th - 98%<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">5<\/div>\r\n <div class=\"performer-name\">Rohit Gupta<\/div>\r\n <div class=\"performer-exam\">CUET Percentile - 99<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">6<\/div>\r\n <div class=\"performer-name\">Anjali Verma<\/div>\r\n <div class=\"performer-exam\">Board 10th - 99%<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"testimonials\">\r\n <h2 class=\"section-title\">What Students & Parents Say<\/h2>\r\n <p class=\"section-subtitle\">Real feedback from our successful students<\/p>\r\n \r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Active Coaching transformed my understanding of Mathematics. The teachers are incredibly patient and explain concepts in the simplest way possible. I scored 98% in my board exams!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">RG<\/div>\r\n <div class=\"author-info\">\r\n <h4>Rahul Gupta<\/h4>\r\n <p>Class 12 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"As a parent, I was impressed by the regular performance reports and personal attention given to my daughter. The faculty is highly qualified and genuinely cares about student progress.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">MS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Mrs. Sharma<\/h4>\r\n <p>Parent<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The JEE coaching here is exceptional. The mock tests were incredibly helpful, and the doubt-clearing sessions made all the difference. I cleared JEE Main with 98 percentile!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AK<\/div>\r\n <div class=\"author-info\">\r\n <h4>Akshay Kumar<\/h4>\r\n <p>JEE Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The NEET coaching program was comprehensive and well-structured. The Biology faculty is outstanding, and the practice questions helped me understand exam patterns perfectly.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">PS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Priya Sharma<\/h4>\r\n <p>NEET Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"What I appreciate most is the personalized approach. Teachers know each student by name and understand their learning style. This made a huge difference in my performance.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">VC<\/div>\r\n <div class=\"author-info\">\r\n <h4>Vivek Chawla<\/h4>\r\n <p>Class 11 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Outstanding coaching! The study materials are updated regularly, and the teachers go beyond the textbook. The affordable fees and scholarship options are commendable.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">NP<\/div>\r\n <div class=\"author-info\">\r\n <h4>Nikhil Pandey<\/h4>\r\n <p>Class 10 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"faq\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">Find answers to common questions<\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the batch size in your coaching classes?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We maintain small batch sizes of 15-25 students per class to ensure personalized attention and effective learning. This allows teachers to understand each student's learning needs and progress.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What are your fees and payment options?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our fee structure is transparent and competitive. Monthly, quarterly, and annual payment plans are available. We also offer scholarships for deserving students based on merit and financial need. Contact us for detailed fee information.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide online classes as well?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we offer both offline and online classes. Our online coaching is comprehensive with live interactive sessions, recorded lectures, practice materials, and one-on-one doubt clearing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>When should I start JEE\/NEET preparation?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>For competitive exams like JEE and NEET, it's advisable to start preparation after 10th class (Class 11). However, students with strong fundamentals from earlier classes can achieve better results.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide study materials?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, comprehensive study materials are provided for all courses including notes, practice sets, previous years' papers, and question banks. All materials are prepared by our experienced faculty.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is your refund\/cancellation policy?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We have a flexible cancellation policy. Refunds are provided as per the duration of usage. Please contact our office for detailed information about our refund policy.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How do you track student progress?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We conduct regular tests and assessments. Performance reports are shared with parents and students regularly. Teachers have one-on-one interactions to discuss progress and areas needing improvement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <h2 class=\"section-title\">Gallery<\/h2>\r\n <p class=\"section-subtitle\">A glimpse into our coaching environment<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfeb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udc65<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcbb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udf93<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfc6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"contact\">\r\n <h2 class=\"section-title\">Get In Touch With Us<\/h2>\r\n <p class=\"section-subtitle\">Contact us for more information or to schedule a free trial class<\/p>\r\n \r\n <div class=\"contact-container\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Location<\/h3>\r\n <p>Active Coaching Classes<br>Delhi, India<br>(Multiple centers across Delhi)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Phone<\/h3>\r\n <p>+91 98765-43210<br>+91 87654-32109<br>(9:00 AM - 9:00 PM)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Email<\/h3>\r\n <p>info@activecoaching.com<br>admissions@activecoaching.com<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Office Hours<\/h3>\r\n <p>Monday - Saturday: 7:00 AM - 9:00 PM<br>Sunday: 10:00 AM - 6:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-buttons\">\r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" class=\"btn btn-primary\" target=\"_blank\">\ud83d\udcac WhatsApp Us<\/a>\r\n <a href=\"tel:+919876543210\" class=\"btn btn-secondary\">\ud83d\udcde Call Now<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form\">\r\n <h3 style=\"color: var(--primary-blue); margin-bottom: 1.5rem;\">Send Us a Message<\/h3>\r\n <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Full Name *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Your name\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"your@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"+91 98765-43210\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"course\">Interested Course *<\/label>\r\n <select id=\"course\" name=\"course\" required style=\"width: 100%; padding: 0.85rem; border: 2px solid var(--light-gray); border-radius: 6px; font-size: 1rem; font-family: inherit;\">\r\n <option value=\"\">Select a course<\/option>\r\n <option value=\"Classes 6-10\">Classes 6-10<\/option>\r\n <option value=\"Classes 11-12 Science\">Classes 11-12 (Science)<\/option>\r\n <option value=\"Classes 11-12 Commerce\">Classes 11-12 (Commerce)<\/option>\r\n <option value=\"JEE Coaching\">JEE Main & Advanced<\/option>\r\n <option value=\"NEET Coaching\">NEET Coaching<\/option>\r\n <option value=\"Other Competitive Exams\">Other Competitive Exams<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Tell us about your learning needs...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn btn-primary\">Send Inquiry<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"map\"><\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h3>About Active Coaching<\/h3>\r\n <p>Premier coaching institute providing expert guidance for school students and competitive exam aspirants in Delhi.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-icon\">f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud835\udd4f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" class=\"social-icon\">\u25b6\ufe0f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Quick Links<\/h3>\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\">Courses<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms & Conditions<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Courses<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Classes 6-10<\/a><\/li>\r\n <li><a href=\"#\">Classes 11-12<\/a><\/li>\r\n <li><a href=\"#\">JEE Coaching<\/a><\/li>\r\n <li><a href=\"#\">NEET Coaching<\/a><\/li>\r\n <li><a href=\"#\">Competitive Exams<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Get In Touch<\/h3>\r\n <p>\ud83d\udccd Delhi, India<\/p>\r\n <p>\ud83d\udcde +91 98765-43210<\/p>\r\n <p>\u2709\ufe0f info@activecoaching.com<\/p>\r\n <p>\u23f0 7 AM - 9 PM (Mon-Sat)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Active Coaching Classes. All rights reserved. | Designed for Educational Excellence<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" target=\"_blank\" class=\"whatsapp-btn\">\r\n \ud83d\udcac\r\n <\/a>\r\n\r\n \r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n const hamburger = document.getElementById('hamburger');\r\n const navMenu = document.getElementById('navMenu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close menu on link click\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Update active nav link\r\n window.addEventListener('scroll', () => {\r\n let current = '';\r\n const sections = document.querySelectorAll('section');\r\n \r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n const sectionHeight = section.clientHeight;\r\n if (pageYOffset >= sectionTop - 200) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').slice(1) === current) {\r\n link.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ FAQ Toggle\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n item.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Form Submission\r\n function handleSubmit(event) {\r\n event.preventDefault();\r\n const name = document.getElementById('name').value;\r\n const email = document.getElementById('email').value;\r\n const phone = document.getElementById('phone').value;\r\n const course = document.getElementById('course').value;\r\n const message = document.getElementById('message').value;\r\n\r\n \/\/ Create WhatsApp message\r\n const whatsappMessage = `Hello! I am ${name}. I am interested in ${course}. Phone: ${phone}. Email: ${email}. Message: ${message}`;\r\n const encodedMessage = encodeURIComponent(whatsappMessage);\r\n window.open(`https:\/\/wa.me\/919876543210?text=${encodedMessage}`, '_blank');\r\n\r\n \/\/ Reset form\r\n document.getElementById('contactForm').reset();\r\n }\r\n\r\n \/\/ Scroll Reveal Animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -100px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('scroll-reveal');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all section titles\r\n document.querySelectorAll('.section-title').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Simple map integration (using OpenStreetMap)\r\n function initMap() {\r\n const mapElement = document.getElementById('map');\r\n if (mapElement) {\r\n mapElement.innerHTML = `\r\n <iframe width=\"100%\" height=\"300\" style=\"border-radius: 12px; border: 2px solid var(--light-gray);\" \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=Z3JhbiBtYXR0IGluIGRlbGhpINCSjAxo...\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n `;\r\n }\r\n }\r\n\r\n \/\/ Initialize on page load\r\n window.addEventListener('load', initMap);\r\n <\/script>\r\n<\/body>\r\n<\/html><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <meta name=\"description\" content=\"Active Coaching Classes - Expert guidance for school and competitive exams. Classes 6-12 and JEE\/NEET preparation in Delhi.\">\r\n <meta name=\"keywords\" content=\"Coaching Classes Delhi, JEE Coaching, NEET Coaching, School Tuition, Classes 6-12\">\r\n <meta name=\"author\" content=\"Active Coaching Classes\">\r\n <title>Active Coaching Classes | Expert Guidance for Academic Excellence<\/title>\r\n <style>\r\n :root {\r\n --primary-blue: #1e3a8a;\r\n --secondary-blue: #2563eb;\r\n --light-blue: #dbeafe;\r\n --accent-orange: #f97316;\r\n --light-orange: #fed7aa;\r\n --white: #ffffff;\r\n --dark-gray: #1f2937;\r\n --light-gray: #f3f4f6;\r\n --medium-gray: #9ca3af;\r\n --success-green: #10b981;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-gray);\r\n background-color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============ NAVBAR ============ *\/\r\n .navbar {\r\n position: sticky;\r\n top: 0;\r\n background: var(--white);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\r\n z-index: 1000;\r\n transition: var(--transition);\r\n }\r\n\r\n .navbar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0.75rem 1.5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .logo:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 2rem;\r\n list-style: none;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: var(--dark-gray);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 2px;\r\n bottom: -4px;\r\n left: 0;\r\n background: var(--secondary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));\r\n color: var(--white);\r\n padding: 0.6rem 1.4rem;\r\n border-radius: 6px;\r\n transition: var(--transition);\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--primary-blue);\r\n margin: 4px 0;\r\n border-radius: 2px;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* ============ HERO SECTION ============ *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n color: var(--white);\r\n padding: 4rem 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: -50px;\r\n width: 300px;\r\n height: 300px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n animation: float 8s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(20px); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n animation: slideUp 0.8s ease-out;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 0.9rem 2.2rem;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #ea580c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--white);\r\n color: var(--primary-blue);\r\n border: 2px solid var(--white);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: transparent;\r\n color: var(--white);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .highlights {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .highlight-item {\r\n text-align: center;\r\n animation: slideUp 0.8s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .highlight-item:nth-child(2) { animation-delay: 0.1s; }\r\n .highlight-item:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n .highlight-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .highlight-item h3 {\r\n font-size: 1.1rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .highlight-item p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ============ SECTION STYLES ============ *\/\r\n .section {\r\n padding: 4rem 1.5rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--medium-gray);\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* ============ ABOUT SECTION ============ *\/\r\n .about-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n }\r\n\r\n .about-text h3 {\r\n font-size: 1.5rem;\r\n color: var(--secondary-blue);\r\n margin-bottom: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .mission-vision {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .mission-card, .vision-card {\r\n background: linear-gradient(135deg, var(--light-blue) 0%, rgba(219, 234, 254, 0.5) 100%);\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n border-left: 4px solid var(--secondary-blue);\r\n }\r\n\r\n .vision-card {\r\n background: linear-gradient(135deg, var(--light-orange) 0%, rgba(254, 215, 170, 0.5) 100%);\r\n border-left-color: var(--accent-orange);\r\n }\r\n\r\n .mission-card h4, .vision-card h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .about-image {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 12px;\r\n height: 400px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 4rem;\r\n }\r\n\r\n \/* ============ COURSES SECTION ============ *\/\r\n .courses-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .course-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .course-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--secondary-blue), var(--accent-orange));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: var(--transition);\r\n }\r\n\r\n .course-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .course-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.15);\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .course-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .course-card h3 {\r\n font-size: 1.5rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .course-card p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .course-details {\r\n list-style: none;\r\n margin: 1rem 0;\r\n }\r\n\r\n .course-details li {\r\n padding: 0.4rem 0;\r\n color: var(--dark-gray);\r\n font-size: 0.95rem;\r\n padding-left: 1.5rem;\r\n position: relative;\r\n }\r\n\r\n .course-details li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--success-green);\r\n font-weight: bold;\r\n }\r\n\r\n \/* ============ WHY CHOOSE US SECTION ============ *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .feature-card:hover {\r\n background: linear-gradient(135deg, var(--light-blue), var(--light-orange));\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.2rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--medium-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ============ TESTIMONIALS SECTION ============ *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .testimonial-card:hover {\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .stars {\r\n color: #fbbf24;\r\n margin-bottom: 1rem;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .testimonial-text {\r\n color: var(--medium-gray);\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n line-height: 1.8;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--accent-orange));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: bold;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .author-info h4 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .author-info p {\r\n color: var(--medium-gray);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============ RESULTS SECTION ============ *\/\r\n .results-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .result-stat {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n color: var(--white);\r\n padding: 2.5rem 1.5rem;\r\n border-radius: 12px;\r\n text-align: center;\r\n transition: var(--transition);\r\n }\r\n\r\n .result-stat:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.3);\r\n }\r\n\r\n .result-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 1rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .top-performers {\r\n margin-top: 3rem;\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .top-performers h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .performers-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .performer-item {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n text-align: center;\r\n border-left: 4px solid var(--accent-orange);\r\n }\r\n\r\n .performer-rank {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n margin: 0 auto 0.5rem;\r\n }\r\n\r\n .performer-name {\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .performer-exam {\r\n font-size: 0.85rem;\r\n color: var(--medium-gray);\r\n }\r\n\r\n \/* ============ FAQ SECTION ============ *\/\r\n .faq-container {\r\n max-width: 700px;\r\n margin: 3rem auto 0;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 8px;\r\n margin-bottom: 1rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .faq-question {\r\n padding: 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-question:hover {\r\n background: var(--light-gray);\r\n }\r\n\r\n .faq-toggle {\r\n font-size: 1.5rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 500px;\r\n padding: 0 1.5rem 1.5rem;\r\n }\r\n\r\n .faq-answer p {\r\n color: var(--medium-gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ============ CONTACT SECTION ============ *\/\r\n .contact-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-icon {\r\n font-size: 1.8rem;\r\n color: var(--secondary-blue);\r\n min-width: 30px;\r\n }\r\n\r\n .contact-details h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .contact-details p {\r\n color: var(--medium-gray);\r\n }\r\n\r\n .contact-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .contact-buttons .btn {\r\n flex: 1;\r\n min-width: 150px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 0.85rem;\r\n border: 2px solid var(--light-gray);\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .contact-form {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-form .btn {\r\n width: 100%;\r\n }\r\n\r\n #map {\r\n width: 100%;\r\n height: 300px;\r\n border-radius: 12px;\r\n margin-top: 1.5rem;\r\n border: 2px solid var(--light-gray);\r\n }\r\n\r\n \/* ============ GALLERY SECTION ============ *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .gallery-item {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n aspect-ratio: 4\/3;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .gallery-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 3rem;\r\n }\r\n\r\n \/* ============ FOOTER ============ *\/\r\n .footer {\r\n background: var(--primary-blue);\r\n color: var(--white);\r\n padding: 3rem 1.5rem 1rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .footer-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-section h3 {\r\n margin-bottom: 1rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section ul li {\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .footer-section a {\r\n color: rgba(255, 255, 255, 0.8);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .footer-section a:hover {\r\n color: var(--accent-orange);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .social-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icon:hover {\r\n background: var(--accent-orange);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n opacity: 0.8;\r\n }\r\n\r\n \/* ============ WHATSAPP BUTTON ============ *\/\r\n .whatsapp-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: #25d366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 2rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);\r\n transition: var(--transition);\r\n z-index: 999;\r\n text-decoration: none;\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);\r\n }\r\n\r\n \/* ============ RESPONSIVE ============ *\/\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .nav-menu {\r\n gap: 1rem;\r\n }\r\n\r\n .nav-link {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .about-content,\r\n .contact-container,\r\n .mission-vision {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .nav-menu {\r\n position: absolute;\r\n top: 70px;\r\n left: 0;\r\n right: 0;\r\n background: var(--white);\r\n flex-direction: column;\r\n gap: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-menu.active {\r\n max-height: 400px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .nav-menu.active .nav-link {\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--light-gray);\r\n }\r\n\r\n .courses-grid,\r\n .features-grid,\r\n .testimonials-grid,\r\n .results-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .section {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .navbar-container {\r\n padding: 0.5rem 1rem;\r\n }\r\n\r\n .logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .logo-icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ============ SMOOTH SCROLL ============ *\/\r\n .scroll-reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: scrollReveal 0.6s ease-out forwards;\r\n }\r\n\r\n @keyframes scrollReveal {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <nav class=\"navbar\">\r\n <div class=\"navbar-container\">\r\n <a href=\"#home\" class=\"logo\">\r\n <div class=\"logo-icon\">\ud83c\udf93<\/div>\r\n <span>Active Coaching<\/span>\r\n <\/a>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\r\n <li><a href=\"#about\" class=\"nav-link\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\" class=\"nav-link\">Courses<\/a><\/li>\r\n <li><a href=\"#why-us\" class=\"nav-link\">Why Choose Us<\/a><\/li>\r\n <li><a href=\"#results\" class=\"nav-link\">Results<\/a><\/li>\r\n <li><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-cta\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Get Started<\/button>\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Empowering Students for Academic Excellence<\/h1>\r\n <p>Expert guidance for school and competitive exams<\/p>\r\n <div class=\"hero-buttons\">\r\n <button class=\"btn btn-primary\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Enroll Now<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior: 'smooth'})\">Contact Us<\/button>\r\n <\/div>\r\n <div class=\"highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n <h3>Expert Faculty<\/h3>\r\n <p>Highly experienced and dedicated educators<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc65<\/div>\r\n <h3>Small Batches<\/h3>\r\n <p>Personalized attention to each student<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udcc8<\/div>\r\n <h3>Proven Results<\/h3>\r\n <p>Consistent success in competitive exams<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"about\">\r\n <h2 class=\"section-title\">About Active Coaching Classes<\/h2>\r\n <p class=\"section-subtitle\">Transforming Educational Excellence in Delhi Since 2010<\/p>\r\n <div class=\"about-content\">\r\n <div>\r\n <p>Active Coaching Classes is a premier educational institution dedicated to nurturing young talent and preparing students for academic and competitive success. With a legacy of excellence, we have been guiding students through their educational journey for over a decade.<\/p>\r\n \r\n <h3>Our Approach<\/h3>\r\n <p>We believe in combining conceptual clarity with practical problem-solving skills. Our teaching methodology is designed to build strong fundamentals while preparing students for competitive examinations.<\/p>\r\n\r\n <h3>Faculty Excellence<\/h3>\r\n <p>Our team comprises experienced educators holding degrees from top institutions. Each faculty member brings subject expertise, real-world experience, and a genuine passion for teaching.<\/p>\r\n\r\n <div class=\"mission-vision\">\r\n <div class=\"mission-card\">\r\n <h4>\ud83c\udfaf Our Mission<\/h4>\r\n <p>Helping students achieve academic success through innovative teaching methods, comprehensive study materials, and personalized guidance.<\/p>\r\n <\/div>\r\n <div class=\"vision-card\">\r\n <h4>\ud83c\udf1f Our Vision<\/h4>\r\n <p>To become the most trusted coaching institute in Delhi, recognized for producing well-rounded, confident, and academically excellent students.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-image\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"courses\">\r\n <h2 class=\"section-title\">Courses We Offer<\/h2>\r\n <p class=\"section-subtitle\">Comprehensive coaching for all academic levels and competitive exams<\/p>\r\n <div class=\"courses-grid\">\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcd6<\/div>\r\n <h3>Classes 6-10<\/h3>\r\n <p>Foundation building in all subjects with focus on conceptual clarity and regular assessments.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Mathematics & Science<\/li>\r\n <li>English & Hindi<\/li>\r\n <li>Social Studies<\/li>\r\n <li>Regular doubt-clearing sessions<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udd2c<\/div>\r\n <h3>Classes 11-12 (Science)<\/h3>\r\n <p>In-depth coaching in Physics, Chemistry, and Mathematics with board exam preparation.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Physics & Chemistry<\/li>\r\n <li>Advanced Mathematics<\/li>\r\n <li>Biology<\/li>\r\n <li>Board exam focused<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcbc<\/div>\r\n <h3>Classes 11-12 (Commerce)<\/h3>\r\n <p>Complete guidance in Accountancy, Economics, and Business Studies for board and other exams.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Accountancy<\/li>\r\n <li>Economics<\/li>\r\n <li>Business Studies<\/li>\r\n <li>Regular practice tests<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\ude80<\/div>\r\n <h3>JEE Main & Advanced<\/h3>\r\n <p>Comprehensive preparation for engineering entrance with expert faculty and extensive practice materials.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Complete JEE syllabus coverage<\/li>\r\n <li>Mock tests and analysis<\/li>\r\n <li>Personal mentoring<\/li>\r\n <li>Success rate: 85%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udc8a<\/div>\r\n <h3>NEET Coaching<\/h3>\r\n <p>Specialized preparation for medical entrance exams with experienced medical professionals.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Biology & Chemistry focus<\/li>\r\n <li>Clinical approach to concepts<\/li>\r\n <li>Full-length mock tests<\/li>\r\n <li>Success rate: 80%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcdd<\/div>\r\n <h3>Other Competitive Exams<\/h3>\r\n <p>Coaching for CUET, IPM, Banking exams, and other entrance examinations.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Customized curriculum<\/li>\r\n <li>Current affairs updates<\/li>\r\n <li>Reasoning & aptitude<\/li>\r\n <li>Speed & accuracy training<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"why-us\">\r\n <h2 class=\"section-title\">Why Choose Active Coaching?<\/h2>\r\n <p class=\"section-subtitle\">What sets us apart from other coaching institutes<\/p>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n <h3>Personalized Attention<\/h3>\r\n <p>Small batch sizes ensure each student receives individual attention and customized learning plans based on their pace and understanding.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n <h3>Regular Tests & Analysis<\/h3>\r\n <p>Weekly tests, monthly assessments, and detailed performance analysis to track progress and identify areas for improvement.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u2753<\/div>\r\n <h3>Doubt-Clearing Sessions<\/h3>\r\n <p>One-on-one doubt clearing sessions and mentoring to ensure no concept is left unclear. Extra classes available as needed.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n <h3>Affordable Fees<\/h3>\r\n <p>Competitive and transparent fee structure with flexible payment options. No hidden charges. Scholarships available for deserving students.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcda<\/div>\r\n <h3>Comprehensive Materials<\/h3>\r\n <p>Well-researched study materials, practice sets, and question banks curated by experienced educators for all competitive exams.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n <h3>Result-Oriented<\/h3>\r\n <p>Our strategies are focused on achieving results. We track every student's progress and adjust teaching methods for optimal outcomes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"results\">\r\n <h2 class=\"section-title\">Our Results & Achievements<\/h2>\r\n <p class=\"section-subtitle\">Proven track record of student success<\/p>\r\n \r\n <div class=\"results-grid\">\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">2000+<\/div>\r\n <div class=\"result-label\">Students Trained<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">95%<\/div>\r\n <div class=\"result-label\">Board Exam Success<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">85%<\/div>\r\n <div class=\"result-label\">JEE Selection Rate<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">80%<\/div>\r\n <div class=\"result-label\">NEET Success Rate<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"top-performers\">\r\n <h3>Top Performers 2024<\/h3>\r\n <div class=\"performers-list\">\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">1<\/div>\r\n <div class=\"performer-name\">Arjun Kumar<\/div>\r\n <div class=\"performer-exam\">JEE Advanced - 280\/300<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">2<\/div>\r\n <div class=\"performer-name\">Priya Sharma<\/div>\r\n <div class=\"performer-exam\">NEET - 710\/720<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">3<\/div>\r\n <div class=\"performer-name\">Aditya Patel<\/div>\r\n <div class=\"performer-exam\">JEE Main - 99.5 Percentile<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">4<\/div>\r\n <div class=\"performer-name\">Sneha Singh<\/div>\r\n <div class=\"performer-exam\">Board 12th - 98%<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">5<\/div>\r\n <div class=\"performer-name\">Rohit Gupta<\/div>\r\n <div class=\"performer-exam\">CUET Percentile - 99<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">6<\/div>\r\n <div class=\"performer-name\">Anjali Verma<\/div>\r\n <div class=\"performer-exam\">Board 10th - 99%<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"testimonials\">\r\n <h2 class=\"section-title\">What Students & Parents Say<\/h2>\r\n <p class=\"section-subtitle\">Real feedback from our successful students<\/p>\r\n \r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Active Coaching transformed my understanding of Mathematics. The teachers are incredibly patient and explain concepts in the simplest way possible. I scored 98% in my board exams!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">RG<\/div>\r\n <div class=\"author-info\">\r\n <h4>Rahul Gupta<\/h4>\r\n <p>Class 12 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"As a parent, I was impressed by the regular performance reports and personal attention given to my daughter. The faculty is highly qualified and genuinely cares about student progress.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">MS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Mrs. Sharma<\/h4>\r\n <p>Parent<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The JEE coaching here is exceptional. The mock tests were incredibly helpful, and the doubt-clearing sessions made all the difference. I cleared JEE Main with 98 percentile!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AK<\/div>\r\n <div class=\"author-info\">\r\n <h4>Akshay Kumar<\/h4>\r\n <p>JEE Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The NEET coaching program was comprehensive and well-structured. The Biology faculty is outstanding, and the practice questions helped me understand exam patterns perfectly.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">PS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Priya Sharma<\/h4>\r\n <p>NEET Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"What I appreciate most is the personalized approach. Teachers know each student by name and understand their learning style. This made a huge difference in my performance.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">VC<\/div>\r\n <div class=\"author-info\">\r\n <h4>Vivek Chawla<\/h4>\r\n <p>Class 11 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Outstanding coaching! The study materials are updated regularly, and the teachers go beyond the textbook. The affordable fees and scholarship options are commendable.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">NP<\/div>\r\n <div class=\"author-info\">\r\n <h4>Nikhil Pandey<\/h4>\r\n <p>Class 10 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"faq\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">Find answers to common questions<\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the batch size in your coaching classes?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We maintain small batch sizes of 15-25 students per class to ensure personalized attention and effective learning. This allows teachers to understand each student's learning needs and progress.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What are your fees and payment options?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our fee structure is transparent and competitive. Monthly, quarterly, and annual payment plans are available. We also offer scholarships for deserving students based on merit and financial need. Contact us for detailed fee information.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide online classes as well?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we offer both offline and online classes. Our online coaching is comprehensive with live interactive sessions, recorded lectures, practice materials, and one-on-one doubt clearing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>When should I start JEE\/NEET preparation?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>For competitive exams like JEE and NEET, it's advisable to start preparation after 10th class (Class 11). However, students with strong fundamentals from earlier classes can achieve better results.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide study materials?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, comprehensive study materials are provided for all courses including notes, practice sets, previous years' papers, and question banks. All materials are prepared by our experienced faculty.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is your refund\/cancellation policy?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We have a flexible cancellation policy. Refunds are provided as per the duration of usage. Please contact our office for detailed information about our refund policy.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How do you track student progress?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We conduct regular tests and assessments. Performance reports are shared with parents and students regularly. Teachers have one-on-one interactions to discuss progress and areas needing improvement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <h2 class=\"section-title\">Gallery<\/h2>\r\n <p class=\"section-subtitle\">A glimpse into our coaching environment<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfeb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udc65<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcbb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udf93<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfc6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"contact\">\r\n <h2 class=\"section-title\">Get In Touch With Us<\/h2>\r\n <p class=\"section-subtitle\">Contact us for more information or to schedule a free trial class<\/p>\r\n \r\n <div class=\"contact-container\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Location<\/h3>\r\n <p>Active Coaching Classes<br>Delhi, India<br>(Multiple centers across Delhi)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Phone<\/h3>\r\n <p>+91 98765-43210<br>+91 87654-32109<br>(9:00 AM - 9:00 PM)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Email<\/h3>\r\n <p>info@activecoaching.com<br>admissions@activecoaching.com<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Office Hours<\/h3>\r\n <p>Monday - Saturday: 7:00 AM - 9:00 PM<br>Sunday: 10:00 AM - 6:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-buttons\">\r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" class=\"btn btn-primary\" target=\"_blank\">\ud83d\udcac WhatsApp Us<\/a>\r\n <a href=\"tel:+919876543210\" class=\"btn btn-secondary\">\ud83d\udcde Call Now<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form\">\r\n <h3 style=\"color: var(--primary-blue); margin-bottom: 1.5rem;\">Send Us a Message<\/h3>\r\n <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Full Name *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Your name\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"your@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"+91 98765-43210\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"course\">Interested Course *<\/label>\r\n <select id=\"course\" name=\"course\" required style=\"width: 100%; padding: 0.85rem; border: 2px solid var(--light-gray); border-radius: 6px; font-size: 1rem; font-family: inherit;\">\r\n <option value=\"\">Select a course<\/option>\r\n <option value=\"Classes 6-10\">Classes 6-10<\/option>\r\n <option value=\"Classes 11-12 Science\">Classes 11-12 (Science)<\/option>\r\n <option value=\"Classes 11-12 Commerce\">Classes 11-12 (Commerce)<\/option>\r\n <option value=\"JEE Coaching\">JEE Main & Advanced<\/option>\r\n <option value=\"NEET Coaching\">NEET Coaching<\/option>\r\n <option value=\"Other Competitive Exams\">Other Competitive Exams<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Tell us about your learning needs...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn btn-primary\">Send Inquiry<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"map\"><\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h3>About Active Coaching<\/h3>\r\n <p>Premier coaching institute providing expert guidance for school students and competitive exam aspirants in Delhi.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-icon\">f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud835\udd4f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" class=\"social-icon\">\u25b6\ufe0f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Quick Links<\/h3>\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\">Courses<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms & Conditions<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Courses<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Classes 6-10<\/a><\/li>\r\n <li><a href=\"#\">Classes 11-12<\/a><\/li>\r\n <li><a href=\"#\">JEE Coaching<\/a><\/li>\r\n <li><a href=\"#\">NEET Coaching<\/a><\/li>\r\n <li><a href=\"#\">Competitive Exams<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Get In Touch<\/h3>\r\n <p>\ud83d\udccd Delhi, India<\/p>\r\n <p>\ud83d\udcde +91 98765-43210<\/p>\r\n <p>\u2709\ufe0f info@activecoaching.com<\/p>\r\n <p>\u23f0 7 AM - 9 PM (Mon-Sat)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Active Coaching Classes. All rights reserved. | Designed for Educational Excellence<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" target=\"_blank\" class=\"whatsapp-btn\">\r\n \ud83d\udcac\r\n <\/a>\r\n\r\n \r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n const hamburger = document.getElementById('hamburger');\r\n const navMenu = document.getElementById('navMenu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close menu on link click\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Update active nav link\r\n window.addEventListener('scroll', () => {\r\n let current = '';\r\n const sections = document.querySelectorAll('section');\r\n \r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n const sectionHeight = section.clientHeight;\r\n if (pageYOffset >= sectionTop - 200) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').slice(1) === current) {\r\n link.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ FAQ Toggle\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n item.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Form Submission\r\n function handleSubmit(event) {\r\n event.preventDefault();\r\n const name = document.getElementById('name').value;\r\n const email = document.getElementById('email').value;\r\n const phone = document.getElementById('phone').value;\r\n const course = document.getElementById('course').value;\r\n const message = document.getElementById('message').value;\r\n\r\n \/\/ Create WhatsApp message\r\n const whatsappMessage = `Hello! I am ${name}. I am interested in ${course}. Phone: ${phone}. Email: ${email}. Message: ${message}`;\r\n const encodedMessage = encodeURIComponent(whatsappMessage);\r\n window.open(`https:\/\/wa.me\/919876543210?text=${encodedMessage}`, '_blank');\r\n\r\n \/\/ Reset form\r\n document.getElementById('contactForm').reset();\r\n }\r\n\r\n \/\/ Scroll Reveal Animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -100px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('scroll-reveal');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all section titles\r\n document.querySelectorAll('.section-title').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Simple map integration (using OpenStreetMap)\r\n function initMap() {\r\n const mapElement = document.getElementById('map');\r\n if (mapElement) {\r\n mapElement.innerHTML = `\r\n <iframe width=\"100%\" height=\"300\" style=\"border-radius: 12px; border: 2px solid var(--light-gray);\" \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=Z3JhbiBtYXR0IGluIGRlbGhpINCSjAxo...\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n `;\r\n }\r\n }\r\n\r\n \/\/ Initialize on page load\r\n window.addEventListener('load', initMap);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Active Coaching Classes | Expert Guidance for Academic Excellence \ud83c\udf93 Active Coaching Home About Us Courses Why Choose Us Results Testimonials FAQ Contact Get Started Empowering Students for Academic Excellence Expert guidance for school and competitive exams Enroll Now Contact Us \ud83d\udc68\u200d\ud83c\udfeb Expert Faculty Highly experienced and dedicated educators \ud83d\udc65 Small Batches Personalized attention to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n Active Coaching Classes | Expert Guidance for Academic Excellence<\/title>\r\n <style>\r\n :root {\r\n --primary-blue: #1e3a8a;\r\n --secondary-blue: #2563eb;\r\n --light-blue: #dbeafe;\r\n --accent-orange: #f97316;\r\n --light-orange: #fed7aa;\r\n --white: #ffffff;\r\n --dark-gray: #1f2937;\r\n --light-gray: #f3f4f6;\r\n --medium-gray: #9ca3af;\r\n --success-green: #10b981;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-gray);\r\n background-color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============ NAVBAR ============ *\/\r\n .navbar {\r\n position: sticky;\r\n top: 0;\r\n background: var(--white);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\r\n z-index: 1000;\r\n transition: var(--transition);\r\n }\r\n\r\n .navbar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0.75rem 1.5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .logo:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 2rem;\r\n list-style: none;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: var(--dark-gray);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 2px;\r\n bottom: -4px;\r\n left: 0;\r\n background: var(--secondary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));\r\n color: var(--white);\r\n padding: 0.6rem 1.4rem;\r\n border-radius: 6px;\r\n transition: var(--transition);\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--primary-blue);\r\n margin: 4px 0;\r\n border-radius: 2px;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* ============ HERO SECTION ============ *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n color: var(--white);\r\n padding: 4rem 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: -50px;\r\n width: 300px;\r\n height: 300px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n animation: float 8s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(20px); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n animation: slideUp 0.8s ease-out;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 0.9rem 2.2rem;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #ea580c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--white);\r\n color: var(--primary-blue);\r\n border: 2px solid var(--white);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: transparent;\r\n color: var(--white);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .highlights {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .highlight-item {\r\n text-align: center;\r\n animation: slideUp 0.8s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .highlight-item:nth-child(2) { animation-delay: 0.1s; }\r\n .highlight-item:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n .highlight-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .highlight-item h3 {\r\n font-size: 1.1rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .highlight-item p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ============ SECTION STYLES ============ *\/\r\n .section {\r\n padding: 4rem 1.5rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--medium-gray);\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* ============ ABOUT SECTION ============ *\/\r\n .about-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n }\r\n\r\n .about-text h3 {\r\n font-size: 1.5rem;\r\n color: var(--secondary-blue);\r\n margin-bottom: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .mission-vision {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .mission-card, .vision-card {\r\n background: linear-gradient(135deg, var(--light-blue) 0%, rgba(219, 234, 254, 0.5) 100%);\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n border-left: 4px solid var(--secondary-blue);\r\n }\r\n\r\n .vision-card {\r\n background: linear-gradient(135deg, var(--light-orange) 0%, rgba(254, 215, 170, 0.5) 100%);\r\n border-left-color: var(--accent-orange);\r\n }\r\n\r\n .mission-card h4, .vision-card h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .about-image {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 12px;\r\n height: 400px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 4rem;\r\n }\r\n\r\n \/* ============ COURSES SECTION ============ *\/\r\n .courses-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .course-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .course-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--secondary-blue), var(--accent-orange));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: var(--transition);\r\n }\r\n\r\n .course-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .course-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.15);\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .course-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .course-card h3 {\r\n font-size: 1.5rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .course-card p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .course-details {\r\n list-style: none;\r\n margin: 1rem 0;\r\n }\r\n\r\n .course-details li {\r\n padding: 0.4rem 0;\r\n color: var(--dark-gray);\r\n font-size: 0.95rem;\r\n padding-left: 1.5rem;\r\n position: relative;\r\n }\r\n\r\n .course-details li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--success-green);\r\n font-weight: bold;\r\n }\r\n\r\n \/* ============ WHY CHOOSE US SECTION ============ *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .feature-card:hover {\r\n background: linear-gradient(135deg, var(--light-blue), var(--light-orange));\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.2rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--medium-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ============ TESTIMONIALS SECTION ============ *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .testimonial-card:hover {\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .stars {\r\n color: #fbbf24;\r\n margin-bottom: 1rem;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .testimonial-text {\r\n color: var(--medium-gray);\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n line-height: 1.8;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--accent-orange));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: bold;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .author-info h4 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .author-info p {\r\n color: var(--medium-gray);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============ RESULTS SECTION ============ *\/\r\n .results-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .result-stat {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n color: var(--white);\r\n padding: 2.5rem 1.5rem;\r\n border-radius: 12px;\r\n text-align: center;\r\n transition: var(--transition);\r\n }\r\n\r\n .result-stat:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.3);\r\n }\r\n\r\n .result-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 1rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .top-performers {\r\n margin-top: 3rem;\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .top-performers h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .performers-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .performer-item {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n text-align: center;\r\n border-left: 4px solid var(--accent-orange);\r\n }\r\n\r\n .performer-rank {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n margin: 0 auto 0.5rem;\r\n }\r\n\r\n .performer-name {\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .performer-exam {\r\n font-size: 0.85rem;\r\n color: var(--medium-gray);\r\n }\r\n\r\n \/* ============ FAQ SECTION ============ *\/\r\n .faq-container {\r\n max-width: 700px;\r\n margin: 3rem auto 0;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 8px;\r\n margin-bottom: 1rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .faq-question {\r\n padding: 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-question:hover {\r\n background: var(--light-gray);\r\n }\r\n\r\n .faq-toggle {\r\n font-size: 1.5rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 500px;\r\n padding: 0 1.5rem 1.5rem;\r\n }\r\n\r\n .faq-answer p {\r\n color: var(--medium-gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ============ CONTACT SECTION ============ *\/\r\n .contact-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-icon {\r\n font-size: 1.8rem;\r\n color: var(--secondary-blue);\r\n min-width: 30px;\r\n }\r\n\r\n .contact-details h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .contact-details p {\r\n color: var(--medium-gray);\r\n }\r\n\r\n .contact-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .contact-buttons .btn {\r\n flex: 1;\r\n min-width: 150px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 0.85rem;\r\n border: 2px solid var(--light-gray);\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .contact-form {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-form .btn {\r\n width: 100%;\r\n }\r\n\r\n #map {\r\n width: 100%;\r\n height: 300px;\r\n border-radius: 12px;\r\n margin-top: 1.5rem;\r\n border: 2px solid var(--light-gray);\r\n }\r\n\r\n \/* ============ GALLERY SECTION ============ *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .gallery-item {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n aspect-ratio: 4\/3;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .gallery-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 3rem;\r\n }\r\n\r\n \/* ============ FOOTER ============ *\/\r\n .footer {\r\n background: var(--primary-blue);\r\n color: var(--white);\r\n padding: 3rem 1.5rem 1rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .footer-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-section h3 {\r\n margin-bottom: 1rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section ul li {\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .footer-section a {\r\n color: rgba(255, 255, 255, 0.8);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .footer-section a:hover {\r\n color: var(--accent-orange);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .social-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icon:hover {\r\n background: var(--accent-orange);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n opacity: 0.8;\r\n }\r\n\r\n \/* ============ WHATSAPP BUTTON ============ *\/\r\n .whatsapp-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: #25d366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 2rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);\r\n transition: var(--transition);\r\n z-index: 999;\r\n text-decoration: none;\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);\r\n }\r\n\r\n \/* ============ RESPONSIVE ============ *\/\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .nav-menu {\r\n gap: 1rem;\r\n }\r\n\r\n .nav-link {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .about-content,\r\n .contact-container,\r\n .mission-vision {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .nav-menu {\r\n position: absolute;\r\n top: 70px;\r\n left: 0;\r\n right: 0;\r\n background: var(--white);\r\n flex-direction: column;\r\n gap: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-menu.active {\r\n max-height: 400px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .nav-menu.active .nav-link {\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--light-gray);\r\n }\r\n\r\n .courses-grid,\r\n .features-grid,\r\n .testimonials-grid,\r\n .results-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .section {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .navbar-container {\r\n padding: 0.5rem 1rem;\r\n }\r\n\r\n .logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .logo-icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ============ SMOOTH SCROLL ============ *\/\r\n .scroll-reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: scrollReveal 0.6s ease-out forwards;\r\n }\r\n\r\n @keyframes scrollReveal {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <nav class=\"navbar\">\r\n <div class=\"navbar-container\">\r\n <a href=\"#home\" class=\"logo\">\r\n <div class=\"logo-icon\">\ud83c\udf93<\/div>\r\n <span>Active Coaching<\/span>\r\n <\/a>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\r\n <li><a href=\"#about\" class=\"nav-link\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\" class=\"nav-link\">Courses<\/a><\/li>\r\n <li><a href=\"#why-us\" class=\"nav-link\">Why Choose Us<\/a><\/li>\r\n <li><a href=\"#results\" class=\"nav-link\">Results<\/a><\/li>\r\n <li><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-cta\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Get Started<\/button>\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Empowering Students for Academic Excellence<\/h1>\r\n <p>Expert guidance for school and competitive exams<\/p>\r\n <div class=\"hero-buttons\">\r\n <button class=\"btn btn-primary\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Enroll Now<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior: 'smooth'})\">Contact Us<\/button>\r\n <\/div>\r\n <div class=\"highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n <h3>Expert Faculty<\/h3>\r\n <p>Highly experienced and dedicated educators<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc65<\/div>\r\n <h3>Small Batches<\/h3>\r\n <p>Personalized attention to each student<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udcc8<\/div>\r\n <h3>Proven Results<\/h3>\r\n <p>Consistent success in competitive exams<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"about\">\r\n <h2 class=\"section-title\">About Active Coaching Classes<\/h2>\r\n <p class=\"section-subtitle\">Transforming Educational Excellence in Delhi Since 2010<\/p>\r\n <div class=\"about-content\">\r\n <div>\r\n <p>Active Coaching Classes is a premier educational institution dedicated to nurturing young talent and preparing students for academic and competitive success. With a legacy of excellence, we have been guiding students through their educational journey for over a decade.<\/p>\r\n \r\n <h3>Our Approach<\/h3>\r\n <p>We believe in combining conceptual clarity with practical problem-solving skills. Our teaching methodology is designed to build strong fundamentals while preparing students for competitive examinations.<\/p>\r\n\r\n <h3>Faculty Excellence<\/h3>\r\n <p>Our team comprises experienced educators holding degrees from top institutions. Each faculty member brings subject expertise, real-world experience, and a genuine passion for teaching.<\/p>\r\n\r\n <div class=\"mission-vision\">\r\n <div class=\"mission-card\">\r\n <h4>\ud83c\udfaf Our Mission<\/h4>\r\n <p>Helping students achieve academic success through innovative teaching methods, comprehensive study materials, and personalized guidance.<\/p>\r\n <\/div>\r\n <div class=\"vision-card\">\r\n <h4>\ud83c\udf1f Our Vision<\/h4>\r\n <p>To become the most trusted coaching institute in Delhi, recognized for producing well-rounded, confident, and academically excellent students.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-image\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"courses\">\r\n <h2 class=\"section-title\">Courses We Offer<\/h2>\r\n <p class=\"section-subtitle\">Comprehensive coaching for all academic levels and competitive exams<\/p>\r\n <div class=\"courses-grid\">\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcd6<\/div>\r\n <h3>Classes 6-10<\/h3>\r\n <p>Foundation building in all subjects with focus on conceptual clarity and regular assessments.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Mathematics & Science<\/li>\r\n <li>English & Hindi<\/li>\r\n <li>Social Studies<\/li>\r\n <li>Regular doubt-clearing sessions<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udd2c<\/div>\r\n <h3>Classes 11-12 (Science)<\/h3>\r\n <p>In-depth coaching in Physics, Chemistry, and Mathematics with board exam preparation.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Physics & Chemistry<\/li>\r\n <li>Advanced Mathematics<\/li>\r\n <li>Biology<\/li>\r\n <li>Board exam focused<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcbc<\/div>\r\n <h3>Classes 11-12 (Commerce)<\/h3>\r\n <p>Complete guidance in Accountancy, Economics, and Business Studies for board and other exams.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Accountancy<\/li>\r\n <li>Economics<\/li>\r\n <li>Business Studies<\/li>\r\n <li>Regular practice tests<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\ude80<\/div>\r\n <h3>JEE Main & Advanced<\/h3>\r\n <p>Comprehensive preparation for engineering entrance with expert faculty and extensive practice materials.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Complete JEE syllabus coverage<\/li>\r\n <li>Mock tests and analysis<\/li>\r\n <li>Personal mentoring<\/li>\r\n <li>Success rate: 85%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udc8a<\/div>\r\n <h3>NEET Coaching<\/h3>\r\n <p>Specialized preparation for medical entrance exams with experienced medical professionals.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Biology & Chemistry focus<\/li>\r\n <li>Clinical approach to concepts<\/li>\r\n <li>Full-length mock tests<\/li>\r\n <li>Success rate: 80%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcdd<\/div>\r\n <h3>Other Competitive Exams<\/h3>\r\n <p>Coaching for CUET, IPM, Banking exams, and other entrance examinations.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Customized curriculum<\/li>\r\n <li>Current affairs updates<\/li>\r\n <li>Reasoning & aptitude<\/li>\r\n <li>Speed & accuracy training<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"why-us\">\r\n <h2 class=\"section-title\">Why Choose Active Coaching?<\/h2>\r\n <p class=\"section-subtitle\">What sets us apart from other coaching institutes<\/p>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n <h3>Personalized Attention<\/h3>\r\n <p>Small batch sizes ensure each student receives individual attention and customized learning plans based on their pace and understanding.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n <h3>Regular Tests & Analysis<\/h3>\r\n <p>Weekly tests, monthly assessments, and detailed performance analysis to track progress and identify areas for improvement.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u2753<\/div>\r\n <h3>Doubt-Clearing Sessions<\/h3>\r\n <p>One-on-one doubt clearing sessions and mentoring to ensure no concept is left unclear. Extra classes available as needed.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n <h3>Affordable Fees<\/h3>\r\n <p>Competitive and transparent fee structure with flexible payment options. No hidden charges. Scholarships available for deserving students.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcda<\/div>\r\n <h3>Comprehensive Materials<\/h3>\r\n <p>Well-researched study materials, practice sets, and question banks curated by experienced educators for all competitive exams.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n <h3>Result-Oriented<\/h3>\r\n <p>Our strategies are focused on achieving results. We track every student's progress and adjust teaching methods for optimal outcomes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"results\">\r\n <h2 class=\"section-title\">Our Results & Achievements<\/h2>\r\n <p class=\"section-subtitle\">Proven track record of student success<\/p>\r\n \r\n <div class=\"results-grid\">\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">2000+<\/div>\r\n <div class=\"result-label\">Students Trained<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">95%<\/div>\r\n <div class=\"result-label\">Board Exam Success<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">85%<\/div>\r\n <div class=\"result-label\">JEE Selection Rate<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">80%<\/div>\r\n <div class=\"result-label\">NEET Success Rate<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"top-performers\">\r\n <h3>Top Performers 2024<\/h3>\r\n <div class=\"performers-list\">\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">1<\/div>\r\n <div class=\"performer-name\">Arjun Kumar<\/div>\r\n <div class=\"performer-exam\">JEE Advanced - 280\/300<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">2<\/div>\r\n <div class=\"performer-name\">Priya Sharma<\/div>\r\n <div class=\"performer-exam\">NEET - 710\/720<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">3<\/div>\r\n <div class=\"performer-name\">Aditya Patel<\/div>\r\n <div class=\"performer-exam\">JEE Main - 99.5 Percentile<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">4<\/div>\r\n <div class=\"performer-name\">Sneha Singh<\/div>\r\n <div class=\"performer-exam\">Board 12th - 98%<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">5<\/div>\r\n <div class=\"performer-name\">Rohit Gupta<\/div>\r\n <div class=\"performer-exam\">CUET Percentile - 99<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">6<\/div>\r\n <div class=\"performer-name\">Anjali Verma<\/div>\r\n <div class=\"performer-exam\">Board 10th - 99%<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"testimonials\">\r\n <h2 class=\"section-title\">What Students & Parents Say<\/h2>\r\n <p class=\"section-subtitle\">Real feedback from our successful students<\/p>\r\n \r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Active Coaching transformed my understanding of Mathematics. The teachers are incredibly patient and explain concepts in the simplest way possible. I scored 98% in my board exams!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">RG<\/div>\r\n <div class=\"author-info\">\r\n <h4>Rahul Gupta<\/h4>\r\n <p>Class 12 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"As a parent, I was impressed by the regular performance reports and personal attention given to my daughter. The faculty is highly qualified and genuinely cares about student progress.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">MS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Mrs. Sharma<\/h4>\r\n <p>Parent<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The JEE coaching here is exceptional. The mock tests were incredibly helpful, and the doubt-clearing sessions made all the difference. I cleared JEE Main with 98 percentile!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AK<\/div>\r\n <div class=\"author-info\">\r\n <h4>Akshay Kumar<\/h4>\r\n <p>JEE Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The NEET coaching program was comprehensive and well-structured. The Biology faculty is outstanding, and the practice questions helped me understand exam patterns perfectly.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">PS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Priya Sharma<\/h4>\r\n <p>NEET Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"What I appreciate most is the personalized approach. Teachers know each student by name and understand their learning style. This made a huge difference in my performance.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">VC<\/div>\r\n <div class=\"author-info\">\r\n <h4>Vivek Chawla<\/h4>\r\n <p>Class 11 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Outstanding coaching! The study materials are updated regularly, and the teachers go beyond the textbook. The affordable fees and scholarship options are commendable.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">NP<\/div>\r\n <div class=\"author-info\">\r\n <h4>Nikhil Pandey<\/h4>\r\n <p>Class 10 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"faq\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">Find answers to common questions<\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the batch size in your coaching classes?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We maintain small batch sizes of 15-25 students per class to ensure personalized attention and effective learning. This allows teachers to understand each student's learning needs and progress.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What are your fees and payment options?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our fee structure is transparent and competitive. Monthly, quarterly, and annual payment plans are available. We also offer scholarships for deserving students based on merit and financial need. Contact us for detailed fee information.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide online classes as well?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we offer both offline and online classes. Our online coaching is comprehensive with live interactive sessions, recorded lectures, practice materials, and one-on-one doubt clearing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>When should I start JEE\/NEET preparation?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>For competitive exams like JEE and NEET, it's advisable to start preparation after 10th class (Class 11). However, students with strong fundamentals from earlier classes can achieve better results.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide study materials?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, comprehensive study materials are provided for all courses including notes, practice sets, previous years' papers, and question banks. All materials are prepared by our experienced faculty.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is your refund\/cancellation policy?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We have a flexible cancellation policy. Refunds are provided as per the duration of usage. Please contact our office for detailed information about our refund policy.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How do you track student progress?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We conduct regular tests and assessments. Performance reports are shared with parents and students regularly. Teachers have one-on-one interactions to discuss progress and areas needing improvement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <h2 class=\"section-title\">Gallery<\/h2>\r\n <p class=\"section-subtitle\">A glimpse into our coaching environment<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfeb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udc65<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcbb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udf93<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfc6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"contact\">\r\n <h2 class=\"section-title\">Get In Touch With Us<\/h2>\r\n <p class=\"section-subtitle\">Contact us for more information or to schedule a free trial class<\/p>\r\n \r\n <div class=\"contact-container\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Location<\/h3>\r\n <p>Active Coaching Classes<br>Delhi, India<br>(Multiple centers across Delhi)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Phone<\/h3>\r\n <p>+91 98765-43210<br>+91 87654-32109<br>(9:00 AM - 9:00 PM)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Email<\/h3>\r\n <p>info@activecoaching.com<br>admissions@activecoaching.com<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Office Hours<\/h3>\r\n <p>Monday - Saturday: 7:00 AM - 9:00 PM<br>Sunday: 10:00 AM - 6:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-buttons\">\r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" class=\"btn btn-primary\" target=\"_blank\">\ud83d\udcac WhatsApp Us<\/a>\r\n <a href=\"tel:+919876543210\" class=\"btn btn-secondary\">\ud83d\udcde Call Now<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form\">\r\n <h3 style=\"color: var(--primary-blue); margin-bottom: 1.5rem;\">Send Us a Message<\/h3>\r\n <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Full Name *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Your name\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"your@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"+91 98765-43210\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"course\">Interested Course *<\/label>\r\n <select id=\"course\" name=\"course\" required style=\"width: 100%; padding: 0.85rem; border: 2px solid var(--light-gray); border-radius: 6px; font-size: 1rem; font-family: inherit;\">\r\n <option value=\"\">Select a course<\/option>\r\n <option value=\"Classes 6-10\">Classes 6-10<\/option>\r\n <option value=\"Classes 11-12 Science\">Classes 11-12 (Science)<\/option>\r\n <option value=\"Classes 11-12 Commerce\">Classes 11-12 (Commerce)<\/option>\r\n <option value=\"JEE Coaching\">JEE Main & Advanced<\/option>\r\n <option value=\"NEET Coaching\">NEET Coaching<\/option>\r\n <option value=\"Other Competitive Exams\">Other Competitive Exams<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Tell us about your learning needs...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn btn-primary\">Send Inquiry<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"map\"><\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h3>About Active Coaching<\/h3>\r\n <p>Premier coaching institute providing expert guidance for school students and competitive exam aspirants in Delhi.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-icon\">f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud835\udd4f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" class=\"social-icon\">\u25b6\ufe0f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Quick Links<\/h3>\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\">Courses<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms & Conditions<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Courses<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Classes 6-10<\/a><\/li>\r\n <li><a href=\"#\">Classes 11-12<\/a><\/li>\r\n <li><a href=\"#\">JEE Coaching<\/a><\/li>\r\n <li><a href=\"#\">NEET Coaching<\/a><\/li>\r\n <li><a href=\"#\">Competitive Exams<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Get In Touch<\/h3>\r\n <p>\ud83d\udccd Delhi, India<\/p>\r\n <p>\ud83d\udcde +91 98765-43210<\/p>\r\n <p>\u2709\ufe0f info@activecoaching.com<\/p>\r\n <p>\u23f0 7 AM - 9 PM (Mon-Sat)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Active Coaching Classes. All rights reserved. | Designed for Educational Excellence<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" target=\"_blank\" class=\"whatsapp-btn\">\r\n \ud83d\udcac\r\n <\/a>\r\n\r\n \r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n const hamburger = document.getElementById('hamburger');\r\n const navMenu = document.getElementById('navMenu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close menu on link click\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Update active nav link\r\n window.addEventListener('scroll', () => {\r\n let current = '';\r\n const sections = document.querySelectorAll('section');\r\n \r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n const sectionHeight = section.clientHeight;\r\n if (pageYOffset >= sectionTop - 200) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').slice(1) === current) {\r\n link.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ FAQ Toggle\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n item.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Form Submission\r\n function handleSubmit(event) {\r\n event.preventDefault();\r\n const name = document.getElementById('name').value;\r\n const email = document.getElementById('email').value;\r\n const phone = document.getElementById('phone').value;\r\n const course = document.getElementById('course').value;\r\n const message = document.getElementById('message').value;\r\n\r\n \/\/ Create WhatsApp message\r\n const whatsappMessage = `Hello! I am ${name}. I am interested in ${course}. Phone: ${phone}. Email: ${email}. Message: ${message}`;\r\n const encodedMessage = encodeURIComponent(whatsappMessage);\r\n window.open(`https:\/\/wa.me\/919876543210?text=${encodedMessage}`, '_blank');\r\n\r\n \/\/ Reset form\r\n document.getElementById('contactForm').reset();\r\n }\r\n\r\n \/\/ Scroll Reveal Animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -100px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('scroll-reveal');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all section titles\r\n document.querySelectorAll('.section-title').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Simple map integration (using OpenStreetMap)\r\n function initMap() {\r\n const mapElement = document.getElementById('map');\r\n if (mapElement) {\r\n mapElement.innerHTML = `\r\n <iframe width=\"100%\" height=\"300\" style=\"border-radius: 12px; border: 2px solid var(--light-gray);\" \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=Z3JhbiBtYXR0IGluIGRlbGhpINCSjAxo...\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n `;\r\n }\r\n }\r\n\r\n \/\/ Initialize on page load\r\n window.addEventListener('load', initMap);\r\n <\/script>\r\n<\/body>\r\n<\/html><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <meta name=\"description\" content=\"Active Coaching Classes - Expert guidance for school and competitive exams. Classes 6-12 and JEE\/NEET preparation in Delhi.\">\r\n <meta name=\"keywords\" content=\"Coaching Classes Delhi, JEE Coaching, NEET Coaching, School Tuition, Classes 6-12\">\r\n <meta name=\"author\" content=\"Active Coaching Classes\">\r\n <title>Active Coaching Classes | Expert Guidance for Academic Excellence<\/title>\r\n <style>\r\n :root {\r\n --primary-blue: #1e3a8a;\r\n --secondary-blue: #2563eb;\r\n --light-blue: #dbeafe;\r\n --accent-orange: #f97316;\r\n --light-orange: #fed7aa;\r\n --white: #ffffff;\r\n --dark-gray: #1f2937;\r\n --light-gray: #f3f4f6;\r\n --medium-gray: #9ca3af;\r\n --success-green: #10b981;\r\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--dark-gray);\r\n background-color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* ============ NAVBAR ============ *\/\r\n .navbar {\r\n position: sticky;\r\n top: 0;\r\n background: var(--white);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);\r\n z-index: 1000;\r\n transition: var(--transition);\r\n }\r\n\r\n .navbar-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0.75rem 1.5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .logo:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: 700;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 2rem;\r\n list-style: none;\r\n align-items: center;\r\n }\r\n\r\n .nav-link {\r\n text-decoration: none;\r\n color: var(--dark-gray);\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n width: 0;\r\n height: 2px;\r\n bottom: -4px;\r\n left: 0;\r\n background: var(--secondary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-link:hover {\r\n color: var(--secondary-blue);\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue));\r\n color: var(--white);\r\n padding: 0.6rem 1.4rem;\r\n border-radius: 6px;\r\n transition: var(--transition);\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n }\r\n\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n cursor: pointer;\r\n }\r\n\r\n .hamburger span {\r\n width: 25px;\r\n height: 3px;\r\n background: var(--primary-blue);\r\n margin: 4px 0;\r\n border-radius: 2px;\r\n transition: var(--transition);\r\n }\r\n\r\n \/* ============ HERO SECTION ============ *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);\r\n color: var(--white);\r\n padding: 4rem 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border-radius: 50%;\r\n animation: float 6s ease-in-out infinite;\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: -50px;\r\n width: 300px;\r\n height: 300px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 50%;\r\n animation: float 8s ease-in-out infinite reverse;\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(20px); }\r\n }\r\n\r\n .hero-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n animation: slideUp 0.8s ease-out;\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.3rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 0.9rem 2.2rem;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #ea580c;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: var(--white);\r\n color: var(--primary-blue);\r\n border: 2px solid var(--white);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: transparent;\r\n color: var(--white);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .highlights {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .highlight-item {\r\n text-align: center;\r\n animation: slideUp 0.8s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n .highlight-item:nth-child(2) { animation-delay: 0.1s; }\r\n .highlight-item:nth-child(3) { animation-delay: 0.2s; }\r\n\r\n .highlight-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .highlight-item h3 {\r\n font-size: 1.1rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .highlight-item p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* ============ SECTION STYLES ============ *\/\r\n .section {\r\n padding: 4rem 1.5rem;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem;\r\n color: var(--medium-gray);\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* ============ ABOUT SECTION ============ *\/\r\n .about-content {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: center;\r\n }\r\n\r\n .about-text h3 {\r\n font-size: 1.5rem;\r\n color: var(--secondary-blue);\r\n margin-bottom: 1rem;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .about-text p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.8;\r\n }\r\n\r\n .mission-vision {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.5rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .mission-card, .vision-card {\r\n background: linear-gradient(135deg, var(--light-blue) 0%, rgba(219, 234, 254, 0.5) 100%);\r\n padding: 1.5rem;\r\n border-radius: 12px;\r\n border-left: 4px solid var(--secondary-blue);\r\n }\r\n\r\n .vision-card {\r\n background: linear-gradient(135deg, var(--light-orange) 0%, rgba(254, 215, 170, 0.5) 100%);\r\n border-left-color: var(--accent-orange);\r\n }\r\n\r\n .mission-card h4, .vision-card h4 {\r\n font-size: 1.3rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .about-image {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n border-radius: 12px;\r\n height: 400px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 4rem;\r\n }\r\n\r\n \/* ============ COURSES SECTION ============ *\/\r\n .courses-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .course-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .course-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--secondary-blue), var(--accent-orange));\r\n transform: scaleX(0);\r\n transform-origin: left;\r\n transition: var(--transition);\r\n }\r\n\r\n .course-card:hover::before {\r\n transform: scaleX(1);\r\n }\r\n\r\n .course-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.15);\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .course-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .course-card h3 {\r\n font-size: 1.5rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .course-card p {\r\n color: var(--medium-gray);\r\n margin-bottom: 1rem;\r\n line-height: 1.7;\r\n }\r\n\r\n .course-details {\r\n list-style: none;\r\n margin: 1rem 0;\r\n }\r\n\r\n .course-details li {\r\n padding: 0.4rem 0;\r\n color: var(--dark-gray);\r\n font-size: 0.95rem;\r\n padding-left: 1.5rem;\r\n position: relative;\r\n }\r\n\r\n .course-details li::before {\r\n content: '\u2713';\r\n position: absolute;\r\n left: 0;\r\n color: var(--success-green);\r\n font-weight: bold;\r\n }\r\n\r\n \/* ============ WHY CHOOSE US SECTION ============ *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .feature-card {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n transition: var(--transition);\r\n text-align: center;\r\n }\r\n\r\n .feature-card:hover {\r\n background: linear-gradient(135deg, var(--light-blue), var(--light-orange));\r\n transform: translateY(-5px);\r\n }\r\n\r\n .feature-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .feature-card h3 {\r\n font-size: 1.2rem;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-card p {\r\n color: var(--medium-gray);\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ============ TESTIMONIALS SECTION ============ *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .testimonial-card {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 12px;\r\n padding: 2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .testimonial-card:hover {\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .stars {\r\n color: #fbbf24;\r\n margin-bottom: 1rem;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .testimonial-text {\r\n color: var(--medium-gray);\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n line-height: 1.8;\r\n }\r\n\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .author-avatar {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, var(--secondary-blue), var(--accent-orange));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-weight: bold;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .author-info h4 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .author-info p {\r\n color: var(--medium-gray);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============ RESULTS SECTION ============ *\/\r\n .results-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 2rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .result-stat {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n color: var(--white);\r\n padding: 2.5rem 1.5rem;\r\n border-radius: 12px;\r\n text-align: center;\r\n transition: var(--transition);\r\n }\r\n\r\n .result-stat:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 12px 24px rgba(30, 58, 138, 0.3);\r\n }\r\n\r\n .result-number {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 1rem;\r\n opacity: 0.95;\r\n }\r\n\r\n .top-performers {\r\n margin-top: 3rem;\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .top-performers h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 1.5rem;\r\n text-align: center;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .performers-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n .performer-item {\r\n background: var(--white);\r\n padding: 1rem;\r\n border-radius: 8px;\r\n text-align: center;\r\n border-left: 4px solid var(--accent-orange);\r\n }\r\n\r\n .performer-rank {\r\n background: var(--accent-orange);\r\n color: var(--white);\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: bold;\r\n margin: 0 auto 0.5rem;\r\n }\r\n\r\n .performer-name {\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .performer-exam {\r\n font-size: 0.85rem;\r\n color: var(--medium-gray);\r\n }\r\n\r\n \/* ============ FAQ SECTION ============ *\/\r\n .faq-container {\r\n max-width: 700px;\r\n margin: 3rem auto 0;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border: 2px solid var(--light-gray);\r\n border-radius: 8px;\r\n margin-bottom: 1rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item:hover {\r\n border-color: var(--secondary-blue);\r\n }\r\n\r\n .faq-question {\r\n padding: 1.5rem;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-question:hover {\r\n background: var(--light-gray);\r\n }\r\n\r\n .faq-toggle {\r\n font-size: 1.5rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .faq-item.active .faq-toggle {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 500px;\r\n padding: 0 1.5rem 1.5rem;\r\n }\r\n\r\n .faq-answer p {\r\n color: var(--medium-gray);\r\n line-height: 1.8;\r\n }\r\n\r\n \/* ============ CONTACT SECTION ============ *\/\r\n .contact-container {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n gap: 1.5rem;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-icon {\r\n font-size: 1.8rem;\r\n color: var(--secondary-blue);\r\n min-width: 30px;\r\n }\r\n\r\n .contact-details h3 {\r\n color: var(--primary-blue);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .contact-details p {\r\n color: var(--medium-gray);\r\n }\r\n\r\n .contact-buttons {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .contact-buttons .btn {\r\n flex: 1;\r\n min-width: 150px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 0.5rem;\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n }\r\n\r\n .form-group input,\r\n .form-group textarea {\r\n width: 100%;\r\n padding: 0.85rem;\r\n border: 2px solid var(--light-gray);\r\n border-radius: 6px;\r\n font-size: 1rem;\r\n font-family: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group textarea:focus {\r\n outline: none;\r\n border-color: var(--secondary-blue);\r\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\r\n }\r\n\r\n .form-group textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n }\r\n\r\n .contact-form {\r\n background: var(--light-gray);\r\n padding: 2rem;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-form .btn {\r\n width: 100%;\r\n }\r\n\r\n #map {\r\n width: 100%;\r\n height: 300px;\r\n border-radius: 12px;\r\n margin-top: 1.5rem;\r\n border: 2px solid var(--light-gray);\r\n }\r\n\r\n \/* ============ GALLERY SECTION ============ *\/\r\n .gallery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 1.5rem;\r\n margin-top: 3rem;\r\n }\r\n\r\n .gallery-item {\r\n background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));\r\n aspect-ratio: 4\/3;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .gallery-item:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .gallery-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 3rem;\r\n }\r\n\r\n \/* ============ FOOTER ============ *\/\r\n .footer {\r\n background: var(--primary-blue);\r\n color: var(--white);\r\n padding: 3rem 1.5rem 1rem;\r\n margin-top: 4rem;\r\n }\r\n\r\n .footer-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-section h3 {\r\n margin-bottom: 1rem;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-section ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-section ul li {\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .footer-section a {\r\n color: rgba(255, 255, 255, 0.8);\r\n text-decoration: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .footer-section a:hover {\r\n color: var(--accent-orange);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 1rem;\r\n margin-top: 1rem;\r\n }\r\n\r\n .social-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icon:hover {\r\n background: var(--accent-orange);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n opacity: 0.8;\r\n }\r\n\r\n \/* ============ WHATSAPP BUTTON ============ *\/\r\n .whatsapp-btn {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n width: 60px;\r\n height: 60px;\r\n background: #25d366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--white);\r\n font-size: 2rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);\r\n transition: var(--transition);\r\n z-index: 999;\r\n text-decoration: none;\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);\r\n }\r\n\r\n \/* ============ RESPONSIVE ============ *\/\r\n @media (max-width: 768px) {\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .nav-menu {\r\n gap: 1rem;\r\n }\r\n\r\n .nav-link {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .about-content,\r\n .contact-container,\r\n .mission-vision {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n\r\n .hamburger {\r\n display: flex;\r\n }\r\n\r\n .nav-menu {\r\n position: absolute;\r\n top: 70px;\r\n left: 0;\r\n right: 0;\r\n background: var(--white);\r\n flex-direction: column;\r\n gap: 0;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: var(--transition);\r\n }\r\n\r\n .nav-menu.active {\r\n max-height: 400px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .nav-menu.active .nav-link {\r\n padding: 1rem 1.5rem;\r\n border-bottom: 1px solid var(--light-gray);\r\n }\r\n\r\n .courses-grid,\r\n .features-grid,\r\n .testimonials-grid,\r\n .results-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .section {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .navbar-container {\r\n padding: 0.5rem 1rem;\r\n }\r\n\r\n .logo {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .logo-icon {\r\n width: 32px;\r\n height: 32px;\r\n }\r\n\r\n .highlights {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ============ SMOOTH SCROLL ============ *\/\r\n .scroll-reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: scrollReveal 0.6s ease-out forwards;\r\n }\r\n\r\n @keyframes scrollReveal {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <nav class=\"navbar\">\r\n <div class=\"navbar-container\">\r\n <a href=\"#home\" class=\"logo\">\r\n <div class=\"logo-icon\">\ud83c\udf93<\/div>\r\n <span>Active Coaching<\/span>\r\n <\/a>\r\n <ul class=\"nav-menu\" id=\"navMenu\">\r\n <li><a href=\"#home\" class=\"nav-link active\">Home<\/a><\/li>\r\n <li><a href=\"#about\" class=\"nav-link\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\" class=\"nav-link\">Courses<\/a><\/li>\r\n <li><a href=\"#why-us\" class=\"nav-link\">Why Choose Us<\/a><\/li>\r\n <li><a href=\"#results\" class=\"nav-link\">Results<\/a><\/li>\r\n <li><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\r\n <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n <\/ul>\r\n <button class=\"nav-cta\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Get Started<\/button>\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-content\">\r\n <h1>Empowering Students for Academic Excellence<\/h1>\r\n <p>Expert guidance for school and competitive exams<\/p>\r\n <div class=\"hero-buttons\">\r\n <button class=\"btn btn-primary\" onclick=\"document.getElementById('contactForm').scrollIntoView({behavior: 'smooth'})\">Enroll Now<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"document.getElementById('contact').scrollIntoView({behavior: 'smooth'})\">Contact Us<\/button>\r\n <\/div>\r\n <div class=\"highlights\">\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\r\n <h3>Expert Faculty<\/h3>\r\n <p>Highly experienced and dedicated educators<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udc65<\/div>\r\n <h3>Small Batches<\/h3>\r\n <p>Personalized attention to each student<\/p>\r\n <\/div>\r\n <div class=\"highlight-item\">\r\n <div class=\"highlight-icon\">\ud83d\udcc8<\/div>\r\n <h3>Proven Results<\/h3>\r\n <p>Consistent success in competitive exams<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"about\">\r\n <h2 class=\"section-title\">About Active Coaching Classes<\/h2>\r\n <p class=\"section-subtitle\">Transforming Educational Excellence in Delhi Since 2010<\/p>\r\n <div class=\"about-content\">\r\n <div>\r\n <p>Active Coaching Classes is a premier educational institution dedicated to nurturing young talent and preparing students for academic and competitive success. With a legacy of excellence, we have been guiding students through their educational journey for over a decade.<\/p>\r\n \r\n <h3>Our Approach<\/h3>\r\n <p>We believe in combining conceptual clarity with practical problem-solving skills. Our teaching methodology is designed to build strong fundamentals while preparing students for competitive examinations.<\/p>\r\n\r\n <h3>Faculty Excellence<\/h3>\r\n <p>Our team comprises experienced educators holding degrees from top institutions. Each faculty member brings subject expertise, real-world experience, and a genuine passion for teaching.<\/p>\r\n\r\n <div class=\"mission-vision\">\r\n <div class=\"mission-card\">\r\n <h4>\ud83c\udfaf Our Mission<\/h4>\r\n <p>Helping students achieve academic success through innovative teaching methods, comprehensive study materials, and personalized guidance.<\/p>\r\n <\/div>\r\n <div class=\"vision-card\">\r\n <h4>\ud83c\udf1f Our Vision<\/h4>\r\n <p>To become the most trusted coaching institute in Delhi, recognized for producing well-rounded, confident, and academically excellent students.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-image\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"courses\">\r\n <h2 class=\"section-title\">Courses We Offer<\/h2>\r\n <p class=\"section-subtitle\">Comprehensive coaching for all academic levels and competitive exams<\/p>\r\n <div class=\"courses-grid\">\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcd6<\/div>\r\n <h3>Classes 6-10<\/h3>\r\n <p>Foundation building in all subjects with focus on conceptual clarity and regular assessments.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Mathematics & Science<\/li>\r\n <li>English & Hindi<\/li>\r\n <li>Social Studies<\/li>\r\n <li>Regular doubt-clearing sessions<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udd2c<\/div>\r\n <h3>Classes 11-12 (Science)<\/h3>\r\n <p>In-depth coaching in Physics, Chemistry, and Mathematics with board exam preparation.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Physics & Chemistry<\/li>\r\n <li>Advanced Mathematics<\/li>\r\n <li>Biology<\/li>\r\n <li>Board exam focused<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcbc<\/div>\r\n <h3>Classes 11-12 (Commerce)<\/h3>\r\n <p>Complete guidance in Accountancy, Economics, and Business Studies for board and other exams.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Accountancy<\/li>\r\n <li>Economics<\/li>\r\n <li>Business Studies<\/li>\r\n <li>Regular practice tests<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\ude80<\/div>\r\n <h3>JEE Main & Advanced<\/h3>\r\n <p>Comprehensive preparation for engineering entrance with expert faculty and extensive practice materials.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Complete JEE syllabus coverage<\/li>\r\n <li>Mock tests and analysis<\/li>\r\n <li>Personal mentoring<\/li>\r\n <li>Success rate: 85%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udc8a<\/div>\r\n <h3>NEET Coaching<\/h3>\r\n <p>Specialized preparation for medical entrance exams with experienced medical professionals.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Biology & Chemistry focus<\/li>\r\n <li>Clinical approach to concepts<\/li>\r\n <li>Full-length mock tests<\/li>\r\n <li>Success rate: 80%+<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n\r\n <div class=\"course-card\">\r\n <div class=\"course-icon\">\ud83d\udcdd<\/div>\r\n <h3>Other Competitive Exams<\/h3>\r\n <p>Coaching for CUET, IPM, Banking exams, and other entrance examinations.<\/p>\r\n <ul class=\"course-details\">\r\n <li>Customized curriculum<\/li>\r\n <li>Current affairs updates<\/li>\r\n <li>Reasoning & aptitude<\/li>\r\n <li>Speed & accuracy training<\/li>\r\n <\/ul>\r\n <button class=\"btn btn-primary\" style=\"width: 100%; margin-top: 1rem;\">Learn More<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"why-us\">\r\n <h2 class=\"section-title\">Why Choose Active Coaching?<\/h2>\r\n <p class=\"section-subtitle\">What sets us apart from other coaching institutes<\/p>\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udca1<\/div>\r\n <h3>Personalized Attention<\/h3>\r\n <p>Small batch sizes ensure each student receives individual attention and customized learning plans based on their pace and understanding.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\r\n <h3>Regular Tests & Analysis<\/h3>\r\n <p>Weekly tests, monthly assessments, and detailed performance analysis to track progress and identify areas for improvement.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\u2753<\/div>\r\n <h3>Doubt-Clearing Sessions<\/h3>\r\n <p>One-on-one doubt clearing sessions and mentoring to ensure no concept is left unclear. Extra classes available as needed.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcb0<\/div>\r\n <h3>Affordable Fees<\/h3>\r\n <p>Competitive and transparent fee structure with flexible payment options. No hidden charges. Scholarships available for deserving students.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83d\udcda<\/div>\r\n <h3>Comprehensive Materials<\/h3>\r\n <p>Well-researched study materials, practice sets, and question banks curated by experienced educators for all competitive exams.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n <h3>Result-Oriented<\/h3>\r\n <p>Our strategies are focused on achieving results. We track every student's progress and adjust teaching methods for optimal outcomes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"results\">\r\n <h2 class=\"section-title\">Our Results & Achievements<\/h2>\r\n <p class=\"section-subtitle\">Proven track record of student success<\/p>\r\n \r\n <div class=\"results-grid\">\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">2000+<\/div>\r\n <div class=\"result-label\">Students Trained<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">95%<\/div>\r\n <div class=\"result-label\">Board Exam Success<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">85%<\/div>\r\n <div class=\"result-label\">JEE Selection Rate<\/div>\r\n <\/div>\r\n <div class=\"result-stat\">\r\n <div class=\"result-number\">80%<\/div>\r\n <div class=\"result-label\">NEET Success Rate<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"top-performers\">\r\n <h3>Top Performers 2024<\/h3>\r\n <div class=\"performers-list\">\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">1<\/div>\r\n <div class=\"performer-name\">Arjun Kumar<\/div>\r\n <div class=\"performer-exam\">JEE Advanced - 280\/300<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">2<\/div>\r\n <div class=\"performer-name\">Priya Sharma<\/div>\r\n <div class=\"performer-exam\">NEET - 710\/720<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">3<\/div>\r\n <div class=\"performer-name\">Aditya Patel<\/div>\r\n <div class=\"performer-exam\">JEE Main - 99.5 Percentile<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">4<\/div>\r\n <div class=\"performer-name\">Sneha Singh<\/div>\r\n <div class=\"performer-exam\">Board 12th - 98%<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">5<\/div>\r\n <div class=\"performer-name\">Rohit Gupta<\/div>\r\n <div class=\"performer-exam\">CUET Percentile - 99<\/div>\r\n <\/div>\r\n <div class=\"performer-item\">\r\n <div class=\"performer-rank\">6<\/div>\r\n <div class=\"performer-name\">Anjali Verma<\/div>\r\n <div class=\"performer-exam\">Board 10th - 99%<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"testimonials\">\r\n <h2 class=\"section-title\">What Students & Parents Say<\/h2>\r\n <p class=\"section-subtitle\">Real feedback from our successful students<\/p>\r\n \r\n <div class=\"testimonials-grid\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Active Coaching transformed my understanding of Mathematics. The teachers are incredibly patient and explain concepts in the simplest way possible. I scored 98% in my board exams!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">RG<\/div>\r\n <div class=\"author-info\">\r\n <h4>Rahul Gupta<\/h4>\r\n <p>Class 12 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"As a parent, I was impressed by the regular performance reports and personal attention given to my daughter. The faculty is highly qualified and genuinely cares about student progress.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">MS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Mrs. Sharma<\/h4>\r\n <p>Parent<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The JEE coaching here is exceptional. The mock tests were incredibly helpful, and the doubt-clearing sessions made all the difference. I cleared JEE Main with 98 percentile!\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">AK<\/div>\r\n <div class=\"author-info\">\r\n <h4>Akshay Kumar<\/h4>\r\n <p>JEE Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"The NEET coaching program was comprehensive and well-structured. The Biology faculty is outstanding, and the practice questions helped me understand exam patterns perfectly.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">PS<\/div>\r\n <div class=\"author-info\">\r\n <h4>Priya Sharma<\/h4>\r\n <p>NEET Aspirant<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"What I appreciate most is the personalized approach. Teachers know each student by name and understand their learning style. This made a huge difference in my performance.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">VC<\/div>\r\n <div class=\"author-info\">\r\n <h4>Vivek Chawla<\/h4>\r\n <p>Class 11 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n <div class=\"testimonial-text\">\"Outstanding coaching! The study materials are updated regularly, and the teachers go beyond the textbook. The affordable fees and scholarship options are commendable.\"<\/div>\r\n <div class=\"testimonial-author\">\r\n <div class=\"author-avatar\">NP<\/div>\r\n <div class=\"author-info\">\r\n <h4>Nikhil Pandey<\/h4>\r\n <p>Class 10 Student<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"faq\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">Find answers to common questions<\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is the batch size in your coaching classes?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We maintain small batch sizes of 15-25 students per class to ensure personalized attention and effective learning. This allows teachers to understand each student's learning needs and progress.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What are your fees and payment options?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Our fee structure is transparent and competitive. Monthly, quarterly, and annual payment plans are available. We also offer scholarships for deserving students based on merit and financial need. Contact us for detailed fee information.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide online classes as well?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, we offer both offline and online classes. Our online coaching is comprehensive with live interactive sessions, recorded lectures, practice materials, and one-on-one doubt clearing.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>When should I start JEE\/NEET preparation?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>For competitive exams like JEE and NEET, it's advisable to start preparation after 10th class (Class 11). However, students with strong fundamentals from earlier classes can achieve better results.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>Do you provide study materials?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>Yes, comprehensive study materials are provided for all courses including notes, practice sets, previous years' papers, and question banks. All materials are prepared by our experienced faculty.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>What is your refund\/cancellation policy?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We have a flexible cancellation policy. Refunds are provided as per the duration of usage. Please contact our office for detailed information about our refund policy.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <div class=\"faq-question\">\r\n <span>How do you track student progress?<\/span>\r\n <span class=\"faq-toggle\">+<\/span>\r\n <\/div>\r\n <div class=\"faq-answer\">\r\n <p>We conduct regular tests and assessments. Performance reports are shared with parents and students regularly. Teachers have one-on-one interactions to discuss progress and areas needing improvement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\">\r\n <h2 class=\"section-title\">Gallery<\/h2>\r\n <p class=\"section-subtitle\">A glimpse into our coaching environment<\/p>\r\n <div class=\"gallery-grid\">\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfeb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udc65<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcda<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83d\udcbb<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udf93<\/div>\r\n <\/div>\r\n <div class=\"gallery-item\">\r\n <div class=\"gallery-placeholder\">\ud83c\udfc6<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"section\" id=\"contact\">\r\n <h2 class=\"section-title\">Get In Touch With Us<\/h2>\r\n <p class=\"section-subtitle\">Contact us for more information or to schedule a free trial class<\/p>\r\n \r\n <div class=\"contact-container\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Location<\/h3>\r\n <p>Active Coaching Classes<br>Delhi, India<br>(Multiple centers across Delhi)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Phone<\/h3>\r\n <p>+91 98765-43210<br>+91 87654-32109<br>(9:00 AM - 9:00 PM)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Email<\/h3>\r\n <p>info@activecoaching.com<br>admissions@activecoaching.com<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\ud83d\udd50<\/div>\r\n <div class=\"contact-details\">\r\n <h3>Office Hours<\/h3>\r\n <p>Monday - Saturday: 7:00 AM - 9:00 PM<br>Sunday: 10:00 AM - 6:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-buttons\">\r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" class=\"btn btn-primary\" target=\"_blank\">\ud83d\udcac WhatsApp Us<\/a>\r\n <a href=\"tel:+919876543210\" class=\"btn btn-secondary\">\ud83d\udcde Call Now<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form\">\r\n <h3 style=\"color: var(--primary-blue); margin-bottom: 1.5rem;\">Send Us a Message<\/h3>\r\n <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Full Name *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Your name\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"your@email.com\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Phone Number *<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" required placeholder=\"+91 98765-43210\">\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"course\">Interested Course *<\/label>\r\n <select id=\"course\" name=\"course\" required style=\"width: 100%; padding: 0.85rem; border: 2px solid var(--light-gray); border-radius: 6px; font-size: 1rem; font-family: inherit;\">\r\n <option value=\"\">Select a course<\/option>\r\n <option value=\"Classes 6-10\">Classes 6-10<\/option>\r\n <option value=\"Classes 11-12 Science\">Classes 11-12 (Science)<\/option>\r\n <option value=\"Classes 11-12 Commerce\">Classes 11-12 (Commerce)<\/option>\r\n <option value=\"JEE Coaching\">JEE Main & Advanced<\/option>\r\n <option value=\"NEET Coaching\">NEET Coaching<\/option>\r\n <option value=\"Other Competitive Exams\">Other Competitive Exams<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"message\">Message<\/label>\r\n <textarea id=\"message\" name=\"message\" placeholder=\"Tell us about your learning needs...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn btn-primary\">Send Inquiry<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"map\"><\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-section\">\r\n <h3>About Active Coaching<\/h3>\r\n <p>Premier coaching institute providing expert guidance for school students and competitive exam aspirants in Delhi.<\/p>\r\n <div class=\"social-links\">\r\n <a href=\"#\" class=\"social-icon\">f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud835\udd4f<\/a>\r\n <a href=\"#\" class=\"social-icon\">\ud83d\udcf7<\/a>\r\n <a href=\"#\" class=\"social-icon\">\u25b6\ufe0f<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Quick Links<\/h3>\r\n <ul>\r\n <li><a href=\"#home\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#courses\">Courses<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><a href=\"#\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\">Terms & Conditions<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Courses<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Classes 6-10<\/a><\/li>\r\n <li><a href=\"#\">Classes 11-12<\/a><\/li>\r\n <li><a href=\"#\">JEE Coaching<\/a><\/li>\r\n <li><a href=\"#\">NEET Coaching<\/a><\/li>\r\n <li><a href=\"#\">Competitive Exams<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-section\">\r\n <h3>Get In Touch<\/h3>\r\n <p>\ud83d\udccd Delhi, India<\/p>\r\n <p>\ud83d\udcde +91 98765-43210<\/p>\r\n <p>\u2709\ufe0f info@activecoaching.com<\/p>\r\n <p>\u23f0 7 AM - 9 PM (Mon-Sat)<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Active Coaching Classes. All rights reserved. | Designed for Educational Excellence<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/919876543210?text=Hello%20Active%20Coaching%20Classes\" target=\"_blank\" class=\"whatsapp-btn\">\r\n \ud83d\udcac\r\n <\/a>\r\n\r\n \r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n const hamburger = document.getElementById('hamburger');\r\n const navMenu = document.getElementById('navMenu');\r\n\r\n hamburger.addEventListener('click', () => {\r\n navMenu.classList.toggle('active');\r\n });\r\n\r\n \/\/ Close menu on link click\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.addEventListener('click', () => {\r\n navMenu.classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ Update active nav link\r\n window.addEventListener('scroll', () => {\r\n let current = '';\r\n const sections = document.querySelectorAll('section');\r\n \r\n sections.forEach(section => {\r\n const sectionTop = section.offsetTop;\r\n const sectionHeight = section.clientHeight;\r\n if (pageYOffset >= sectionTop - 200) {\r\n current = section.getAttribute('id');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.nav-link').forEach(link => {\r\n link.classList.remove('active');\r\n if (link.getAttribute('href').slice(1) === current) {\r\n link.classList.add('active');\r\n }\r\n });\r\n });\r\n\r\n \/\/ FAQ Toggle\r\n const faqItems = document.querySelectorAll('.faq-item');\r\n faqItems.forEach(item => {\r\n const question = item.querySelector('.faq-question');\r\n question.addEventListener('click', () => {\r\n faqItems.forEach(otherItem => {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n item.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Form Submission\r\n function handleSubmit(event) {\r\n event.preventDefault();\r\n const name = document.getElementById('name').value;\r\n const email = document.getElementById('email').value;\r\n const phone = document.getElementById('phone').value;\r\n const course = document.getElementById('course').value;\r\n const message = document.getElementById('message').value;\r\n\r\n \/\/ Create WhatsApp message\r\n const whatsappMessage = `Hello! I am ${name}. I am interested in ${course}. Phone: ${phone}. Email: ${email}. Message: ${message}`;\r\n const encodedMessage = encodeURIComponent(whatsappMessage);\r\n window.open(`https:\/\/wa.me\/919876543210?text=${encodedMessage}`, '_blank');\r\n\r\n \/\/ Reset form\r\n document.getElementById('contactForm').reset();\r\n }\r\n\r\n \/\/ Scroll Reveal Animation\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -100px 0px'\r\n };\r\n\r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('scroll-reveal');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n \/\/ Observe all section titles\r\n document.querySelectorAll('.section-title').forEach(el => {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Simple map integration (using OpenStreetMap)\r\n function initMap() {\r\n const mapElement = document.getElementById('map');\r\n if (mapElement) {\r\n mapElement.innerHTML = `\r\n <iframe width=\"100%\" height=\"300\" style=\"border-radius: 12px; border: 2px solid var(--light-gray);\" \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=Z3JhbiBtYXR0IGluIGRlbGhpINCSjAxo...\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n `;\r\n }\r\n }\r\n\r\n \/\/ Initialize on page load\r\n window.addEventListener('load', initMap);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Active Coaching Classes | Expert Guidance for Academic Excellence \ud83c\udf93 Active Coaching Home About Us Courses Why Choose Us Results Testimonials FAQ Contact Get Started Empowering Students for Academic Excellence Expert guidance for school and competitive exams Enroll Now Contact Us \ud83d\udc68\u200d\ud83c\udfeb Expert Faculty Highly experienced and dedicated educators \ud83d\udc65 Small Batches Personalized attention to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/iconicmoney.online\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/iconicmoney.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}