Repository navigation
Expand file tree
/
Copy pathcourses.html.html
More file actions
184 lines (175 loc) · 8.79 KB
/
Copy pathcourses.html.html
File metadata and controls
184 lines (175 loc) · 8.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Courses - AI Learning Platform</title>
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<nav class="navbar">
<div class="container">
<div class="logo">
<i class="fas fa-brain"></i>
<span>Courses</span>
</div>
<ul class="nav-menu">
<li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
<li><a href="courses.html" class="active"><i class="fas fa-book"></i> Courses</a></li>
<li><a href="ai-tutor.html"><i class="fas fa-robot"></i> AI Tutor</a></li>
<li><a href="tests.html"><i class="fas fa-file-alt"></i> Tests</a></li>
<li><a href="study-plan.html"><i class="fas fa-calendar-alt"></i> Study Plan</a></li>
<li><a href="profile.html"><i class="fas fa-user"></i> Profile</a></li>
</ul>
</div>
</nav>
<div class="courses-container">
<div class="courses-header">
<h1>Explore Our Courses</h1>
<p>AI-powered personalized learning paths for every student</p>
<div class="search-filter">
<div class="search-box">
<i class="fas fa-search"></i>
<input type="text" id="course-search" placeholder="Search courses, subjects, or topics...">
</div>
<select id="category-filter">
<option value="all">All Categories</option>
<option value="school">School (1-12)</option>
<option value="competitive">Competitive Exams</option>
<option value="college">College/University</option>
<option value="professional">Professional</option>
</select>
<select id="level-filter">
<option value="all">All Levels</option>
<option value="beginner">Beginner</option>
<option value="intermediate">Intermediate</option>
<option value="advanced">Advanced</option>
</select>
</div>
</div>
<div class="categories">
<h2>Popular Categories</h2>
<div class="category-tags">
<button class="category-tag active" data-category="all">All</button>
<button class="category-tag" data-category="mathematics">Mathematics</button>
<button class="category-tag" data-category="science">Science</button>
<button class="category-tag" data-category="programming">Programming</button>
<button class="category-tag" data-category="english">English</button>
<button class="category-tag" data-category="jee">JEE Preparation</button>
<button class="category-tag" data-category="neet">NEET Preparation</button>
<button class="category-tag" data-category="upsc">UPSC Preparation</button>
</div>
</div>
<div class="courses-grid" id="courses-grid">
<!-- Courses will be loaded dynamically -->
</div>
<!-- Featured Courses -->
<div class="featured-courses">
<h2><i class="fas fa-star"></i> Featured Courses</h2>
<div class="featured-grid">
<div class="course-card featured">
<div class="course-badge">Featured</div>
<div class="course-image" style="background: linear-gradient(135deg, #667eea, #764ba2);">
<i class="fas fa-calculator"></i>
</div>
<div class="course-content">
<h3>Advanced Mathematics</h3>
<p class="course-description">Master Calculus, Algebra, Geometry with AI-powered practice</p>
<div class="course-meta">
<span><i class="fas fa-clock"></i> 40 hours</span>
<span><i class="fas fa-video"></i> 120 lectures</span>
<span><i class="fas fa-signal"></i> Advanced</span>
</div>
<div class="course-rating">
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>4.5 (1,200 students)</span>
</div>
<button class="btn-enroll" onclick="window.location.href='course-detail.html'">Enroll Now</button>
</div>
</div>
<div class="course-card featured">
<div class="course-badge">Popular</div>
<div class="course-image" style="background: linear-gradient(135deg, #00ff9d, #00b8ff);">
<i class="fas fa-robot"></i>
</div>
<div class="course-content">
<h3>AI for Everyone</h3>
<p class="course-description">Learn AI basics, machine learning, and applications</p>
<div class="course-meta">
<span><i class="fas fa-clock"></i> 30 hours</span>
<span><i class="fas fa-video"></i> 80 lectures</span>
<span><i class="fas fa-signal"></i> Beginner</span>
</div>
<div class="course-rating">
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<span>5.0 (2,500 students)</span>
</div>
<button class="btn-enroll" onclick="window.location.href='course-detail.html'">Enroll Now</button>
</div>
</div>
</div>
</div>
<!-- Recommended for You -->
<div class="recommended-section">
<h2><i class="fas fa-magic"></i> AI Recommended for You</h2>
<div class="recommended-grid" id="recommended-courses">
<!-- AI recommended courses will be loaded here -->
</div>
</div>
<!-- Learning Paths -->
<div class="learning-paths">
<h2><i class="fas fa-road"></i> Learning Paths</h2>
<div class="paths-grid">
<div class="path-card">
<h3>School Student Path</h3>
<p>Complete curriculum from class 1 to 12 with AI support</p>
<ul>
<li>✓ Mathematics Mastery</li>
<li>✓ Science Foundation</li>
<li>✓ Language Skills</li>
<li>✓ Exam Preparation</li>
</ul>
<button class="btn-path">Start Path</button>
</div>
<div class="path-card">
<h3>JEE/NEET Aspirant</h3>
<p>Complete preparation for engineering/medical exams</p>
<ul>
<li>✓ Physics Crash Course</li>
<li>✓ Chemistry Mastery</li>
<li>✓ Mathematics Practice</li>
<li>✓ Mock Test Series</li>
</ul>
<button class="btn-path">Start Path</button>
</div>
<div class="path-card">
<h3>Career Development</h3>
<p>Skills for professional growth and job readiness</p>
<ul>
<li>✓ Programming Skills</li>
<li>✓ Communication Skills</li>
<li>✓ Interview Preparation</li>
<li>✓ Career Guidance</li>
</ul>
<button class="btn-path">Start Path</button>
</div>
</div>
</div>
</div>
<script src="assets/js/courses.js"></script>
</body>
</html>