forked from spandanpal22/arhn21-temp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
122 lines (111 loc) · 5.54 KB
/
aboutus.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Aarohan 2021</title>
<link rel="icon" type="image/png" href="./img/final-logo.png">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<link href="./css/about.css" rel="stylesheet">
<link rel="stylesheet" href="css/navbar.css">
</head>
<body>
<header class="cd-header">
<div class="header-wrapper">
<div class="logo-wrap">
<!-- <a href="#" class="hover-target"><span>AAROHAN</span></a>-->
</div>
<div class="nav-but-wrap">
<div class="menu-icon hover-target">
<span class="menu-icon__line menu-icon__line-left"></span>
<span class="menu-icon__line"></span>
<span class="menu-icon__line menu-icon__line-right"></span>
</div>
</div>
</div>
</header>
<div class="nav">
<div class="nav__content">
<ul class="nav__list">
<li class="nav__list-item"><a href="home.html" class="hover-target">home</a></li>
<li class="nav__list-item active-nav"><a href="aboutus.html" class="hover-target">about us</a></li>
<li class="nav__list-item"><a href="#" class="hover-target">events</a></li>
<li class="nav__list-item"><a href="attractions.html" class="hover-target">attractions</a></li>
<li class="nav__list-item"><a href="#" class="hover-target">team</a></li>
<li class="nav__list-item"><a href="contactus.html" class="hover-target">contact us</a></li>
</ul>
</div>
</div>
<body class="noisy"></body>
<div class="emblem"><span class="icon-information"></span></div>
<div class="frame">
<div class="piece output">
<div class="head">
<h1 class="heading">About us</h1>
</div>
<div class="box">
<div class="video">
<div class="card">
<iframe class="card-img-top" src="https://www.youtube.com/embed/dxNZndlbbOo" title="arhn"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen=""></iframe>
</iframe>
</div>
</div>
<div class="paragraph">
<p>National Institute of Technology, Durgapur has been a pioneering educational
institute for above 50 years. It boasts of students who have achieved par excellence
in the field of academics and organization. Aarohan is the Annual Techno-management fest of
NIT Durgapur, the 2nd Largest of its kind in the whole of eastern India. It is organised by
a group of young enthusiasts under the supervision of highly responsible faculties.
This festival has been constantly fostering the enthusiastic students to showcase their talents
and uplifting their spirits by taking parts in various events, and imbibing in them a sense of
belonging to the competitive world that lies ahead, which we shall be continuing for years to come.
Aarohan is not only a celebration of the spirit of engineering but also an opportunity for students
to explore their creative limits, experiment, make mistakes and have fun while continuously
re-inventing themselves over the course of the fest. Aarohan has been leading the light of
instilling
a culture of science, technology and innovation among the youth of the nation. With more than 40
events covering all genres
of technology and management, Aarohan brings some of the best solutions for the mankind to the
fore.</p>
</div>
</div>
</div>
<div class="piece scanlines noclick"></div>
<div class="piece glow noclick"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc"
crossorigin="anonymous"></script>
<script>
var app = function () {
var body = undefined;
var menu = undefined;
var menuItems = undefined;
var init = function init() {
body = document.querySelector('body');
menu = document.querySelector('.menu-icon');
menuItems = document.querySelectorAll('.nav__list-item');
applyListeners();
};
var applyListeners = function applyListeners() {
menu.addEventListener('click', function () {
return toggleClass(body, 'nav-active');
});
};
var toggleClass = function toggleClass(element, stringClass) {
if (element.classList.contains(stringClass)) element.classList.remove(stringClass); else element.classList.add(stringClass);
};
init();
}();
</script>
</body>
</html>