{"id":54,"date":"2026-04-25T07:22:37","date_gmt":"2026-04-25T07:22:37","guid":{"rendered":"https:\/\/globalcamp.gyanacademy.com\/?page_id=54"},"modified":"2026-04-25T07:26:40","modified_gmt":"2026-04-25T07:26:40","slug":"11-chemistry-pract","status":"publish","type":"page","link":"https:\/\/globalcamp.gyanacademy.com\/?page_id=54","title":{"rendered":"11 Chemistry pract."},"content":{"rendered":"\t\t
\n\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 Class 11 Chemistry Practical | Gyan Academy - Build Strong Foundation<\/title>\r\n \r\n <!-- Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* ===== CSS VARIABLES - CHEMISTRY LIGHT THEME ===== *\/\r\n :root {\r\n --gradient-hero: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 25%, #dcfce7 55%, #fef3c7 85%, #ffffff 100%);\r\n --gradient-card: linear-gradient(145deg, #ffffff, #f8fafc);\r\n --gradient-chemistry: linear-gradient(90deg, #0ea5e9, #10b981, #f59e0b);\r\n --gradient-organic: linear-gradient(90deg, #10b981, #14b8a6);\r\n --gradient-inorganic: linear-gradient(90deg, #0ea5e9, #3b82f6);\r\n --gradient-physical: linear-gradient(90deg, #f59e0b, #f97316);\r\n --gradient-accent: linear-gradient(90deg, #10b981, #14b8a6, #06b6d4);\r\n --gradient-accent-soft: linear-gradient(90deg, rgba(16,185,129,0.1), rgba(20,184,166,0.1), rgba(6,182,212,0.1));\r\n \r\n --color-organic: #10b981;\r\n --color-inorganic: #0ea5e9;\r\n --color-physical: #f59e0b;\r\n --color-primary: #0ea5e9;\r\n --color-primary-dark: #0284c7;\r\n --color-secondary: #10b981;\r\n --color-success: #22c55e;\r\n --color-warning: #f59e0b;\r\n --color-danger: #ef4444;\r\n \r\n --bg-body: #fafafa;\r\n --bg-surface: #ffffff;\r\n --bg-card: #ffffff;\r\n --bg-muted: #f1f5f9;\r\n --bg-chemistry: #f0f9ff;\r\n \r\n --text-primary: #0f172a;\r\n --text-secondary: #334155;\r\n --text-muted: #64748b;\r\n --text-inverse: #ffffff;\r\n \r\n --border-light: #e2e8f0;\r\n --border-medium: #cbd5e1;\r\n --border-chemistry: #0ea5e9;\r\n \r\n --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);\r\n --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\r\n --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);\r\n --shadow-glow: 0 0 30px rgba(14, 165, 233, 0.15);\r\n --shadow-chemistry: 0 0 25px rgba(14, 165, 233, 0.12);\r\n \r\n --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n \r\n --radius-sm: 0.375rem;\r\n --radius-md: 0.75rem;\r\n --radius-lg: 1rem;\r\n --radius-xl: 1.5rem;\r\n --radius-full: 9999px;\r\n \r\n --space-xs: 0.5rem;\r\n --space-sm: 1rem;\r\n --space-md: 1.5rem;\r\n --space-lg: 2rem;\r\n --space-xl: 3rem;\r\n --space-2xl: 4rem;\r\n \r\n --font-body: 'Poppins', 'Noto Sans Devanagari', sans-serif;\r\n --font-mono: 'Consolas', 'Courier New', monospace;\r\n --text-xs: 0.75rem;\r\n --text-sm: 0.875rem;\r\n --text-base: 1rem;\r\n --text-lg: 1.125rem;\r\n --text-xl: 1.25rem;\r\n --text-2xl: 1.5rem;\r\n --text-3xl: 1.875rem;\r\n --text-4xl: 2.25rem;\r\n --text-5xl: 3rem;\r\n --font-weight-normal: 400;\r\n --font-weight-medium: 500;\r\n --font-weight-semibold: 600;\r\n --font-weight-bold: 700;\r\n }\r\n \r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n \r\n body {\r\n font-family: var(--font-body);\r\n background: var(--bg-body);\r\n color: var(--text-primary);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n \r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 var(--space-md);\r\n }\r\n \r\n .section { padding: var(--space-2xl) 0; }\r\n \r\n .section-title {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n text-align: center;\r\n margin-bottom: var(--space-lg);\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .section-subtitle {\r\n text-align: center;\r\n color: var(--text-secondary);\r\n font-size: var(--text-lg);\r\n max-width: 700px;\r\n margin: 0 auto var(--space-xl);\r\n }\r\n \r\n \/* ===== HERO SECTION ===== *\/\r\n .hero {\r\n background: var(--gradient-hero);\r\n padding: var(--space-2xl) 0;\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid var(--border-light);\r\n }\r\n \r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: \r\n radial-gradient(circle at 15% 85%, rgba(14, 165, 233, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 85% 15%, rgba(16, 185, 129, 0.08) 0%, transparent 50%),\r\n radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n opacity: 0.6;\r\n }\r\n \r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n \r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(14, 165, 233, 0.12);\r\n border: 1px solid rgba(14, 165, 233, 0.25);\r\n color: var(--color-inorganic);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-bottom: var(--space-lg);\r\n backdrop-filter: blur(10px);\r\n animation: fadeInUp 0.6s ease-out;\r\n }\r\n \r\n .hero-badge i { color: var(--color-organic); }\r\n \r\n .hero-title {\r\n font-size: var(--text-5xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: 1.1;\r\n margin-bottom: var(--space-md);\r\n color: var(--text-primary);\r\n animation: fadeInUp 0.6s ease-out 0.1s both;\r\n }\r\n \r\n .hero-title span {\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: var(--text-xl);\r\n color: var(--text-secondary);\r\n margin-bottom: var(--space-xl);\r\n animation: fadeInUp 0.6s ease-out 0.2s both;\r\n }\r\n \r\n .hero-stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: var(--space-lg);\r\n margin-bottom: var(--space-xl);\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.6s ease-out 0.3s both;\r\n }\r\n \r\n .stat-item {\r\n text-align: center;\r\n background: var(--bg-surface);\r\n padding: var(--space-md) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-md);\r\n border: 1px solid var(--border-light);\r\n min-width: 140px;\r\n }\r\n \r\n .stat-value {\r\n font-size: var(--text-3xl);\r\n font-weight: var(--font-weight-bold);\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .stat-label {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n .hero-cta {\r\n display: flex;\r\n gap: var(--space-sm);\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n animation: fadeInUp 0.6s ease-out 0.4s both;\r\n }\r\n \r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--space-xs);\r\n padding: var(--space-sm) var(--space-lg);\r\n font-size: var(--text-base);\r\n font-weight: var(--font-weight-semibold);\r\n border-radius: var(--radius-full);\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: var(--transition-normal);\r\n border: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .btn-primary {\r\n background: var(--gradient-chemistry);\r\n color: white;\r\n box-shadow: var(--shadow-chemistry);\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 0 35px rgba(14, 165, 233, 0.25);\r\n }\r\n \r\n .btn-secondary {\r\n background: white;\r\n color: var(--color-inorganic);\r\n border: 2px solid var(--color-inorganic);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background: var(--bg-chemistry);\r\n border-color: var(--color-primary-dark);\r\n }\r\n \r\n .btn::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: -100%;\r\n width: 100%; height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transition: left 0.5s;\r\n }\r\n .btn:hover::after { left: 100%; }\r\n \r\n .price-highlight {\r\n background: white;\r\n padding: var(--space-sm) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n margin-top: var(--space-md);\r\n animation: fadeInUp 0.6s ease-out 0.5s both;\r\n box-shadow: var(--shadow-md);\r\n border: 2px solid var(--color-inorganic);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-sm);\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n \r\n .price-original {\r\n text-decoration: line-through;\r\n color: var(--text-muted);\r\n font-size: var(--text-lg);\r\n }\r\n \r\n .price-current {\r\n font-size: var(--text-4xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--color-success);\r\n }\r\n \r\n .price-note {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .exam-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(239, 68, 68, 0.12);\r\n border: 1px solid var(--color-danger);\r\n color: var(--color-danger);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-top: var(--space-md);\r\n }\r\n \r\n \/* ===== EXPERIMENT CATEGORY CARDS ===== *\/\r\n .category-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: var(--space-lg);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .category-card {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-xl);\r\n text-align: center;\r\n border: 2px solid var(--border-light);\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .category-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n \r\n .category-card.organic { border-top: 4px solid var(--color-organic); }\r\n .category-card.inorganic { border-top: 4px solid var(--color-inorganic); }\r\n .category-card.physical { border-top: 4px solid var(--color-physical); }\r\n .category-card.basic { border-top: 4px solid var(--color-success); }\r\n \r\n .category-icon {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--space-md);\r\n font-size: var(--text-3xl);\r\n color: white;\r\n }\r\n \r\n .organic .category-icon { background: var(--gradient-organic); }\r\n .inorganic .category-icon { background: var(--gradient-inorganic); }\r\n .physical .category-icon { background: var(--gradient-physical); }\r\n .basic .category-icon { background: linear-gradient(135deg, #22c55e, #16a34a); }\r\n \r\n .category-name {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-xs);\r\n }\r\n \r\n .category-count {\r\n font-size: var(--text-sm);\r\n color: var(--text-muted);\r\n margin-bottom: var(--space-sm);\r\n }\r\n \r\n .category-desc {\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n \/* ===== COURSE OVERVIEW ===== *\/\r\n .overview { background: var(--bg-surface); }\r\n \r\n .overview-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-xl);\r\n }\r\n \r\n .overview-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-md);\r\n transition: var(--transition-normal);\r\n position: relative;\r\n overflow: hidden;\r\n border-top: 3px solid var(--color-inorganic);\r\n }\r\n \r\n .overview-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--color-primary);\r\n }\r\n \r\n .card-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: var(--space-md);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary);\r\n border: 2px solid var(--color-primary);\r\n }\r\n \r\n .card-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-semibold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .card-desc {\r\n color: var(--text-secondary);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== THEORY BADGE ===== *\/\r\n .theory-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(139, 92, 246, 0.12);\r\n border: 1px solid #8b5cf6;\r\n color: #8b5cf6;\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n \/* ===== EXPERIMENT PREVIEW BOX ===== *\/\r\n .experiment-preview {\r\n background: linear-gradient(135deg, #dbeafe, #bfdbfe);\r\n border: 3px dashed var(--color-inorganic);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .preview-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n text-align: center;\r\n }\r\n \r\n .experiment-showcase {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n margin: var(--space-md) 0;\r\n box-shadow: var(--shadow-md);\r\n }\r\n \r\n .experiment-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: var(--space-sm);\r\n flex-wrap: wrap;\r\n gap: var(--space-sm);\r\n }\r\n \r\n .experiment-name {\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--color-inorganic);\r\n }\r\n \r\n .experiment-type {\r\n background: var(--color-organic);\r\n color: white;\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n .experiment-details {\r\n background: var(--bg-muted);\r\n padding: var(--space-sm);\r\n border-radius: var(--radius-md);\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n margin-top: var(--space-sm);\r\n }\r\n \r\n .experiment-objective {\r\n margin-top: var(--space-sm);\r\n padding: var(--space-sm);\r\n background: rgba(16, 185, 129, 0.1);\r\n border-left: 3px solid var(--color-organic);\r\n border-radius: var(--radius-sm);\r\n }\r\n \r\n \/* ===== CBSE ALIGNMENT BADGE ===== *\/\r\n .cbse-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(14, 165, 233, 0.12);\r\n border: 1px solid var(--color-inorganic);\r\n color: var(--color-inorganic);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin: var(--space-xs);\r\n }\r\n \r\n \/* ===== CURRICULUM \/ EXPERIMENTS LIST ===== *\/\r\n .curriculum { background: var(--bg-surface); }\r\n \r\n .experiments-container {\r\n max-width: 1000px;\r\n margin: var(--space-xl) auto 0;\r\n }\r\n \r\n .experiment-category-header {\r\n background: var(--gradient-chemistry);\r\n color: white;\r\n padding: var(--space-md) var(--space-lg);\r\n border-radius: var(--radius-lg);\r\n margin: var(--space-xl) 0 var(--space-lg);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-md);\r\n }\r\n \r\n .category-number {\r\n background: white;\r\n color: var(--color-primary);\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: var(--font-weight-bold);\r\n flex-shrink: 0;\r\n }\r\n \r\n .category-title {\r\n font-size: var(--text-xl);\r\n font-weight: var(--font-weight-bold);\r\n }\r\n \r\n .experiment-item {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-md);\r\n padding: var(--space-md) var(--space-lg);\r\n margin-bottom: var(--space-sm);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--space-md);\r\n }\r\n \r\n .experiment-item:hover {\r\n border-color: var(--color-inorganic);\r\n box-shadow: var(--shadow-md);\r\n transform: translateX(4px);\r\n }\r\n \r\n .experiment-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary);\r\n font-size: var(--text-lg);\r\n flex-shrink: 0;\r\n }\r\n \r\n .experiment-content {\r\n flex: 1;\r\n }\r\n \r\n .experiment-title {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-xs);\r\n font-size: var(--text-base);\r\n }\r\n \r\n .experiment-meta {\r\n font-size: var(--text-xs);\r\n color: var(--text-muted);\r\n display: flex;\r\n gap: var(--space-md);\r\n flex-wrap: wrap;\r\n align-items: center;\r\n }\r\n \r\n .experiment-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n .difficulty-beginner { color: var(--color-success); }\r\n .difficulty-intermediate { color: var(--color-warning); }\r\n .difficulty-advanced { color: var(--color-danger); }\r\n \r\n \/* ===== FOUNDATION BADGE ===== *\/\r\n .foundation-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(34, 197, 94, 0.12);\r\n border: 1px solid var(--color-success);\r\n color: var(--color-success);\r\n padding: var(--space-xs) var(--space-sm);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-medium);\r\n }\r\n \r\n \/* ===== VIRTUAL LAB SECTION ===== *\/\r\n .virtual-lab {\r\n background: linear-gradient(135deg, #fef3c7, #fde68a);\r\n border: 2px solid var(--color-warning);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .lab-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n text-align: center;\r\n }\r\n \r\n .lab-features {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n .lab-feature {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n border-left: 4px solid var(--color-warning);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .lab-feature-title {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-sm);\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n }\r\n \r\n .lab-feature-desc {\r\n font-size: var(--text-sm);\r\n color: var(--text-secondary);\r\n }\r\n \r\n \/* ===== FOUNDATION SKILLS SECTION ===== *\/\r\n .foundation-skills {\r\n background: linear-gradient(135deg, #dcfce7, #bbf7d0);\r\n border: 2px solid var(--color-success);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-xl);\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .skills-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n color: var(--text-primary);\r\n margin-bottom: var(--space-md);\r\n text-align: center;\r\n }\r\n \r\n .skills-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: var(--space-md);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n .skill-card {\r\n background: white;\r\n border-radius: var(--radius-lg);\r\n padding: var(--space-lg);\r\n text-align: center;\r\n box-shadow: var(--shadow-sm);\r\n border: 1px solid var(--border-light);\r\n }\r\n \r\n .skill-icon {\r\n font-size: var(--text-3xl);\r\n margin-bottom: var(--space-sm);\r\n color: var(--color-success);\r\n }\r\n \r\n .skill-name {\r\n font-weight: var(--font-weight-semibold);\r\n color: var(--text-primary);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== LMS FEATURES ===== *\/\r\n .lms-features { background: var(--bg-muted); }\r\n \r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: var(--space-lg);\r\n margin-top: var(--space-xl);\r\n }\r\n \r\n .feature-item {\r\n text-align: center;\r\n padding: var(--space-lg);\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-lg);\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition-normal);\r\n }\r\n \r\n .feature-item:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: var(--color-primary);\r\n }\r\n \r\n .feature-icon {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: var(--radius-full);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--space-md);\r\n font-size: var(--text-2xl);\r\n background: var(--gradient-accent-soft);\r\n border: 2px solid var(--color-primary);\r\n color: var(--color-primary);\r\n }\r\n \r\n .feature-title {\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-semibold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .feature-desc {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n \/* ===== PRICING ===== *\/\r\n .pricing { background: var(--bg-surface); }\r\n \r\n .pricing-card {\r\n background: var(--bg-card);\r\n border-radius: var(--radius-xl);\r\n padding: var(--space-2xl);\r\n max-width: 500px;\r\n margin: 0 auto;\r\n border: 3px solid var(--color-inorganic);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-chemistry);\r\n }\r\n \r\n .pricing-card::before {\r\n content: 'CBSE ALIGNED';\r\n position: absolute;\r\n top: var(--space-md);\r\n right: -35px;\r\n background: var(--gradient-chemistry);\r\n color: white;\r\n padding: var(--space-xs) var(--space-2xl);\r\n font-size: var(--text-xs);\r\n font-weight: var(--font-weight-bold);\r\n transform: rotate(45deg);\r\n letter-spacing: 1px;\r\n }\r\n \r\n .pricing-header {\r\n text-align: center;\r\n margin-bottom: var(--space-xl);\r\n }\r\n \r\n .pricing-title {\r\n font-size: var(--text-2xl);\r\n font-weight: var(--font-weight-bold);\r\n margin-bottom: var(--space-xs);\r\n color: var(--text-primary);\r\n }\r\n \r\n .pricing-price {\r\n font-size: var(--text-5xl);\r\n font-weight: var(--font-weight-bold);\r\n background: var(--gradient-chemistry);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .pricing-duration {\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .pricing-features {\r\n list-style: none;\r\n margin: var(--space-xl) 0;\r\n }\r\n \r\n .pricing-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--space-sm);\r\n padding: var(--space-xs) 0;\r\n color: var(--text-secondary);\r\n }\r\n \r\n .pricing-features i {\r\n color: var(--color-success);\r\n font-size: var(--text-sm);\r\n }\r\n \r\n .pricing-guarantee {\r\n text-align: center;\r\n color: var(--text-muted);\r\n font-size: var(--text-sm);\r\n margin-top: var(--space-lg);\r\n padding-top: var(--space-lg);\r\n border-top: 1px solid var(--border-light);\r\n }\r\n \r\n .pricing-cta {\r\n display: block;\r\n width: 100%;\r\n padding: var(--space-md);\r\n font-size: var(--text-lg);\r\n margin-top: var(--space-lg);\r\n }\r\n \r\n \/* ===== FAQ ===== *\/\r\n .faq { background: var(--bg-muted); }\r\n .faq-container { max-width: 800px; margin: 0 auto; }\r\n \r\n .faq-item {\r\n background: var(--bg-surface);\r\n border-radius: var(--radius-md);\r\n margin-bottom: var(--space-sm);\r\n overflow: hidden;\r\n border: 1px solid var(--border-light);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n \r\n .faq-question {\r\n width: 100%;\r\n padding: var(--space-md) var(--space-lg);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n color: var(--text-primary);\r\n font-size: var(--text-lg);\r\n font-weight: var(--font-weight-medium);\r\n cursor: pointer;\r\n text-align: left;\r\n transition: var(--transition-fast);\r\n }\r\n \r\n .faq-question:hover { background: var(--bg-chemistry); }\r\n \r\n .faq-question.active {\r\n background: var(--gradient-accent-soft);\r\n color: var(--color-primary-dark);\r\n font-weight: var(--font-weight-semibold);\r\n }\r\n \r\n .faq-icon {\r\n transition: transform var(--transition-fast);\r\n color: var(--text-muted);\r\n }\r\n \r\n .faq-question.active .faq-icon {\r\n transform: rotate(45deg);\r\n color: var(--color-primary);\r\n }\r\n \r\n .faq-answer {\r\n padding: 0 var(--space-lg);\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height var(--transition-normal), padding var(--transition-normal);\r\n color: var(--text-secondary);\r\n background: var(--bg-muted);\r\n }\r\n \r\n .faq-answer.show {\r\n padding: var(--space-sm) var(--space-lg) var(--space-lg);\r\n max-height: 500px;\r\n }\r\n \r\n \/* ===== FINAL CTA ===== *\/\r\n .final-cta {\r\n background: var(--gradient-hero);\r\n text-align: center;\r\n padding: var(--space-2xl) 0;\r\n border-top: 1px solid var(--border-light);\r\n }\r\n \r\n .cta-title {\r\n font-size: var(--text-4xl);\r\n font-weight: var(--font-weight-bold);\r\n margin-bottom: var(--space-md);\r\n color: var(--text-primary);\r\n }\r\n \r\n .cta-subtitle {\r\n font-size: var(--text-xl);\r\n color: var(--text-secondary);\r\n max-width: 600px;\r\n margin: 0 auto var(--space-xl);\r\n }\r\n \r\n .urgency-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: var(--space-xs);\r\n background: rgba(239, 68, 68, 0.12);\r\n border: 1px solid var(--color-danger);\r\n color: var(--color-danger);\r\n padding: var(--space-xs) var(--space-md);\r\n border-radius: var(--radius-full);\r\n font-size: var(--text-sm);\r\n font-weight: var(--font-weight-medium);\r\n margin-bottom: var(--space-lg);\r\n }\r\n \r\n \/* ===== ANIMATIONS ===== *\/\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .fade-in-up {\r\n opacity: 0;\r\n animation: fadeInUp 0.6s ease-out forwards;\r\n }\r\n .delay-1 { animation-delay: 0.1s; }\r\n .delay-2 { animation-delay: 0.2s; }\r\n .delay-3 { animation-delay: 0.3s; }\r\n .delay-4 { animation-delay: 0.4s; }\r\n .delay-5 { animation-delay: 0.5s; }\r\n \r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 768px) {\r\n .hero-title { font-size: var(--text-4xl); }\r\n .hero-subtitle { font-size: var(--text-lg); }\r\n .hero-stats { gap: var(--space-md); }\r\n .stat-value { font-size: var(--text-2xl); }\r\n .section-title { font-size: var(--text-2xl); }\r\n .pricing-card { padding: var(--space-xl); }\r\n .pricing-price { font-size: var(--text-4xl); }\r\n .cta-title { font-size: var(--text-3xl); }\r\n .btn { width: 100%; justify-content: center; }\r\n .hero-cta { flex-direction: column; align-items: center; }\r\n .price-highlight { flex-direction: column; text-align: center; }\r\n .category-grid { grid-template-columns: 1fr; }\r\n .experiment-header { flex-direction: column; align-items: flex-start; }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .hero-title { font-size: var(--text-3xl); }\r\n .section { padding: var(--space-xl) 0; }\r\n .container { padding: 0 var(--space-sm); }\r\n .experiment-preview { padding: var(--space-lg); }\r\n .virtual-lab { padding: var(--space-lg); }\r\n .foundation-skills { padding: var(--space-lg); }\r\n }\r\n \r\n \/* ===== SCROLL PROGRESS ===== *\/\r\n .scroll-progress {\r\n position: fixed;\r\n top: 0; left: 0;\r\n height: 3px;\r\n background: var(--gradient-chemistry);\r\n z-index: 1000;\r\n transition: width var(--transition-fast);\r\n }\r\n \r\n \/* ===== FLOATING ELEMENTS ===== *\/\r\n .chemistry-orb {\r\n position: absolute;\r\n border-radius: var(--radius-full);\r\n filter: blur(50px);\r\n opacity: 0.35;\r\n animation: float 25s infinite ease-in-out;\r\n pointer-events: none;\r\n }\r\n \r\n .orb-blue {\r\n width: 350px; height: 350px;\r\n background: linear-gradient(135deg, rgba(14,165,233,0.2), rgba(14,165,233,0.05));\r\n top: -5%; right: -5%;\r\n animation-delay: 0s;\r\n }\r\n \r\n .orb-green {\r\n width: 280px; height: 280px;\r\n background: linear-gradient(135deg, rgba(16,185,129,0.18), rgba(16,185,129,0.05));\r\n bottom: 10%; left: -3%;\r\n animation-delay: -8s;\r\n }\r\n \r\n .orb-yellow {\r\n width: 220px; height: 220px;\r\n background: linear-gradient(135deg, rgba(245,158,11,0.15), rgba(245,158,11,0.05));\r\n top: 55%; right: 8%;\r\n animation-delay: -15s;\r\n }\r\n \r\n @keyframes float {\r\n 0%, 100% { transform: translate(0, 0) scale(1); }\r\n 25% { transform: translate(25px, -25px) scale(1.05); }\r\n 50% { transform: translate(0, 25px) scale(0.95); }\r\n 75% { transform: translate(-25px, -12px) scale(1.02); }\r\n }\r\n \r\n \/* ===== CHEMISTRY ICONS DECORATION ===== *\/\r\n .chemistry-icon-bg {\r\n position: absolute;\r\n font-size: 3rem;\r\n opacity: 0.05;\r\n pointer-events: none;\r\n user-select: none;\r\n animation: drift 30s linear infinite;\r\n }\r\n \r\n @keyframes drift {\r\n 0% { transform: translate(0, 0) rotate(0deg); }\r\n 100% { transform: translate(100px, 100px) rotate(360deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Scroll Progress -->\r\n <div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n \r\n <!-- Decorative Chemistry Icons -->\r\n <div class=\"chemistry-icon-bg\" style=\"top: 10%; left: 5%;\">\u2697\ufe0f<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"top: 20%; right: 10%;\">\ud83e\uddea<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"bottom: 15%; left: 15%;\">\ud83d\udd2c<\/div>\r\n <div class=\"chemistry-icon-bg\" style=\"bottom: 25%; right: 20%;\">\u26a1<\/div>\r\n \r\n <!-- ===== HERO SECTION ===== -->\r\n <section class=\"hero\">\r\n <div class=\"chemistry-orb orb-blue\"><\/div>\r\n <div class=\"chemistry-orb orb-green\"><\/div>\r\n <div class=\"chemistry-orb orb-yellow\"><\/div>\r\n \r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\r\n <i class=\"fas fa-flask\"><\/i>\r\n <span>Class 11 \u2022 CBSE\/NCERT Aligned \u2022 Foundation Building<\/span>\r\n <\/div>\r\n \r\n <h1 class=\"hero-title\">\r\n Class 11 <span>Chemistry Practical<\/span>\r\n <\/h1>\r\n \r\n <p class=\"hero-subtitle\">\r\n Master fundamental chemistry experiments with virtual labs, step-by-step guides, and strong theoretical foundation. Build confidence for Class 11 and beyond!\r\n <\/p>\r\n \r\n <div class=\"hero-stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">15+<\/div>\r\n <div class=\"stat-label\">Experiments<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">24<\/div>\r\n <div class=\"stat-label\">Live Classes<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">100%<\/div>\r\n <div class=\"stat-label\">Foundation Focus<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-value\">Virtual<\/div>\r\n <div class=\"stat-label\">Lab Access<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-cta\">\r\n <a href=\"#pricing\" class=\"btn btn-primary\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - $240\r\n <\/a>\r\n <a href=\"#experiments\" class=\"btn btn-secondary\">\r\n <i class=\"fas fa-list\"><\/i>\r\n View All Experiments\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"price-highlight\">\r\n <span class=\"price-original\">$499<\/span>\r\n <span class=\"price-current\">$240 USD<\/span>\r\n <span class=\"price-note\">\u2022 Virtual lab access \u2022 Complete study material \u2022 Theory + Practical<\/span>\r\n <\/div>\r\n \r\n <div style=\"margin-top: var(--space-md);\">\r\n <span class=\"cbse-badge\"><i class=\"fas fa-check-circle\"><\/i> CBSE Aligned<\/span>\r\n \r\n <span class=\"cbse-badge\"><i class=\"fas fa-book\"><\/i> Theory + Practical<\/span>\r\n <\/div>\r\n \r\n <div class=\"exam-badge\">\r\n <i class=\"fas fa-seedling\"><\/i>\r\n <strong>Perfect for:<\/strong> Building Strong Foundation \u2022 Class 11 Preparation \u2022 Lab Confidence\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== EXPERIMENT CATEGORIES ===== -->\r\n <section class=\"section overview\" id=\"categories\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Complete Practical Syllabus<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive coverage of all CBSE Class 11 Chemistry experiments across four essential categories.\r\n <\/p>\r\n \r\n <div class=\"category-grid\">\r\n <div class=\"category-card basic fade-in-up\">\r\n <div class=\"category-icon\">\ud83d\udd27<\/div>\r\n <div class=\"category-name\">Basic Lab Techniques<\/div>\r\n <div class=\"category-count\">4 Experiments<\/div>\r\n <p class=\"category-desc\">Filtration, heating, crystallization, and essential laboratory skills<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card inorganic fade-in-up delay-1\">\r\n <div class=\"category-icon\">\u2697\ufe0f<\/div>\r\n <div class=\"category-name\">Qualitative Analysis<\/div>\r\n <div class=\"category-count\">4 Experiments<\/div>\r\n <p class=\"category-desc\">Anion\/cation analysis, Lassaigne's test, element detection<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card physical fade-in-up delay-2\">\r\n <div class=\"category-icon\">\ud83d\udd2c<\/div>\r\n <div class=\"category-name\">Physical Chemistry<\/div>\r\n <div class=\"category-count\">5 Experiments<\/div>\r\n <p class=\"category-desc\">Equilibrium, pH determination, quantitative estimation<\/p>\r\n <\/div>\r\n \r\n <div class=\"category-card organic fade-in-up delay-3\">\r\n <div class=\"category-icon\">\ud83e\uddea<\/div>\r\n <div class=\"category-name\">Organic Chemistry<\/div>\r\n <div class=\"category-count\">2 Experiments<\/div>\r\n <p class=\"category-desc\">Melting point, boiling point determination of organic compounds<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== COURSE OVERVIEW ===== -->\r\n <section class=\"section overview\" id=\"overview\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Why Choose Our Class 11 Chemistry Practical?<\/h2>\r\n <p class=\"section-subtitle\">\r\n Build a strong foundation that makes Class 11 chemistry easier and boosts your overall scientific understanding.\r\n <\/p>\r\n \r\n <div class=\"overview-grid\">\r\n <div class=\"overview-card fade-in-up\">\r\n <div class=\"card-icon\"><i class=\"fas fa-seedling\"><\/i><\/div>\r\n <h3 class=\"card-title\">Strong Foundation First<\/h3>\r\n <p class=\"card-desc\">Master basic lab techniques before advanced experiments. Build confidence and skills that last throughout your chemistry journey.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-1\">\r\n <div class=\"card-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\r\n <h3 class=\"card-title\">Theory + Practical Integration<\/h3>\r\n <p class=\"card-desc\">Every experiment includes relevant theory explanation. Understand the 'why' behind every step for deeper conceptual clarity.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-2\">\r\n <div class=\"card-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n <h3 class=\"card-title\">Safe Virtual Practice<\/h3>\r\n <p class=\"card-desc\">Practice experiments unlimited times in our virtual lab before handling real chemicals. Zero risk, maximum learning.<\/p>\r\n <\/div>\r\n \r\n <div class=\"overview-card fade-in-up delay-3\">\r\n <div class=\"card-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n <h3 class=\"card-title\">Class 11 Ready<\/h3>\r\n <p class=\"card-desc\">Strong Class 11 foundation makes Class 11 chemistry significantly easier. Get ahead of the curve with expert guidance.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Foundation Skills Preview -->\r\n <div class=\"foundation-skills fade-in-up delay-4\">\r\n <div class=\"skills-title\"><i class=\"fas fa-tools\"><\/i> Essential Lab Skills You'll Master<\/div>\r\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: var(--space-md);\">\r\n These fundamental skills form the backbone of all chemistry practical work\r\n <\/p>\r\n <div class=\"skills-grid\">\r\n <div class=\"skill-card\">\r\n <div class=\"skill-icon\">\ud83e\uddea<\/div>\r\n <div class=\"skill-name\">Proper Handling of Glassware<\/div>\r\n <\/div>\r\n <div class=\"skill-card\">\r\n <div class=\"skill-icon\">\ud83d\udd25<\/div>\r\n <div class=\"skill-name\">Safe Heating Techniques<\/div>\r\n <\/div>\r\n <div class=\"skill-card\">\r\n <div class=\"skill-icon\">\ud83d\udca7<\/div>\r\n <div class=\"skill-name\">Accurate Measurement<\/div>\r\n <\/div>\r\n <div class=\"skill-card\">\r\n <div class=\"skill-icon\">\ud83d\udcdd<\/div>\r\n <div class=\"skill-name\">Lab Record Writing<\/div>\r\n <\/div>\r\n <div class=\"skill-card\">\r\n <div class=\"skill-icon\">\u26a0\ufe0f<\/div>\r\n <div class=\"skill-name\">Safety Protocols<\/div>\r\n <\/div>\r\n <div class=\"skill-card\">\r\n <div class=\"skill-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"skill-name\">Observation Skills<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== VIRTUAL LAB SECTION ===== -->\r\n <section class=\"section\" id=\"virtual-lab\">\r\n <div class=\"container\">\r\n <div class=\"virtual-lab fade-in-up\">\r\n <div class=\"lab-title\"><i class=\"fas fa-laptop\"><\/i> Advanced Virtual Laboratory<\/div>\r\n <p style=\"text-align: center; color: var(--text-secondary); margin-bottom: var(--space-md);\">\r\n Practice experiments safely and repeatedly in our state-of-the-art virtual lab environment\r\n <\/p>\r\n <div class=\"lab-features\">\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-sync-alt\" style=\"color: var(--color-warning);\"><\/i> Unlimited Practice<\/div>\r\n <p class=\"lab-feature-desc\">Repeat experiments as many times as needed to master techniques and understand concepts thoroughly<\/p>\r\n <\/div>\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-exclamation-triangle\" style=\"color: var(--color-warning);\"><\/i> Zero Risk<\/div>\r\n <p class=\"lab-feature-desc\">Make mistakes safely without wasting chemicals or risking accidents. Learn from errors without consequences<\/p>\r\n <\/div>\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-pause-circle\" style=\"color: var(--color-warning);\"><\/i> Pause & Learn<\/div>\r\n <p class=\"lab-feature-desc\">Pause at any step to understand the theory, take notes, or discuss with instructors in real-time<\/p>\r\n <\/div>\r\n <div class=\"lab-feature\">\r\n <div class=\"lab-feature-title\"><i class=\"fas fa-mobile-alt\" style=\"color: var(--color-warning);\"><\/i> Access Anywhere<\/div>\r\n <p class=\"lab-feature-desc\">Practice on any device - laptop, tablet, or phone. Learn at your own pace, anytime, anywhere<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== ALL EXPERIMENTS LIST ===== -->\r\n <section class=\"section curriculum\" id=\"experiments\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Complete Experiment List<\/h2>\r\n <p class=\"section-subtitle\">\r\n All CBSE-prescribed experiments with detailed procedures, observations, calculations + <strong>relevant theory<\/strong>\r\n <\/p>\r\n \r\n <div class=\"experiments-container\">\r\n <!-- Basic Laboratory Techniques -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">1<\/div>\r\n <div class=\"category-title\">Basic Laboratory Techniques<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83d\udd27<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Basic Laboratory Techniques<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-tools\"><\/i> Lab Skills<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\ud83e\uddf9<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Study the Process of Filtration<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-filter\"><\/i> Separation<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-2\">\r\n <div class=\"experiment-icon\">\ud83d\udd25<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Heating of Solution in a Beaker<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-fire\"><\/i> Heating Techniques<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-3\">\r\n <div class=\"experiment-icon\">\ud83d\udc8e<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Purification of Impure Samples by Crystallization<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-gem\"><\/i> Purification<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <span class=\"foundation-badge\"><i class=\"fas fa-seedling\"><\/i> Foundation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Qualitative Analysis -->\r\n <div class=\"experiment-category-header fade-in-up delay-4\">\r\n <div class=\"category-number\">2<\/div>\r\n <div class=\"category-title\">Qualitative Analysis<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83d\udd0d<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Qualitative Analysis of Anions<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-search\"><\/i> Salt Analysis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\ud83d\udd2c<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Qualitative Analysis of Cations<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-search\"><\/i> Salt Analysis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-2\">\r\n <div class=\"experiment-icon\">\u2697\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Detection of Elements: Lassaigne's Test<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-atom\"><\/i> Organic Analysis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Physical Chemistry -->\r\n <div class=\"experiment-category-header fade-in-up delay-3\">\r\n <div class=\"category-number\">3<\/div>\r\n <div class=\"category-title\">Physical Chemistry Experiments<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-4\">\r\n <div class=\"experiment-icon\">\u2696\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Quantitative Estimation<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-balance-scale\"><\/i> Volumetric Analysis<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up\">\r\n <div class=\"experiment-icon\">\ud83e\uddea<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Preparation of (250 mL of 0.1M) Standard Solution of Oxalic Acid<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-flask\"><\/i> Standardization<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\ud83d\udcca<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Determination of pH<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-tint\"><\/i> Acid-Base Chemistry<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-2\">\r\n <div class=\"experiment-icon\">\u2696\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Chemical Equilibrium<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-balance-scale\"><\/i> Equilibrium Concepts<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-3\">\r\n <div class=\"experiment-icon\">\ud83d\udd04<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Study the Shift in Equilibrium between Ferric ions and Thiocyanate ions<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-intermediate\"><i class=\"fas fa-signal\"><\/i> Intermediate<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-sync-alt\"><\/i> Le Chatelier's Principle<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-4\">\r\n <div class=\"experiment-icon\">\ud83c\udf00<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Study the Shift in Equilibrium between [Co(H\u2082O)\u2086]\u00b2\u207a and Cl\u207b ions<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-advanced\"><i class=\"fas fa-signal\"><\/i> Advanced<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-sync-alt\"><\/i> Complex Ion Equilibrium<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Organic Chemistry -->\r\n <div class=\"experiment-category-header fade-in-up\">\r\n <div class=\"category-number\">4<\/div>\r\n <div class=\"category-title\">Organic Chemistry Experiments<\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-1\">\r\n <div class=\"experiment-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Melting Point of an Organic Compound<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-thermometer-half\"><\/i> Physical Constants<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"experiment-item fade-in-up delay-2\">\r\n <div class=\"experiment-icon\">\ud83d\udca8<\/div>\r\n <div class=\"experiment-content\">\r\n <div class=\"experiment-title\">Boiling Point of an Organic Compound<\/div>\r\n <div class=\"experiment-meta\">\r\n <span class=\"experiment-tag difficulty-beginner\"><i class=\"fas fa-signal\"><\/i> Beginner<\/span>\r\n <span class=\"experiment-tag\"><i class=\"fas fa-thermometer-half\"><\/i> Physical Constants<\/span>\r\n <span class=\"theory-badge\"><i class=\"fas fa-book\"><\/i> Theory Included<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== LMS FEATURES ===== -->\r\n <section class=\"section lms-features\" id=\"features\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Powered by Gyan Academy LMS<\/h2>\r\n <p class=\"section-subtitle\">\r\n Comprehensive digital platform designed specifically for Class 11 Chemistry practical learning.\r\n <\/p>\r\n \r\n <div class=\"features-grid\">\r\n <div class=\"feature-item fade-in-up\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-video\"><\/i><\/div>\r\n <h3 class=\"feature-title\">HD Experiment Videos<\/h3>\r\n <p class=\"feature-desc\">Step-by-step all experiments with close-up shots of critical steps<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-1\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-vr-cardboard\"><\/i><\/div>\r\n <h3 class=\"feature-title\">3D Virtual Lab<\/h3>\r\n <p class=\"feature-desc\">Interactive 3D simulations where you can perform experiments virtually before real lab<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-2\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-file-download\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Downloadable Resources<\/h3>\r\n <p class=\"feature-desc\">Lab record formats, observation tables, calculation sheets, and theory notes<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-3\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-chalkboard-teacher\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Expert Doubt Solving<\/h3>\r\n <p class=\"feature-desc\">Live doubt-solving sessions with experienced Chemistry teachers after each experiment<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-4\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-tasks\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Foundation Quizzes<\/h3>\r\n <p class=\"feature-desc\">Test your understanding with MCQs, theory questions, and practical-based problems<\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-item fade-in-up delay-5\">\r\n <div class=\"feature-icon\"><i class=\"fas fa-certificate\"><\/i><\/div>\r\n <h3 class=\"feature-title\">Completion Certificate<\/h3>\r\n <p class=\"feature-desc\">Receive a verified certificate upon completing all experiments and assessments<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== PRICING ===== -->\r\n <section class=\"section pricing\" id=\"pricing\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Simple, Affordable Pricing<\/h2>\r\n <p class=\"section-subtitle\">\r\n One-time investment for strong foundation building. Set yourself up for Class 11 success!\r\n <\/p>\r\n \r\n <div class=\"pricing-card fade-in-up\">\r\n <div class=\"pricing-header\">\r\n <h3 class=\"pricing-title\">Class 11 Chemistry Practical - Complete Course<\/h3>\r\n <div class=\"pricing-price\">$240<\/div>\r\n <div class=\"pricing-duration\">USD \u2022 One-time payment<\/div>\r\n <\/div>\r\n \r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-check\"><\/i> 24 live interactive classes (60 mins each)<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Access to all CBSE Class 11 experiments<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Virtual lab simulations (unlimited access)<\/li>\r\n \r\n <li><i class=\"fas fa-check\"><\/i> <strong>Relevant theory explanation for each experiment<\/strong><\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Complete lab record templates & formats<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Foundation-building theory notes<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Observation tables & calculation sheets<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Doubt-solving sessions with experts<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Practice quizzes & skill assessments<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> Digital certificate of completion<\/li>\r\n <li><i class=\"fas fa-check\"><\/i> <strong>Class 11 preparation roadmap included<\/strong><\/li>\r\n <\/ul>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-11-chemistry-practical\" class=\"btn btn-primary pricing-cta\" id=\"enrollBtn\">\r\n <i class=\"fas fa-lock\"><\/i>\r\n Secure Enrollment - $240 USD\r\n <\/a>\r\n \r\n <p class=\"pricing-guarantee\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n 7-Day Money-Back Guarantee \u2022 No questions asked\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== FAQ ===== -->\r\n <section class=\"section faq\" id=\"faq\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"section-subtitle\">\r\n Everything students and parents need to know about the Class 11 Chemistry Practical course.\r\n <\/p>\r\n \r\n <div class=\"faq-container\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Is this course aligned with CBSE syllabus?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! Our course is 100% aligned with the latest CBSE Class 11 Chemistry practical syllabus. We cover all experiments prescribed by CBSE, follow the exact format for lab records, and prepare you specifically for school practical examinations.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Do I need prior chemistry knowledge?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>No prior knowledge required! This course is designed for Class 11 students starting their chemistry journey. We begin with basic lab techniques and gradually build up to more complex experiments. Our integrated theory-practical approach ensures you understand concepts as you perform experiments.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Will theory be taught along with experiments?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Yes! Every experiment includes relevant theory explanation. We don't just show you \"how\" to perform the experiment\u2014we explain \"why\" each step works, the underlying chemical principles, and how it connects to your textbook theory. This integrated approach ensures deeper understanding and better exam performance.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n How does this help with Class 11 preparation?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Class 11 chemistry forms the foundation for Class 11. By mastering basic techniques, qualitative analysis, and fundamental concepts now, you'll find Class 12 chemistry significantly easier. We also include a Class 11 preparation roadmap to help you plan ahead and stay ahead of the curriculum.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n What if I miss a live class?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>All live classes are recorded in HD and uploaded to your dashboard within 24 hours. You can watch them at your convenience, pause, rewind, and rewatch as many times as needed. You also get lifetime access to all recordings and study materials.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n Do you provide help with practical file\/record writing?\r\n <i class=\"fas fa-plus faq-icon\"><\/i>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Absolutely! We provide professionally designed lab record templates for all experiments, including observation tables, calculation formats, and result sections. We also teach you how to write perfect lab records that impress examiners. Many students use our templates directly in their practical files.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== FINAL CTA ===== -->\r\n <section class=\"final-cta\">\r\n <div class=\"container\">\r\n <div class=\"urgency-badge\">\r\n <i class=\"fas fa-seedling\"><\/i>\r\n <span>Build Your Foundation Today \u2022 Limited Seats<\/span>\r\n <\/div>\r\n \r\n <h2 class=\"cta-title\">Start Your Chemistry Journey with Confidence<\/h2>\r\n <p class=\"cta-subtitle\">\r\n Join thousands of Class 11 students who've built strong chemistry foundations with our comprehensive course. Your success in Class 11 starts here!\r\n <\/p>\r\n \r\n <a href=\"https:\/\/gyanacademy.com\/product\/class-11-chemistry-practical\" class=\"btn btn-primary\" style=\"padding: var(--space-md) var(--space-2xl); font-size: var(--text-lg);\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n Enroll Now - Secure Your Spot\r\n <\/a>\r\n \r\n <p style=\"margin-top: var(--space-lg); color: var(--text-muted); font-size: var(--text-sm);\">\r\n <i class=\"fas fa-lock\"><\/i> Secure checkout \u2022 Instant access \u2022 7-day guarantee \u2022 Lifetime access\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n \r\n <!-- ===== JAVASCRIPT ===== -->\r\n <script>\r\n \/\/ ===== Scroll Progress =====\r\n const scrollProgress = document.getElementById('scrollProgress');\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = document.documentElement.scrollTop;\r\n const scrollHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n const scrolled = (scrollTop \/ scrollHeight) * 100;\r\n scrollProgress.style.width = scrolled + '%';\r\n });\r\n \r\n \/\/ ===== FAQ Accordion =====\r\n document.querySelectorAll('.faq-question').forEach(button => {\r\n button.addEventListener('click', () => {\r\n const answer = button.nextElementSibling;\r\n const icon = button.querySelector('.faq-icon');\r\n button.classList.toggle('active');\r\n answer.classList.toggle('show');\r\n document.querySelectorAll('.faq-question').forEach(otherBtn => {\r\n if (otherBtn !== button) {\r\n otherBtn.classList.remove('active');\r\n otherBtn.nextElementSibling.classList.remove('show');\r\n }\r\n });\r\n });\r\n });\r\n \r\n \/\/ ===== Intersection Observer for Animations =====\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\r\n \r\n document.querySelectorAll('.fade-in-up').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(20px)';\r\n el.style.transition = 'opacity 0.6s ease-out, transform 0.6s ease-out';\r\n observer.observe(el);\r\n });\r\n \r\n \/\/ ===== Button Shine Effect =====\r\n document.querySelectorAll('.btn').forEach(btn => {\r\n btn.addEventListener('mouseenter', function(e) {\r\n const rect = this.getBoundingClientRect();\r\n this.style.setProperty('--x', `${e.clientX - rect.left}px`);\r\n this.style.setProperty('--y', `${e.clientY - rect.top}px`);\r\n });\r\n });\r\n \r\n \/\/ ===== Smooth Scroll =====\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n \r\n \/\/ ===== Enrollment Handler =====\r\n document.getElementById('enrollBtn').addEventListener('click', function(e) {\r\n e.preventDefault();\r\n alert('\ud83d\ude80 Redirecting to secure enrollment...\\n\\nProduction link:\\nhttps:\/\/gyanacademy.com\/product\/class-11-chemistry-practical');\r\n });\r\n \r\n \/\/ ===== Initialize Hero Animations =====\r\n document.addEventListener('DOMContentLoaded', () => {\r\n document.querySelectorAll('.hero .fade-in-up').forEach((el, i) => {\r\n setTimeout(() => {\r\n el.style.opacity = '1';\r\n el.style.transform = 'translateY(0)';\r\n }, 100 * i);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>HD\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>Class 11 Chemistry Practical | Gyan Academy – Build Strong Foundation \u2697\ufe0f \ud83e\uddea \ud83d\udd2c \u26a1 Class 11 \u2022 CBSE\/NCERT Aligned […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=54"}],"version-history":[{"count":5,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/globalcamp.gyanacademy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}