-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
106 lines (105 loc) · 5.75 KB
/
about.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>CAREER GUIDANCE</title>
<link rel="stylesheet" href="style.css" />
<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">
<title>Career Guidance</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>
<section class="about-head">
<h1>More About us !</h1>
</section>
<!-- adding content in the about Page -->
<div class="about-row ">
<div class="about-left">
<h1>
Talented Faculty
</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem veritatis obcaecati quasi, similique assumenda temporibus nulla ducimus minima, quia officia ipsum aperiam, animi laborum! Autem, deleniti? Est officiis nihil minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus esse totam perspiciatis sint vel? Maiores blanditiis nihil, consequuntur nisi delectus omnis veniam laborum, mollitia dolorum ipsam assumenda eum error soluta?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro voluptatum, impedit sed corporis vitae error. Laudantium, officia tempora sunt eum ullam ex? Facere, dignissimos reprehenderit amet magnam fugit accusantium nihil?
</p>
</div>
<div class="about-right">
<img src="Images/about.jpg" alt="">
</div>
</div>
<div class="about-row">
<div class="about-right">
<img src="https://storage.googleapis.com/swayam2_central/assets/img/swayam_images/Slider/assignments.png" alt="">
</div>
<div class="about-left">
<h1>
Pratical Learning
</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem veritatis obcaecati quasi, similique assumenda temporibus nulla ducimus minima, quia officia ipsum aperiam, animi laborum! Autem, deleniti? Est officiis nihil minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus esse totam perspiciatis sint vel? Maiores blanditiis nihil, consequuntur nisi delectus omnis veniam laborum, mollitia dolorum ipsam assumenda eum error soluta?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro voluptatum, impedit sed corporis vitae error. Laudantium, officia tempora sunt eum ullam ex? Facere, dignissimos reprehenderit amet magnam fugit accusantium nihil?
</p>
</div>
</div>
<div class="about-row ">
<div class="about-left">
<h1>
Talented Faculty
</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem veritatis obcaecati quasi, similique assumenda temporibus nulla ducimus minima, quia officia ipsum aperiam, animi laborum! Autem, deleniti? Est officiis nihil minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus esse totam perspiciatis sint vel? Maiores blanditiis nihil, consequuntur nisi delectus omnis veniam laborum, mollitia dolorum ipsam assumenda eum error soluta?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro voluptatum, impedit sed corporis vitae error. Laudantium, officia tempora sunt eum ullam ex? Facere, dignissimos reprehenderit amet magnam fugit accusantium nihil?
</p>
</div>
<div class="about-right">
<img src="Images/about.jpg" alt="">
</div>
</div>
<div class="about-row">
<div class="about-right">
<img src="https://storage.googleapis.com/swayam2_central/assets/img/swayam_images/Slider/assignments.png" alt="">
</div>
<div class="about-left">
<h1>
Pratical Learning
</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Exercitationem veritatis obcaecati quasi, similique assumenda temporibus nulla ducimus minima, quia officia ipsum aperiam, animi laborum! Autem, deleniti? Est officiis nihil minima.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus esse totam perspiciatis sint vel? Maiores blanditiis nihil, consequuntur nisi delectus omnis veniam laborum, mollitia dolorum ipsam assumenda eum error soluta?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Porro voluptatum, impedit sed corporis vitae error. Laudantium, officia tempora sunt eum ullam ex? Facere, dignissimos reprehenderit amet magnam fugit accusantium nihil?
</p>
</div>
</div>
<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>
<script>
burger = document.querySelector('.burger');
navbar = document.querySelector('.navbar');
navList = document.querySelector('.nav-list');
rightnav = document.querySelector('.right-nav-btn');
burger.addEventListener('click' , ()=> {
navList.classList.toggle('v-class');
rightnav.classList.toggle('v-class');
navbar.classList.toggle('h-nav');
})
</script>
</body>
</html>