Repository navigation
Expand file tree
/
Copy pathragister.html.html
More file actions
134 lines (124 loc) · 5.97 KB
/
Copy pathragister.html.html
File metadata and controls
134 lines (124 loc) · 5.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Register - AI Learning Platform</title>
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/auth.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="auth-page">
<div class="auth-container">
<div class="auth-card">
<div class="auth-header">
<div class="logo">
<i class="fas fa-brain"></i>
<span>AI Learning</span>
</div>
<h1>Start Learning Free!</h1>
<p>Create your account to unlock AI-powered education</p>
</div>
<form id="register-form" class="auth-form">
<div class="form-group">
<label for="fullname">
<i class="fas fa-user"></i> Full Name
</label>
<input type="text" id="fullname" placeholder="John Doe" required>
</div>
<div class="form-group">
<label for="email">
<i class="fas fa-envelope"></i> Email Address
</label>
<input type="email" id="email" placeholder="student@example.com" required>
</div>
<div class="form-group">
<label for="password">
<i class="fas fa-lock"></i> Password
</label>
<div class="password-input">
<input type="password" id="password" placeholder="Create strong password" required>
<button type="button" class="show-password" id="show-password">
<i class="fas fa-eye"></i>
</button>
</div>
<div class="password-strength">
<div class="strength-bar"></div>
<span class="strength-text">Password strength: Weak</span>
</div>
</div>
<div class="form-group">
<label for="education-level">
<i class="fas fa-graduation-cap"></i> Education Level
</label>
<select id="education-level" required>
<option value="">Select your level</option>
<option value="school">School (1-12)</option>
<option value="college">College/University</option>
<option value="jee">JEE Preparation</option>
<option value="neet">NEET Preparation</option>
<option value="upsc">UPSC Preparation</option>
<option value="competitive">Other Competitive Exams</option>
<option value="professional">Professional Development</option>
</select>
</div>
<div class="form-group">
<label for="interests">
<i class="fas fa-heart"></i> Interests
</label>
<div class="interests-container">
<div class="interest-tags">
<span class="interest-tag" data-interest="math">Mathematics</span>
<span class="interest-tag" data-interest="science">Science</span>
<span class="interest-tag" data-interest="programming">Programming</span>
<span class="interest-tag" data-interest="english">English</span>
<span class="interest-tag" data-interest="history">History</span>
<span class="interest-tag" data-interest="commerce">Commerce</span>
</div>
<input type="text" id="interests-input" placeholder="Select or type interests">
</div>
</div>
<label class="checkbox terms">
<input type="checkbox" id="terms" required>
<span>I agree to the <a href="#">Terms of Service</a> and <a href="#">Privacy Policy</a></span>
</label>
<button type="submit" class="btn-auth btn-register">
<i class="fas fa-user-plus"></i> Create Account
</button>
<div class="auth-footer">
<p>Already have an account? <a href="login.html">Login here</a></p>
<a href="index.html" class="back-home">
<i class="fas fa-arrow-left"></i> Back to Home
</a>
</div>
</form>
</div>
<div class="auth-features">
<h2>Benefits of Joining</h2>
<div class="features-list">
<div class="feature">
<i class="fas fa-robot"></i>
<h3>Free AI Tutor</h3>
<p>24/7 access to personal AI teacher for all subjects</p>
</div>
<div class="feature">
<i class="fas fa-chart-line"></i>
<h3>Smart Analytics</h3>
<p>Track progress with AI-powered insights</p>
</div>
<div class="feature">
<i class="fas fa-calendar-alt"></i>
<h3>Study Planner</h3>
<p>AI-generated personalized study schedule</p>
</div>
<div class="feature">
<i class="fas fa-certificate"></i>
<h3>Free Certificate</h3>
<p>Earn certificates upon course completion</p>
</div>
</div>
</div>
</div>
<script src="assets/js/auth.js"></script>
</body>
</html>