-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththesolsys.html
625 lines (590 loc) · 51.5 KB
/
thesolsys.html
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
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<!--<![endif]-->
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<title>AugEdu</title>
<meta name="author" content="themesflat.com">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Theme Style -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- Reponsive -->
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<!-- Favicon and Touch Icons -->
<link rel="shortcut icon" href="assets/icon/Favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/icon/Favicon.png">
</head>
<body class="body header-fixed is_dark">
<!-- preloade -->
<div class="preload preload-container">
<div class="preload-logo"></div>
</div>
<!-- /preload -->
<div id="wrapper">
<div id="page" class="clearfix">
<header id="header_main" class="header_1 js-header">
<div class="themesflat-container">
<div class="row">
<div class="col-md-12">
<div id="site-header-inner">
<div class="wrap-box flex">
<div id="site-logo" class="clearfix">
<div id="site-logo-inner">
<a href="index.html" rel="home" class="main-logo">
<img id="logo_header" src="assets/images/logo/logo_dark.gif" alt="AugEdu" width="133" height="56"
data-retina="assets/images/logo/[email protected]" data-width="133"
data-height="56">
</a>
</div>
</div>
<div class="mobile-button"><span></span></div>
<!-- <nav id="main-nav" class="main-nav">
<ul id="menu-primary-menu" class="menu">
<li class="menu-item current-menu-item menu-item-has-children">
<a href="#">Home</a>
<ul class="sub-menu">
<li class="menu-item current-item"><a href="index.html">Home 1</a></li>
<li class="menu-item"><a href="home2.html">Home 2</a></li>
<li class="menu-item"><a href="home3.html">Home 3</a></li>
<li class="menu-item"><a href="home4.html">Home 4</a></li>
<li class="menu-item"><a href="home5.html">Home 5</a></li>
<li class="menu-item"><a href="home6.html">Home 6</a></li>
<li class="menu-item"><a href="home7.html">Home 7</a></li>
<li class="menu-item"><a href="home8.html">Home 8 ( Special )</a></li>
<li class="menu-item menu-item-has-children">
<a href="#">Slider Styles</a>
<ul class="sub-menu">
<li class="menu-item"><a href="slider-typer-text.html">Text Type</a></li>
<li class="menu-item"><a href="slider-scroll-text.html">Text Scroll</a></li>
<li class="menu-item"><a href="slider-rotate-text.html">Text Rotate</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Explore</a>
<ul class="sub-menu">
<li class="menu-item"><a href="explore-1.html">Explore Style 1</a></li>
<li class="menu-item"><a href="explore-2.html">Explore Style 2</a></li>
<li class="menu-item"><a href="explore-3.html">Explore Style 3</a></li>
<li class="menu-item"><a href="explore-4.html">Explore Style 4</a></li>
<li class="menu-item"><a href="auctions.html">Live Auctions</a></li>
<li class="menu-item"><a href="item-details.html">Item Details</a></li>
<li class="menu-item"><a href="item-details-2.html">Item Details 2</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Activity</a>
<ul class="sub-menu">
<li class="menu-item"><a href="activity1.html">Activity 1</a></li>
<li class="menu-item"><a href="activity2.html">Activity 2</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Community</a>
<ul class="sub-menu">
<li class="menu-item"><a href="blog.html">Blog</a></li>
<li class="menu-item"><a href="blog-details.html">Blog Details</a></li>
<li class="menu-item"><a href="help-center.html">Help Center</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Pages</a>
<ul class="sub-menu">
<li class="menu-item"><a href="author01.html">Authors</a></li>
<li class="menu-item"><a href="author02.html">Authors 2</a></li>
<li class="menu-item"><a href="connect-wallet.html">Wallet Connect</a></li>
<li class="menu-item"><a href="create-item.html">Create Item</a></li>
<li class="menu-item"><a href="profile.html">Edit Profile</a></li>
<li class="menu-item"><a href="ranking.html">Ranking</a></li>
<li class="menu-item"><a href="login.html">Login</a></li>
<li class="menu-item"><a href="signup.html">Sign Up</a></li>
<li class="menu-item"><a href="no-result.html">No Result</a></li>
<li class="menu-item"><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Contact</a>
<ul class="sub-menu">
<li class="menu-item"><a href="contact1.html">Contact 1</a></li>
<li class="menu-item"><a href="contact2.html">Contact 2</a></li>
</ul>
</li>
</ul>
</nav> -->
<!-- <div class="flat-search-btn flex">
<div class="header-search flat-show-search" id="s1">
<a href="#" class="show-search header-search-trigger">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_334_638" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="18" height="17">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.66699 1.66666H17.6862V17.3322H1.66699V1.66666Z" fill="white" stroke="white"/>
</mask>
<g mask="url(#mask0_334_638)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.67711 2.87312C5.9406 2.87312 2.90072 5.84505 2.90072 9.49903C2.90072 13.153 5.9406 16.1257 9.67711 16.1257C13.4128 16.1257 16.4527 13.153 16.4527 9.49903C16.4527 5.84505 13.4128 2.87312 9.67711 2.87312ZM9.67709 17.3322C5.26039 17.3322 1.66699 13.8182 1.66699 9.49902C1.66699 5.17988 5.26039 1.66666 9.67709 1.66666C14.0938 1.66666 17.6864 5.17988 17.6864 9.49902C17.6864 13.8182 14.0938 17.3322 9.67709 17.3322Z" fill="white"/>
<path d="M9.67711 2.37312C5.67512 2.37312 2.40072 5.55836 2.40072 9.49903H3.40072C3.40072 6.13174 6.20607 3.37312 9.67711 3.37312V2.37312ZM2.40072 9.49903C2.40072 13.4396 5.67504 16.6257 9.67711 16.6257V15.6257C6.20615 15.6257 3.40072 12.8664 3.40072 9.49903H2.40072ZM9.67711 16.6257C13.6784 16.6257 16.9527 13.4396 16.9527 9.49903H15.9527C15.9527 12.8664 13.1472 15.6257 9.67711 15.6257V16.6257ZM16.9527 9.49903C16.9527 5.5584 13.6783 2.37312 9.67711 2.37312V3.37312C13.1473 3.37312 15.9527 6.1317 15.9527 9.49903H16.9527ZM9.67709 16.8322C5.52595 16.8322 2.16699 13.5316 2.16699 9.49902H1.16699C1.16699 14.1048 4.99484 17.8322 9.67709 17.8322V16.8322ZM2.16699 9.49902C2.16699 5.46656 5.52588 2.16666 9.67709 2.16666V1.16666C4.9949 1.16666 1.16699 4.8932 1.16699 9.49902H2.16699ZM9.67709 2.16666C13.8282 2.16666 17.1864 5.46649 17.1864 9.49902H18.1864C18.1864 4.89327 14.3593 1.16666 9.67709 1.16666V2.16666ZM17.1864 9.49902C17.1864 13.5316 13.8282 16.8322 9.67709 16.8322V17.8322C14.3594 17.8322 18.1864 14.1047 18.1864 9.49902H17.1864Z" fill="white"/>
</g>
<mask id="mask1_334_638" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="13" y="13" width="6" height="6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2012 14.2999H18.3333V18.3333H14.2012V14.2999Z" fill="white" stroke="white"/>
</mask>
<g mask="url(#mask1_334_638)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.7166 18.3333C17.5596 18.3333 17.4016 18.2746 17.2807 18.1572L14.3823 15.3308C14.1413 15.0952 14.1405 14.7131 14.3815 14.4774C14.6217 14.2402 15.0123 14.2418 15.2541 14.4758L18.1526 17.303C18.3935 17.5387 18.3944 17.9199 18.1534 18.1556C18.0333 18.2746 17.8746 18.3333 17.7166 18.3333Z" fill="white"/>
<path d="M17.7166 18.3333C17.5595 18.3333 17.4016 18.2746 17.2807 18.1572L14.3823 15.3308C14.1413 15.0952 14.1405 14.7131 14.3815 14.4774C14.6217 14.2402 15.0123 14.2418 15.2541 14.4758L18.1526 17.303C18.3935 17.5387 18.3944 17.9199 18.1534 18.1556C18.0333 18.2746 17.8746 18.3333 17.7166 18.3333" stroke="white"/>
</g>
</svg>
</a>
<div class="top-search">
<form action="#" method="get" role="search" class="search-form">
<input type="search" id="s" class="search-field" placeholder="Search..." value="" name="s" title="Search for" required="">
<button class="search search-submit" type="submit" title="Search">
<i class="icon-fl-search-filled"></i>
</button>
</form>
</div>
</div>
<div class="sc-btn-top mg-r-12" id="site-header">
<a href="connect-wallet.html" id="connectbtn" class="sc-button header-slider style style-1 wallet fl-button pri-1"><span>Wallet connect
</span></a>
</div>
<div class="admin_active" id="header_admin">
<div class="header_avatar">
<div class="popup-notification">
<div class="notification">
<span class="number">3</span>
<svg width="19" height="22" viewBox="0 0 19 22" fill="#fff" xmlns="http://www.w3.org/2000/svg">
<path d="M18.4915 15.495L17.209 13.65C17.0339 13.3992 16.9397 13.1009 16.939 12.795V7.5C16.939 5.51088 16.1488 3.60322 14.7423 2.1967C13.3357 0.790176 11.4281 0 9.43896 0C7.44984 0 5.54218 0.790176 4.13566 2.1967C2.72914 3.60322 1.93896 5.51088 1.93896 7.5V12.795C1.93824 13.1009 1.84403 13.3992 1.66896 13.65L0.386463 15.495C0.192273 15.7102 0.064576 15.977 0.018815 16.2632C-0.0269461 16.5494 0.0111884 16.8427 0.128607 17.1077C0.246026 17.3727 0.437699 17.598 0.680449 17.7563C0.923199 17.9147 1.20663 17.9993 1.49646 18H5.76396C5.9361 18.8477 6.39601 19.6099 7.06577 20.1573C7.73553 20.7047 8.57394 21.0038 9.43896 21.0038C10.304 21.0038 11.1424 20.7047 11.8122 20.1573C12.4819 19.6099 12.9418 18.8477 13.114 18H17.3815C17.6713 17.9993 17.9547 17.9147 18.1975 17.7563C18.4402 17.598 18.6319 17.3727 18.7493 17.1077C18.8667 16.8427 18.9049 16.5494 18.8591 16.2632C18.8133 15.977 18.6856 15.7102 18.4915 15.495ZM9.43896 19.5C8.97475 19.4987 8.52231 19.3538 8.14366 19.0853C7.76501 18.8168 7.4787 18.4377 7.32396 18H11.554C11.3992 18.4377 11.1129 18.8168 10.7343 19.0853C10.3556 19.3538 9.90317 19.4987 9.43896 19.5ZM1.49646 16.5C1.53036 16.4685 1.56056 16.4333 1.58646 16.395L2.89896 14.505C3.24909 14.0034 3.43751 13.4067 3.43896 12.795V7.5C3.43896 5.9087 4.0711 4.38258 5.19632 3.25736C6.32154 2.13214 7.84766 1.5 9.43896 1.5C11.0303 1.5 12.5564 2.13214 13.6816 3.25736C14.8068 4.38258 15.439 5.9087 15.439 7.5V12.795C15.4404 13.4067 15.6288 14.0034 15.979 14.505L17.2915 16.395C17.3174 16.4333 17.3476 16.4685 17.3815 16.5H1.49646Z" fill="white"/>
</svg>
</div>
<div class="avatar_popup2 mt-20">
<div class="show mg-bt-18">
<h4>Notifications</h4>
<a href="#">Show All</a>
</div>
<div class="flat-tabs">
<ul class="menu-tab">
<li class="active"><span>All</span></li>
<li><span>Unread</span></li>
</ul>
<div class="content-tab">
<div class="content-inner">
<div class="wrap-box">
<div class="heading">Today</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>liked your items.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
</div>
<div class="wrap-box">
<div class="heading">Yesterday</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
</div>
</div>
<div class="content-inner">
<div class="wrap-box">
<div class="heading">Today</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
</div>
<div class="wrap-box">
<div class="heading">Yesterday</div>
<div class="sc-box">
<div class="content">
<div class="avatar">
<img src="assets/images/avatar/avt-6.jpg" alt="">
</div>
<div class="infor">
<span class="fw-7">Tyler Covington</span>
<span>started following you.</span>
<p>1 hour ago
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="popup-user">
<img class="avatar" src="assets/images/avatar/avt-5.jpg" alt="avatar"/>
<div class="avatar_popup mt-20">
<h4>Tyler Covington</h4>
<div class="d-flex align-items-center mt-20 mg-bt-12">
<div class="info">
<p>Balance</p>
<p class="style">45.57 ETH</p>
</div>
</div>
<p>Wallet</p>
<div class="d-flex align-items-center justify-content-between mg-t-5 mg-bt-17">
<p> 0x84569v....3d5t7e5fd</p>
<a href="index.html" class="ml-2">
<i class="fal fa-copy"></i>
</a>
</div>
<div class="divider"></div>
<div class="hr"></div>
<div class="links mt-20">
<a href="#">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.774902 18.333C0.774902 18.7932 1.14762 19.1664 1.60824 19.1664C2.06885 19.1664 2.44157 18.7932 2.44157 18.333C2.44157 15.3923 4.13448 12.7889 6.77329 11.5578C7.68653 12.1513 8.77296 12.4997 9.94076 12.4997C11.113 12.4997 12.2036 12.1489 13.119 11.5513C13.9067 11.9232 14.6368 12.4235 15.2443 13.0307C16.6611 14.4479 17.4416 16.3311 17.4416 18.333C17.4416 18.7932 17.8143 19.1664 18.2749 19.1664C18.7355 19.1664 19.1083 18.7932 19.1083 18.333C19.1083 15.8859 18.1545 13.5845 16.4227 11.8523C15.8432 11.2725 15.1698 10.7754 14.4472 10.3655C15.2757 9.3581 15.7741 8.06944 15.7741 6.66635C15.7741 3.44979 13.1569 0.833008 9.94076 0.833008C6.72461 0.833008 4.10742 3.44979 4.10742 6.66635C4.10742 8.06604 4.60379 9.35154 5.42863 10.3579C2.56796 11.9685 0.774902 14.9779 0.774902 18.333V18.333ZM9.94076 2.49968C12.2381 2.49968 14.1074 4.36898 14.1074 6.66635C14.1074 8.96371 12.2381 10.833 9.94076 10.833C7.6434 10.833 5.77409 8.96371 5.77409 6.66635C5.77409 4.36898 7.6434 2.49968 9.94076 2.49968V2.49968Z" fill="white"/>
</svg>
<span>My Profile</span>
</a>
<a class="mt-10" href="profile.html">
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.1154 0.730469H2.88461C1.29402 0.730469 0 2.02449 0 3.61508V14.3843C0 15.9749 1.29402 17.2689 2.88461 17.2689H17.1154C18.706 17.2689 20 15.9749 20 14.3843V3.61508C20 2.02449 18.706 0.730469 17.1154 0.730469ZM18.7529 10.6035H14.6154C13.6611 10.6035 13 9.95407 13 8.99969C13 8.04532 13.661 7.34544 14.6154 7.34544H18.7529V10.6035ZM18.7529 6.11508H14.6154C13.0248 6.11508 11.7308 7.40911 11.7308 8.99969C11.7308 10.5903 13.0248 11.8843 14.6154 11.8843H18.7529V14.3843C18.7529 15.3386 18.0698 15.9996 17.1154 15.9996H2.88461C1.93027 15.9996 1.29231 15.3387 1.29231 14.3843V3.61508C1.29231 2.66074 1.93023 1.99963 2.88461 1.99963H17.1266C18.0809 1.99963 18.7529 2.6607 18.7529 3.61508V6.11508Z" fill="white"/>
</svg>
<span>Wallet</span>
</a>
<a class="mt-10" href="login.html" id="logout">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.9668 18.3057H2.49168C2.0332 18.3057 1.66113 17.9335 1.66113 17.4751V2.52492C1.66113 2.06644 2.03324 1.69437 2.49168 1.69437H9.9668C10.4261 1.69437 10.7973 1.32312 10.7973 0.863828C10.7973 0.404531 10.4261 0.0332031 9.9668 0.0332031H2.49168C1.11793 0.0332031 0 1.15117 0 2.52492V17.4751C0 18.8488 1.11793 19.9668 2.49168 19.9668H9.9668C10.4261 19.9668 10.7973 19.5955 10.7973 19.1362C10.7973 18.6769 10.4261 18.3057 9.9668 18.3057Z" fill="white"/>
<path d="M19.7525 9.40904L14.7027 4.42564C14.3771 4.10337 13.8505 4.10755 13.5282 4.43396C13.206 4.76036 13.2093 5.28611 13.5366 5.60837L17.1454 9.16982H7.47508C7.01578 9.16982 6.64453 9.54107 6.64453 10.0004C6.64453 10.4597 7.01578 10.8309 7.47508 10.8309H17.1454L13.5366 14.3924C13.2093 14.7147 13.2068 15.2404 13.5282 15.5668C13.691 15.7313 13.9053 15.8143 14.1196 15.8143C14.3306 15.8143 14.5415 15.7346 14.7027 15.5751L19.7525 10.5917C19.9103 10.4356 20 10.2229 20 10.0003C20 9.77783 19.9111 9.56603 19.7525 9.40904Z" fill="white"/>
</svg>
<span>Log out</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
<div class="mode_switcher">
<h6>Dark mode <strong>Available</strong></h6>
<a href="#" class="light d-flex align-items-center">
<img src="assets/images/icon/sun.png" alt="">
</a>
<a href="#" class="dark d-flex align-items-center is_active">
<img id="moon_dark" src="assets/images/icon/moon-2.png" alt="">
</a>
</div>
</header>
<!-- title page -->
<section class="flat-title-page inner">
<div class="overlay"></div>
<div class="themesflat-container">
<div class="row">
<div class="col-md-12">
<div class="page-title-heading mg-bt-12">
<h1 class="heading text-center">Solar System</h1>
</div>
<div class="breadcrumbs style2">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="solsys.html">Solar System</a></li>
<li>Solar system</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- tf item details -->
<iframe width="100%" height="600px" frameborder="0" allowfullscreen
src="https://sketchfab.com/models/178d1deb210a4bc4a63ee05bc6cb6dcf/embed"></iframe>
<div class="tf-section tf-item-details">
<div class="themesflat-container">
<div class="row">
<div class="col-xl-8 col-md-12">
<div class="content-left">
<div class="media">
<img src="assets/images/id/solarsys.jpg" height="700px" width="900px" alt="">
</div>
</div>
</div>
<div class="col-xl-4 col-md-12">
<div class="content-right">
<div class="sc-item-details">
<h2 class="style2">“Macaw”</h2>
<div class="meta-item">
</div>
<p>The Solar System is the gravitationally bound system of the Sun and the objects that orbit it. It formed 4.6 billion years ago from the gravitational collapse of a giant interstellar molecular cloud. The vast majority (99.86%) of the system's mass is in the Sun, with most of the remaining mass contained in the planet Jupiter. The planetary system around the Sun contains eight planets. The four inner system planets—Mercury, Venus, Earth and Mars—are terrestrial planets, being composed primarily of rock and metal. The four giant planets of the outer system are substantially larger and more massive than the terrestrials. The two largest, Jupiter and Saturn, are gas giants, being composed mainly of hydrogen and helium; the next two, Uranus and Neptune, are ice giants.</p>
<div class="meta-item-details style2">
</div>
<img src="assets/images/qr/THE SOLAR SYSTEM.png" height="300px" width="300px" style="right: 200px; " alt="">
</div>
</div>
</div>
</div>
<br><br><br><br>
<div class="row">
<div class="col-xl-12 col-md-12">
<div class=" content-left">
<div class="col">
<h3 id="questionBox">
1) Lorem ipsum dolor sit amet, consectetur adipisicing elit Debitis?
</h3>
</div>
<div class="col box">
<input name="option" type="radio" id="first" value="a" required>
<label for="first">Testing 1</label>
</div>
<div class="col box">
<input name="option" type="radio" id="second" value="b" required>
<label for="second">Testing 2</label>
</div>
<div class="col box">
<input name="option" type="radio" id="third" value="c" required>
<label for="third">Testing 3</label>
</div>
<div class="col box">
<input name="option" type="radio" id="fourth" value="d" required>
<label for="fourth">Testing 4</label>
</div>
<br>
<button id="submit" class="btn btn--xl btn--base sm-text">Submit</button>
</div>
</div>
</div>
</div>
</div>
<!-- /tf item details -->
<!-- Footer -->
<footer id="footer" class="footer-light-style clearfix">
<div class="themesflat-container">
<div class="row">
<div class="col-lg-12 col-md-12 col-12">
<div class="widget widget-logo">
<div class="logo-footer" id="logo-footer">
<a href="index.html">
<img id="logo_footer" src="assets/images/logo/logo_dark.gif" alt="AugEdu" width="135" height="56"
data-retina="assets/images/logo/[email protected]" data-width="135"
data-height="56">
</a>
</div>
<p class="sub-widget-logo">Project made by <a href="https://www.linkedin.com/in/sandhiya-c-v-893698231/">Sandhiya C V</a></p>
</div>
</div>
</div>
</div>
</footer><!-- /#footer -->
<!-- Bottom -->
</div>
<!-- /#page -->
<!-- Modal Popup Bid -->
</div>
<!-- /#wrapper -->
<a id="scroll-top"></a>
<!-- Javascript -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.easing.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/count-down.js"></script>
<script src="assets/js/plugin.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/swiper.js"></script>
<script src="assets/js/shortcodes.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/web3.min.js"></script>
<script src="assets/js/moralis.js"></script>
<script src="assets/js/nft.js"></script>
<script>
const quizData = [{
question: "What is the largest planet in the solar system?",
a: "Jupiter",
b: "Earth",
c: "Uranus",
d: "Mercury",
correct: "a",
},
{
question: "How many planets are there in the solar sytem?",
a: "9",
b: "8",
c: "10",
d: "7",
correct: "8",
},
];
let index = 0;
let correct = 0,
incorrect = 0,
total = 2;
let questionBox = document.getElementById("questionBox");
let allInputs = document.querySelectorAll("input[type='radio']")
const loadQuestion = () => {
if (total === index) {
return quizEnd()
}
reset()
const data = quizData[index]
questionBox.innerHTML = `${index + 1}) ${data.question}`
allInputs[0].nextElementSibling.innerText = data.a
allInputs[1].nextElementSibling.innerText = data.b
allInputs[2].nextElementSibling.innerText = data.c
allInputs[3].nextElementSibling.innerText = data.d
}
document.querySelector("#submit").addEventListener(
"click",
function() {
const data = quizData[index]
const ans = getAnswer()
if (ans === data.correct) {
correct++;
} else {
incorrect++;
}
index++;
loadQuestion()
}
)
const getAnswer = () => {
let ans;
allInputs.forEach(
(inputEl) => {
if (inputEl.checked) {
ans = inputEl.value;
}
}
)
return ans;
}
const reset = () => {
allInputs.forEach(
(inputEl) => {
inputEl.checked = false;
}
)
}
const quizEnd = () => {
alert(`Hii, you've scored ${correct} / ${total}`)
}
loadQuestion(index);
</script>
</body>
</html>