-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdep.html
145 lines (120 loc) · 5.38 KB
/
dep.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IIT BHU</title>
<link rel="stylesheet" href="1.css">
<link href='https://fonts.googleapis.com/css?family=Baloo Bhai' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<section class="abt" id="abt">
<nav>
<a href="1.html"><img src="logo1.png" ></a>
<div class="navbar" id="navbar">
<i class="fa-solid fa-xmark" onclick="hidemenu()"></i>
<ul>
<li><a href="1.html">Home</a></li>
<li><a href="dep.html">Departments</a></li>
<li><a href="about.html">About us</a></li>
<!-- <li><a href="dep.html">Departments</a></li> -->
<!-- <li><a href="">BLOG</a></li> -->
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<i class="fa-solid fa-bars" onclick="showmenu()"></i>
</nav>
<h1>Our Departments</h1>
</div>
</section>
<section class="dep">
<h1>Departments </h1>
<p id="y">there are three types of departments</p>
<div class="row">
<div class="dep-col">
<h3><b>Engineering Departments</b></h3>
<p>
Architecture, Planning & Design
<br>Ceramic Engineering
<br> Chemical Engineering
<br> Civil Engineering
<br> Computer Science & Engg.
<br> Electrical Engineering
<br> Electronics Engineering
<br> Mechanical Engineering
<br> Metallurgical Engineering
<br> Mining Engineering
<br>Pharmaceutical Engineering</p>
</div>
<div class="dep-col">
<h3><b>Science Departments</b></h3>
<p>
Chemistry
<br>Mathematical Sciences
<br>Physics</p>
</div>
<div class="dep-col">
<h3><b>Schools and Humanities Department</b></h3>
<p>
Bio-Chemical Engineering
<br>Bio-Medical Engineering
<br>Materials Science & Technology
<br>Humanistic Studies</p>
</div>
</div>
</section>
<!-- facilities -->
<section class="fac">
<h1>facilities
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="fac-col">
<img src="bhulib.jpg" alt="">
<h3>library</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="fac-col">
<img src="sac.jpeg" alt="">
<h3>games and sports</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="fac-col">
<img src="cafe.jpg" alt="">
<h3>Cafeteria</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</section>
<section class="footer">
<!-- <img src="2.jpg" alt="" class="logo"> -->
<h4>About us</h4>
<!-- <p>The institute completed its 100 years in 2019, and we wish to take forward the legacy with rejuvenated vigor and sheer dedication with a commitment to nation building. The Indian Institute of Technology (Banaras Hindu University) Varanasi owes its existence to Bharat Ratna Mahamana Pandit Madan Mohan Malviya, the founder of the first residential University of modern India, Banaras Hindu University (BHU), who could foresee the vital role of technical education in strengthening independent India. Engineering education in BHU started in 1919 with the establishment of Banaras Engineering College (BENCO). The next stage of development saw the establishment of College of Technology (TECHNO) and College of Mining & Metallurgy (MINMET). In 1968, the erstwhile engineering colleges of BHU, namely BENCO, MINMET, and TECHNO, were merged to form the Institute of Technology (IT-BHU). IT-BHU had been admitting students through the JEE conducted by the IITs since 1972. The erstwhile IT-BHU was ranked consistently amongst the top engineering institutions of the country. IT-BHU became IIT (BHU) Varanasi on June 29, 2012, by an Act of Parliament. Following its conversion to IIT, the Institute has quickly established procedures and practices as per the standards of IITs.</p> -->
<p>IT-BHU became IIT (BHU) Varanasi on June 29, 2012, by an Act of Parliament. <br>Following its conversion to IIT
the Institute has quickly established procedures and practices as per the standards of IITs.</p>
<div class="icons">
<a href="https://iitbhu.ac.in/" class="fa-brands fa-facebook"></a>
<a href="https://iitbhu.ac.in/" class="fa-brands fa-instagram" ></a>
<a href="https://iitbhu.ac.in/" class="fa-brands fa-twitter" ></a>
<a href="https://iitbhu.ac.in/" class="fa-brands fa-linkedin" ></a>
<!-- <i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-instagram" ></i>
<i class="fa-brands fa-twitter" ></i>
<i class="fa-brands fa-linkedin" ></i> -->
</div>
<p>Made with Harshitraisahab <a href="https://www.instagram.com/harshitraisahab/" target="_blank" class="fa-brands fa-instagram" ></a></p>
</section>
<!-- javasript for show hid emenu -->
<script>
let nav=document.getElementById("navbar");
function showmenu(){
nav.style.right="0px";
}
function hidemenu(){
nav.style.right="-200px";
}
</script>
</body>
</html>
<!-- <video src="IITBHU Campus Tour - 2022 (8m40s).mp4"></video> -->