login

html explainerkhan.com collected 2026-09-24 14:42:30 UTC 12,040 bytes, 414 lines download raw bytes

1<!doctype html>
2<html lang="en">
3
4<head>
5    <!-- Required meta tags -->
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1">
8    <!--favicon-->
9    <link rel="icon" href="https://explainerkhan.com/uploads/front_image/1735392709_KCVC logo 001.png" type="image/ico">
10    <!--plugins-->
11    <link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" />
12    <link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" />
13    <link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" />
14    <!-- Bootstrap CSS -->
15    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
16    <link href="assets/css/bootstrap-extended.css" rel="stylesheet">
17    <style type="text/css">
18        :root {
19            --blue: #007bff;
20            --indigo: #6610f2;
21            --purple: #6f42c1;
22            --pink: #e83e8c;
23            --red: #dc3545;
24            --orange: #fd7e14;
25            --yellow: #ffc107;
26            --green: #28a745;
27            --teal: #20c997;
28            --cyan: #17a2b8;
29            --white: #fff;
30            --gray: #6c757d;
31            --gray-dark: #343a40;
32            --primary: #007bff;
33            --secondary: #6c757d;
34            --success: #28a745;
35            --info: #17a2b8;
36            --warning: #ffc107;
37            --danger: #dc3545;
38            --light: #f8f9fa;
39            --dark: #343a40;
40            /* --green: #157D4C;
41   --orange:#FF9F29;
42  --greengredient:linear_gradient linear-gradient(125deg, #144B2F, #34495e);*/
43            --green: #7f0000;
44            --orange:#229fd9;
45            --greengredient:linear-gradient(80deg, #7f0000, #8c5f7a);;
46            --primary: #7f0000;
47		--btn-primary-hover: #229fd9;
48		--box-shadow: #229fd9;
49		--primary1: linear-gradient(80deg, #7f0000, #8c5f7a);;
50           --breakpoint-xs: 0;
51            --breakpoint-sm: 576px;
52            --breakpoint-md: 768px;
53            --breakpoint-lg: 992px;
54            --breakpoint-xl: 1200px;
55            --font-family-sans-serif: -apple-system,
56            BlinkMacSystemFont,
57            "Segoe UI",
58            Roboto,
59            "Helvetica Neue",
60            Arial,
61            sans-serif,
62            "Apple Color Emoji",
63            "Segoe UI Emoji",
64            "Segoe UI Symbol";
65            --font-family-monospace: SFMono-Regular,
66            Menlo,
67            Monaco,
68            Consolas,
69            "Liberation Mono",
70            "Courier New",
71            monospace;
72
73
74        }
75        
76
77
78/* header colors */
79
80.switcher-body .headercolor1 {
81
82	background: #229fd9 !important;
83
84}
85
86.switcher-body .headercolor2 {
87
88	background: #23282c !important;
89
90}
91
92.switcher-body .headercolor3 {
93
94	background: #e10a1f !important;
95
96}
97
98.switcher-body .headercolor4 {
99
100	background: #157d4c !important;
101
102}
103
104.switcher-body .headercolor5 {
105
106	background: #673ab7 !important;
107
108}
109
110.switcher-body .headercolor6 {
111
112	background: #795548 !important;
113
114}
115
116.switcher-body .headercolor7 {
117
118	background: #d3094e !important;
119
120}
121
122.switcher-body .headercolor8 {
123
124	background: #ff9800 !important;
125
126}
127
128html.headercolor1 .topbar {
129
130	background: #229fd9;
131
132}
133
134html.headercolor2 .topbar {
135
136	background: #23282c;
137
138}
139
140html.headercolor3 .topbar {
141
142	background: #e10a1f;
143
144}
145html.headercolor4 .topbar {
146
147	background: #157d4c !important;
148}
149
150
151
152html.headercolor5 .topbar {
153
154	background: #673ab7;
155
156}
157
158html.headercolor6 .topbar {
159
160	background: #795548;
161
162}
163
164html.headercolor7 .topbar {
165
166	background: #d3094e;
167
168}
169
170html.headercolor8 .topbar {
171
172	background: #ff9800;
173
174}
175
176
177
178
179/* sidebar color */
180
181
182html.color-sidebar .sidebar-wrapper{
183	background-color: #171717;
184    border-right: 1px solid rgb(228 228 228 / 0%);
185}
186html.color-sidebar .sidebar-header{
187	background-color: transparent;
188    border-right: 1px solid #e4e4e400;
189    border-bottom: 1px solid rgb(255 255 255 / 15%);
190}
191/* html.color-sidebar .logo-icon {
192    filter: invert(1) grayscale(100%) brightness(200%);
193} */
194
195html.color-sidebar .menu-label{
196	color: rgb(255 255 255 / 65%);
197}
198
199html.color-sidebar .sidebar-wrapper .sidebar-header .logo-text {
200    color: #ffffff;
201}
202
203html.color-sidebar .sidebar-wrapper .sidebar-header .toggle-icon {
204    color: #ffffff;
205}
206
207html.color-sidebar .simplebar-scrollbar:before {
208	background: rgba(255, 255, 255, .4)
209}
210
211html.color-sidebar .sidebar-wrapper .metismenu .mm-active>a, html.color-sidebar .sidebar-wrapper .metismenu a:active, html.color-sidebar .sidebar-wrapper .metismenu a:focus, html.color-sidebar .sidebar-wrapper .metismenu a:hover {
212    color: #fff;
213    text-decoration: none;
214    background: rgb(255 255 255 / 18%);
215}
216
217html.color-sidebar .sidebar-wrapper .metismenu a {
218    color: rgb(255 255 255 / 85%);
219}
220
221html.color-sidebar .sidebar-wrapper .metismenu ul {
222    border: 1px solid #ffffff00;
223    background: rgb(255 255 255 / 8%);
224}
225
226
227html.color-sidebar .sidebar-wrapper {
228    background-size: 100% 100%;
229    background-attachment: fixed;
230    background-position: center;
231    background-repeat: no-repeat;
232}
233
234
235.switcher-wrapper .sidebarcolor1 {
236	background: #7f0000 !important;
237}
238.switcher-wrapper .sidebarcolor2 {
239	background: #23282c !important;
240
241
242}
243.switcher-wrapper .sidebarcolor3 {
244	background: #e10a1f !important;
245
246}
247.switcher-wrapper .sidebarcolor4 {
248	background:#157d4c;
249
250}
251.switcher-wrapper .sidebarcolor5 {
252	background: #673ab7 !important;
253}
254.switcher-wrapper .sidebarcolor6 {
255	background: #795548 !important;
256
257}
258.switcher-wrapper .sidebarcolor7 {
259	background: #d3094e;
260
261}
262.switcher-wrapper .sidebarcolor8 {
263	background: #ff9800 !important;
264
265}
266
267
268
269
270html.color-sidebar.sidebarcolor1 .sidebar-wrapper {
271	background: #7f0000 !important;
272
273
274}
275
276html.color-sidebar.sidebarcolor2 .sidebar-wrapper {
277	background: #23282c !important;
278
279
280}
281
282html.color-sidebar.sidebarcolor3 .sidebar-wrapper {
283	background: #e10a1f !important;
284
285}
286
287html.color-sidebar.sidebarcolor4 .sidebar-wrapper {
288	background:#157d4c;
289
290}
291
292html.color-sidebar.sidebarcolor5 .sidebar-wrapper {
293	background: #673ab7 !important;
294}
295
296html.color-sidebar.sidebarcolor6 .sidebar-wrapper {
297	background: #795548 !important;
298
299}
300
301html.color-sidebar.sidebarcolor7 .sidebar-wrapper {
302	background: #d3094e;
303
304}
305
306html.color-sidebar.sidebarcolor8 .sidebar-wrapper {
307	background: #ff9800 !important;
308
309}
310
311
312
313    </style>    <link href="assets/css/app.css" rel="stylesheet">
314    <link href="assets/css/icons.css" rel="stylesheet">
315  <title>Khyber Computer &amp; Vocational College</title>
316    <meta name="keywords" content="Khyber Computer &amp; Vocational College">
317    <meta name="description" content="Khyber Computer &amp; Vocational College">
318</head>
319
320<body>
321    <!--wrapper-->
322    <div class="wrapper">
323        <div class="authentication-header"></div>
324        <div class="section-authentication-signin d-flex align-items-center justify-content-center my-5 my-lg-0">
325            <div class="container-fluid">
326                <div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3">
327                    <div class="col mx-auto">
328                        <div class="mb-4 text-center">
329                            <img src="assets/images/logo-img.png" width="180" alt="" />
330                        </div>
331                        <div class="card">
332                            <div class="card-body">
333                                <div class="p-4 rounded">
334                                    <div class="text-center">
335                                        <h3 class="">Sign in</h3>
336                                        
337                                    </div>
338
339                                    <div class="login-separater text-center mb-4"> <span>OR SIGN IN WITH EMAIL</span>
340                                        <hr />
341                                    </div>
342                                    <div class="form-body">
343
344                                        <form method="POST" class="row g-3" action="https://explainerkhan.com/login">
345                                            <input type="hidden" name="_token" value="nX0jJUCCn5091uXJqKykeSVWjRm0iXNMcGv5b0qk">
346                                            <div class="col-12">
347
348                                                <label for="inputEmailAddress" class="form-label">Email Address</label>
349                                                <input type="email" class="form-control " id="inputEmailAddress" name="email" value="" required autocomplete="email" autofocus placeholder="Email Address">
350                                                                                            </div>
351                                            <div class="col-12">
352                                                <label for="inputChoosePassword" class="form-label">Enter Password</label>
353                                                <div class="input-group" id="show_hide_password">
354                                                    <input type="password" name="password"  class="form-control border-end-0 " required id="inputChoosePassword" autocomplete="current-password" placeholder="Enter Password"> <a href="https://explainerkhan.com/home " class="input-group-text bg-transparent"><i class='bx bx-hide'></i></a>
355
356
357                                                                                                    </div>
358                                            </div>
359                                            <div class="col-md-6">
360                                                <div class="form-check form-switch">
361                                                <input class="form-check-input" type="checkbox" name="remember" id="remember" >
362
363                                                    <label class="form-check-label" for="flexSwitchCheckChecked">Remember Me</label>
364                                                </div>
365                                            </div>
366                                            <div class="col-md-6 text-end"> <a href="https://explainerkhan.com/authentication-forgot-password">Forgot Password ?</a>
367                                            </div>
368                                            <div class="col-12">
369                                                <div class="d-grid">
370                                                    <button type="submit" class="btn btn-primary"><i class="bx bxs-lock-open"></i>Sign in</button>
371                                                </div>
372                                            </div>
373                                        </form>
374                                    </div>
375                                </div>
376                            </div>
377                        </div>
378                    </div>
379                </div>
380                <!--end row-->
381            </div>
382        </div>
383    </div>
384    <!--end wrapper-->
385    <!-- Bootstrap JS -->
386

386<script src="assets/js/bootstrap.bundle.min.js"></script>

386
387    <!--plugins-->
388

388<script src="assets/js/jquery.min.js"></script>

388
389

389<script src="assets/plugins/simplebar/js/simplebar.min.js"></script>

389
390

390<script src="assets/plugins/metismenu/js/metisMenu.min.js"></script>

390
391

391<script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>

391
392    <!--Password show & hide js -->
393

393<script>
394        $(document).ready(function() {
395            $("#show_hide_password a").on('click', function(event) {
396                event.preventDefault();
397                if ($('#show_hide_password input').attr("type") == "text") {
398                    $('#show_hide_password input').attr('type', 'password');
399                    $('#show_hide_password i').addClass("bx-hide");
400                    $('#show_hide_password i').removeClass("bx-show");
401                } else if ($('#show_hide_password input').attr("type") == "password") {
402                    $('#show_hide_password input').attr('type', 'text');
403                    $('#show_hide_password i').removeClass("bx-hide");
404                    $('#show_hide_password i').addClass("bx-show");
405                }
406            });
407        });
408
409    </script>

409
410    <!--app JS-->
411</body>
412
413</html>
414

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.