-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgovtExams.html
85 lines (81 loc) · 4.18 KB
/
govtExams.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>CAREER GUIDANCE</title>
<link rel="stylesheet" href="utility.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<title>Govt Exams</title>
</head>
<body>
<nav>
<div class="nav-list v-class" id="nav-elem">
<ul>
<li><a class="active" href="home.html">Home</a></li>
<li><a href="tenth.html">After 10th</a></li>
<li><a href="twelve.html">After 12th</a></li>
<li><a href="graduate.html">After Graduation</a></li>
<li><a href="#">Govt Exams</a></li>
<li><a href="#">Check Jobs</a></li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="about.html">About us</a></li>
</ul>
</div>
</nav>
<!-- nav bar ends -->
<section>
<div class="progress-container">
<div class="progress-bar" id="mybar"></div>
</div>
</section>
<div class="exam-info">
<h2>Why Govt Exam ? </h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet recusandae qui amet, et nesciunt quibusdam iste adipisci quae, nihil quia commodi consequatur officia, dolore dignissimos. Vitae odio saepe ullam aliquid.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime facere laboriosam numquam voluptates dolorum neque velit ducimus, voluptatibus, dolor quis ea repudiandae dolore quos, nisi doloremque id obcaecati eligendi in.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum perspiciatis debitis, sequi deleniti quisquam reiciendis quos veritatis ducimus provident. Accusamus excepturi, delectus sequi laborum facilis pariatur aspernatur molestias adipisci architecto.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corrupti praesentium voluptates vitae, iusto sit fugit quae! Delectus molestias hic facere necessitatibus, rerum a nemo porro, perferendis nisi ullam tempora deleniti.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi ea sapiente ratione alias. Sapiente, error quis deserunt reprehenderit nisi quisquam aliquam iusto quidem natus? Minima quisquam possimus et dolore qui!
</p>
</div>
<div class="exam-cont">
<h2>Explore By Category</h2>
<div class="exam-cont-items">
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
<div class="exam-item"> <img src="images/feedback.jpg" alt="Loading"> Image 1</div>
</div>
</div>
<!-- Footer Starts Here -->
<section class="footer">
<div class="p">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perspiciatis nemo ex dolore perferendis a
recusand</div>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram" aria-hidden="true"></i>
<i class="fa fa-twitter" aria-hidden="true"></i>
<i class="fa fa-university" aria-hidden="true"></i>
<i class="fa fa-snapchat-ghost" aria-hidden="true"></i>
</div>
</section>
<!-- Footer End -->
<script>
window.onscroll = function () { myFunction() };
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("mybar").style.width = scrolled + "%";
}
</script>
</body>
</html>