-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlive_class.html
149 lines (135 loc) · 4.12 KB
/
live_class.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<!--<title> Responsiive Admin Dashboard | CodingLab </title>-->
<link rel="stylesheet" href="dashboard2.css">
<link rel="stylesheet" href="slider.css">
<link rel="stylesheet" href="question_box.css">
<!-- Boxicons CDN Link -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="sidebar">
<div class="logo-details">
<i class='bx bxs-ghost'></i>
<span class="logo_name">Enguide</span>
</div>
<div class ="Profilee_text">
<img src="images/avatar-removebg-preview.png"alt="Profile picture" class="profile_img">
<span class="var_name">My Name</span>
<span class="profile_text">xp points</span>
</div>
<ul class="nav-links">
<li>
<a href="dashboard2.html">
<i class='bx bx-list-ul' ></i>
<span class="links_name">Dashboard</span>
</a>
</li>
<li>
<a href="live_class.html" class="active">
<i class='bx bx-laptop'></i>
<span class="links_name">Live classes</span>
</a>
</li>
<li class="settings">
<a href="settings.html">
<i class='bx bx-cog' ></i>
<span class="links_name">Settings</span>
</a>
</li>
<li class="logout">
<a href="index.html">
<i class='bx bx-log-out'></i>
<span class="links_name">Log Out</span>
</a>
</li>
</ul>
</div>
<section class="home-section">
<nav>
<div class="sidebar-button">
<i class='bx bx-menu sidebarBtn' style="color: white;"></i>
<span class="dashboard" style="color: white;">Live class</span>
</div>
<div class="search-box">
<input type="text" placeholder="Search..." class="searchinput">
<i class='bx bx-search' ></i>
</div>
<div class="profile-details">
<img src="images/avatar-removebg-preview.png" alt="">
<span class="admin_name">User Name</span>
<i class='bx bx-chevron-down' ></i>
</div>
</nav>
<!--main content-->
<div id="dot-wrapper">
<form class="dot-form" action="">
<h1 id="form-title">Understanding</h1>
<div id="dot-slider">
<input type="radio" name="dot-amount" id="1" value="1">
<label for="1" data-dot-amount="Sleeping"></label>
<input type="radio" name="dot-amount" id="2" value="2">
<label for="2" data-dot-amount="Lost"></label>
<input type="radio" name="dot-amount" id="3" value="3">
<label for="3" data-dot-amount="Kinda"></label>
<input type="radio" name="dot-amount" id="4" value="4">
<label for="4" data-dot-amount="Almost"></label>
<input type="radio" name="dot-amount" id="5" value="51">
<label for="5" data-dot-amount="I'm pro"></label>
<div id="dot-input-label"></div>
</div>
</form>
</div>
<!--next button-->
<a href="after_class.html" class="btn btn--Next"><span>Next</span></a>
</section>
<!--question box-->
<div class="login-box">
<h2>Question Box</h2>
<h2>Please log your questions or problems here</h2>
<form>
<div class="user-box">
<input type="text" name="" required="">
<label>Questions:</label>
</div>
<div class="user-box">
<input type="password" name="" required="">
<label>Problems:</label>
</div>
<a class="post_button post" href="#">
<span></span>
<span></span>
<span></span>
<span></span>
post
</a>
</form>
</div>
<!--volunteer button-->
<div class="volunteer-box login-box">
<h2>Would you like to volunteer?</h2>
<form>
<!-- <div class="user-box">-->
<!-- <input type="text" name="" required="">-->
<!-- <label>Questions:</label>-->
<!-- </div>-->
<!-- <div class="user-box">-->
<!-- <input type="password" name="" required="">-->
<!-- <label>Problems:</label>-->
<!-- </div>-->
<a class="post_button ping" href="#">
<span></span>
<span></span>
<span></span>
<span></span>
raise hand
</a>
</form>
</div>
<!--java script-->
<script src="Signup.js"></script>
</body>
</html>