-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
369 lines (289 loc) · 18.5 KB
/
index.html
File metadata and controls
369 lines (289 loc) · 18.5 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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NIOS 1-on-1 Help | Stop Stressing, Start Studying</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Navigation -->
<nav>
<div class="nav-container">
<div class="logo">NIOS 1:1 Personal Help 📚</div>
<ul class="nav-links" id="navLinks">
<li><a href="#home">Home</a></li>
<li><a href="#about">About US</a></li>
<li><a href="#plans">What You Get</a></li>
<li><a href="#reviews">Reviews</a></li>
<li><a href="#How-It-Works">How It Will Work</a></li>
<li><a href="#terms">ToC</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<!--- Contact us sticky button -->
<div class="overlay" id="overlay"> </div>
<div class="contact-container">
<div class="contact-menu" id="contactMenu">
<div class="contact-message">
Message US to get started: <br> <P class="underline">(only if you are interested!)</P>
</div>
<div class="social-links">
<a href="#https://discord.gg/CzcBvRanMz" class="social-link discord-link" onclick="handleSocialClick('discord')">
<svg class="social-icon" viewBox="0 0 24 24">
<path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
</svg>
Discord
</a>
<a href="#https://www.reddit.com/user/KeyDifference4178/" class="social-link reddit-link" onclick="handleSocialClick('reddit')">
<svg class="social-icon" viewBox="0 0 24 24">
<path d="M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547l-.8 3.747c1.824.07 3.48.632 4.674 1.488c.308-.309.73-.491 1.207-.491c.968 0 1.754.786 1.754 1.754c0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87c-3.874 0-7.004-2.176-7.004-4.87c0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754c.463 0 .898.196 1.207.49c1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197a.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248c.687 0 1.248-.561 1.248-1.249C10.498 12.561 9.937 12 9.25 12zm5.5 0c-.687 0-1.248.561-1.248 1.25c0 .687.561 1.248 1.249 1.248c.688 0 1.249-.561 1.249-1.249C15.999 12.561 15.437 12 14.75 12zm-3.186 2.187c-.199 0-.36.161-.36.36c0 .2.161.361.36.361c.2 0 .361-.161.361-.36c0-.199-.161-.361-.36-.361zm-.376.72c-.042.032-.085.06-.120.098c-.24.256-.647.421-1.068.421c-.42 0-.825-.165-1.065-.421c-.035-.038-.078-.066-.12-.098c-.16-.121-.394-.09-.515.07c-.121.16-.09.394.07.515c.359.271.886.434 1.43.434c.545 0 1.071-.163 1.43-.434c.16-.121.191-.355.07-.515c-.121-.16-.355-.191-.515-.07z"/>
</svg>
Reddit
</a>
</div>
</div>
<button class="contact-button" id="contactButton">
contact us
</button>
</div>
<!-- Sticky Wisdom Button -->
<div class="wisdom-button" id="wisdomButton"><img src="reviews-img/mo pfp.jpg" alt=""></div>
<!-- Message Notification -->
<div class="message-notification" id="messageNotification">1 msg from <br> Master Oogway<br>Listen It!</div>
<!-- Wisdom Popup -->
<div class="wisdom-popup" id="wisdomPopup">
<button class="close-btn" id="closeBtn">X</button>
<div class="profile-section">
<div class="profile-pic" id="profilePic">
<img src="reviews-img/mo pfp.jpg" alt="">
</div>
<div class="profile-info">
<h3>Master Oogway</h3>
<p>From Kung-Fu Panda</p>
</div>
</div>
<button class="play-button" id="playButton">
Listen to Wisdom
</button>
<audio id="master-oggways-audio" src="audio/MSO-final.mp3"> </audio>
<button id="pauseButton" class="pause-btn"> Pause</button>
</div>
<!-- Home Section -->
<section id="home" class="hero">
<div class="floating-element" style="top: 20%; left: 10%; font-size: 2rem;">📝</div>
<div class="floating-element" style="top: 30%; right: 15%; font-size: 2rem; animation-delay: -1s;">✨</div>
<div class="floating-element" style="bottom: 30%; left: 20%; font-size: 2rem; animation-delay: -2s;">🎯</div>
<h1>Stop Stressing About NIOS<br>Start Actually Studying</h1>
<p class="hero-subtitle">
NIOS got you confused? Forms, PCP, FA,SA, hall tickets, TMAs, And Updates & deadlines of all these... We know — we’ve been through it too. <strong class="underline"> That's why this exists </strong>
</p>
<a href="#about" class="cta-button"> To Know more about this Scroll down ↓ </a>
</section>
<!-- About Section -->
<section id="about">
<h2>Who Are We Actually?</h2>
<div class="content-card">
<h3 style="color: #6b4d99;">Just Students Who created this whole online NIOS community</h3>
<br>
<p>We faced issues with NIOS too 😫 & went through the same chaos you're facing right now. Forms that make no sense, deadlines that appear out of nowhere, and zero proper guidance anywhere .
<br> <br>
We're literally The PPL and ex- students of NIOS who created this whole overall community as opensource like - that goated students <a href="https://nios-students.pages.dev/">
website
</a>, subreddit -- r/Nios-unofficial, & Nios unoffical discord server .</p> <br>
<p>We're not "education consultants" or "NIOS experts." We're just experienced. And honestly, that counts more here than fancy certificates.</p>
</div>
<div class="content-card" style="text-align: center;">
<h3 style="color: #6b4d99;">Why Not Free? Why Not ₹10,000?</h3>
<p>We already help for free that's why even made <a href="https://nios-students.pages.dev/">
website </a>
we help on subreddit (r/nios_students & r/nios-unofficial) & public Discord server (nios-unofficial), <br>
All this for free, but that is general, slow, and not one-on-one assistance like this. <br> <br>
We're not trying to become those "pay ₹10k or get lost" middlemen either.<br> <br> <p class="underline"> Its something we do to earn pocket money and sponsor our projects .</p></p>
</div>
<div class="content-card">
<h3 style="color: #6b4d99;">The Goal</h3>
<p>That you won't have to worry about 69 other nios things & just focus on your imp stuff</p>
<ul style="margin: 1rem 0; padding-left: 2rem;">
<li>"Did I fill the right subject?"</li>
<li>"What the hell is a PCP center?"</li>
<li>"What the hell is a FA & SA??"</li>
<li>"Where's my hall ticket?"</li>
<li>"Am I too late for TMA?"</li>
</ul>
<p>And start focusing on:</p>
<ul style="margin: 1rem 0; padding-left: 2rem;">
<li>Just your studies</li>
<li>Just your exams</li>
<li>Just passing and getting it done</li>
</ul>
</div>
</section>
<!-- Plans Section -->
<section id="plans">
<h2>What You Actually Get</h2>
<div class="plan-features">
<div class="feature-card">
<div class="feature-icon">🤝</div>
<h4>Real Mods Help</h4>
<p>Actual NIOS students walk you through everything step-by-step via Discord screen share. No chatbots, no copy-paste replies.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📋</div>
<h4>Form Filling Support</h4>
<p>We'll literally sit with you and fill your NIOS form together. No more "did I check the right box?" anxiety.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📚</div>
<h4>Complete Package</h4>
<p>TMA PDFs, PCP, FA,SA Practicals, Current Pyqs PDFs helps & info, hall ticket reminders — everything included. No upselling later.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🎯</div>
<h4>Till Results</h4>
<p>We don't disappear after form submission. We're with you till your results come out. That's a promise.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💰</div>
<h4>You Pay NIOS fees Directly to their portal</h4>
<p>No middleman money handling. You pay NIOS fees directly to NIOS. We just help you do it right. we won't take penny more than our fees</p>
</div>
<div class="feature-card">
<div class="feature-icon">⏰</div>
<h4>No More Deadlines Panic</h4>
<p>We'll remind & Tag you about important dates so you can focus on studying instead of constantly checking here & there.</p>
</div>
</div>
<div class="content-card">
<h3 style="color: #6b4d99; font-size: 1.8rem; margin-bottom: 1rem;">NIOS 1-on-1 Help</h3>
<p style="font-size: 1.1rem; margin-bottom: 2rem;">
Not some agency scam or cyber café middleman drama. Just real students who figured this mess out and want to help you avoid the same headache.
</p>
<!-- <div class="pricing-card">
<div class="price">₹199</div>
<p style="color: #8a6bb8;">Just to talk, get idea and clear your mind <br>One-time payment. No hidden & additional payment.</p>
</div> -->
<div class="pricing-card">
<div class="price">₹399</div>
<p style="color: #8a6bb8;">For ODE Stream 3 & 4 (ON Demand Exam) kids <br>One-time payment. No hidden & additional payment.</p>
</div>
<div class="pricing-card">
<div class="price">₹499</div>
<p style="color: #8a6bb8;">For Stream 1 & stream 2 kids <br>One-time payment. No hidden & additional payment.</p>
</div>
</div>
</div>
</section>
<!-- Reviews Section -->
<section id="reviews">
<h2>What Students Actually Say</h2>
<div class="slider">
<div class="slides">
<div class="slide"><img src="reviews-img/1.png" /></div>
<div class="slide"><img src="reviews-img/2.1.png" /></div>
<div class="slide"><img src="reviews-img/2.png" /></div>
<div class="slide"><img src="reviews-img/3.png" /></div>
<div class="slide"><img src="reviews-img/4.png" /></div>
<div class="slide"><img src="reviews-img/6.png" /></div>
<div class="slide"><img src="reviews-img/7.png" /></div>
<div class="slide"><img src="reviews-img/8.png" /></div>
<div class="slide"><img src="reviews-img/9.png" /></div>
</div>
</div>
<div class="navigation-s">
<button class="prev">❮</button>
<button class="next">❯</button>
</div>
<div class="dots">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
<div class="review-card">
<p>"They don't ghost you after taking money like other places. Still answering my doubts even after my exams are over."</p>
<div class="review-author">— Karan, Arts Student</div>
</div>
<div class="review-card">
<p>"Honestly, I thought it was too good to be true. But they delivered everything they promised. No hidden charges, no drama."</p>
<div class="review-author">— Meera, 12th Student</div>
</div>
</div>
</section>
<!-- How IT WILL Work-->
<section id="How-It-Works">
<h2>How IT Works</h2>
<div class="content-card">
<p>This private space is only for confirmed students who have officially joined us — because in the past, we’ve had people fake interest, take all the help, and then ghost or ask for refunds. 🥲 So now, to stay organized and truly focus on those who are serious, we’ve set up a secure and exclusive system that helps us support each of you better.</p> <br>
<p>Once you join, you’ll get:</p> <br>
<ul>
<li>Access to <strong>exclusive resources channels</strong> tailored for your stream</li>
<li>A dedicated <strong>NIOS announcements and updates</strong> section just for your course</li>
<li>Your <strong>own private text and voice channel</strong> with us — where you can message us anytime, and we can message you with important updates</li>
<li>The ability to <strong>schedule voice calls</strong> whenever you need to talk, ask questions, or just want clarity</li>
</ul> <br>
<p>If you’re sure — like really sure — that you want us to guide you and make your NIOS journey smoother (so you don’t waste time chasing wrong info or feeling stuck), then once you’re ready:</p> <br>
<ol>
<li>We’ll share our UPI for payment</li>
<li>After payment, you’ll get an invite to the private Discord server 😋</li>
<li>We’ll schedule your first voice call based on your availability 😋</li>
<li>We’ll introduce you to everything, clear your doubts, and get you started with your own private channels</li>
</ol> <br>
<p>More useful channels are being added regularly to support you better.</p>
<p>In the meantime, you’re welcome to join our <strong>main public Discord server</strong> or our <strong>subreddit</strong>, where we’re actively involved as moderators.</p>
</div>
</section>
<!-- Terms Section -->
<section id="terms">
<h2>Terms & Conditions</h2>
<div class="content-card">
<h3 style="color: #6b4d99;">The Honest Stuff</h3>
<h4>What We Promise:</h4>
<ul style="margin: 1rem 0; padding-left: 2rem;">
<li>Personal help with NIOS form filling via screen share</li>
<li>Support till your results come out</li>
<li>TMA PDFs, PCP guidance, practical info, deadline reminders</li>
<li>Direct access to us via Discord</li>
<li>No hidden charges or upselling</li>
</ul>
<h4>What We Don't Promise:</h4>
<ul style="margin: 1rem 0; padding-left: 2rem;">
<li>Guaranteed exam results (that's on you and your studying)</li>
<li>We can't fix NIOS's own technical issues or delays</li>
<li>24/7 instant replies (we're students too, not machines)</li>
<li>Miracles or shortcuts — we just make the process smoother</li>
</ul>
<h4> 🟢 Payment & Refunds (Important):</h4>
<ul style="margin: 1rem 0; padding-left: 2rem;">
<li>
we got scammed by ppl showing fake interest taking all our help and ghost us or asking for refund at the end 😭 😭
</li>
• 100% refund only if you haven’t attended your first 1-on-1 VC.
<br>• 40% refund if you request it within 2 days after your first VC .<br>
• No refund if it’s been more than 2 days since your first VC.
We’re fair with our time and expect the same in return.
</li>
</ul>
<h4>The Real Talk:</h4>
<p>We're students helping students, not a corporate company. We'll do our best to help you navigate NIOS, but we can't control everything, Like studying and writting your exam is your department. If you're looking for someone to blame for your exam performance we're not it. We are not promising your A+ results. If you want genuine help from people who've been there, then we're your guys.</p>
</div>
</section>
<!-- Footer -->
<footer class="footer-container">
<p>| DM us on Discord or Reddit to get started <br> Only If you are interested |</p>
</footer>
<script src="script.js">
</script>
</body>
</html>