forked from vibhoregit/vibhoregit.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-us.html
202 lines (165 loc) · 8.85 KB
/
about-us.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>About Us</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<!-- Swiper CSS -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- Styles -->
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<style>
.mobile-about{
max-height:1000px;
}
@media screen and (max-width: 768px) {
.mobile-text{
font-size: 80px!important;
}
.mobile-text1{
font-size: 45px!important;
}
.mobile-about{
max-height: 1400px!important;
}
}
</style>
<body class="about-us">
<header id="particles-js" class="mobile-about site-header">
<div class="header-bar">
<div class="container-fluid fix-nav">
<div class="row align-items-center">
<div class="col-10 col-lg-4">
<h1 class="site-branding flex">
<div>
<a href="http://www.engineernitk.org/">
<img src="img/Engi_logo_3.png" height="60px" style="vertical-align:middle">
</a>
</div>
</h1>
</div>
<div class="col-2 col-lg-8">
<nav class="site-navigation">
<div class="hamburger-menu d-lg-none">
<span></span>
<span></span>
<span></span>
<span></span>
</div><!-- .hamburger-menu -->
<ul>
<li><a href="index.html">TECHNITES 2018</a></li>
<li><a href="sig.html">SIG's</a></li>
<li><a href="about-us.html">ABOUT US</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="alumini.html">ALUMNI</a></li>
<li>
<a href="https://www.facebook.com/magiciansoftheafterdark" style="font-size: 30px;"><i class="fab fa-facebook-f"></i></a></li>
<li> <a href="https://www.instagram.com/technites_nitk/" style="font-size: 30px"><i class="fab fa-instagram"></i></a>
</li>
<li><a></a></li>
</ul><!-- flex -->
</nav><!-- .site-navigation -->
</div><!-- .col-12 -->
</div><!-- .row -->
</div><!-- container-fluid -->
<div class="main-content">
<div class="container">
<div class="entry-header">
<div class="entry-title">
<h2>A few words about us</h2>
</div><!-- -->
</div><!-- -->
<div class="entry-content">
<div class="row">
<div class="col-12 col-lg-6">
<div class="entry-header">
<h3>We love our public</h3>
</div><!-- -->
<div class="entry-description">
<p>Here in Technites we work hard to entertain the visitors so that
they can relax after the tiresome day and have fun with their friends.
We can be found @LHC-B (formerly N.T.B.) ground floor and the whole LHC-A
(formerly A.T.B.). Too exhausted from the day? Come to Psych room to dance
to our beats and enjoy the mesmerising colourful ambience! Got a bunch of
crazy friends? Well Arcade room should be on your bucket list cause we have
a loaded section of multiplayer games! Want to make your own melodies? Come
and show your talent in MIDI band! And if you're thrilled and energetic then
do get your friends to play Blitzkreig (our version of laser tag! 😁) at LHC-A!
</p>
</div><!-- entry-description -->
</div><!-- col-6 -->
<div class="col-12 col-lg-6 mt-5 mt-lg-0">
<div class="entry-header">
<h3>10<sup>th</sup> Aniversary</h3>
</div><!-- -->
<div class="entry-description">
<p>Yup! Technites is celebrating it's tenth Aniversarry this year
and we're very pumped to deliver the best Technites Engineer has
ever seen! Starring new projects with a total count of 38 projects,
we've ensured that our visitors get to experience the most vivid
evenings during Engineer. What are you waiting for? Mark those
calendars and Alarms because we've started brewing magic for the
after-dark. </p>
</div><!-- entry-description -->
</div><!-- col-6 -->
</div><!-- row -->
</div><!-- entry-content -->
<br>
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/1-2dG4Jz3kY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center>
</div><!-- container -->
</div><!-- main-content -->
</div><!-- header-bar -->
</header><!-- .site-header -->
<footer class="site-footer">
<div class="footer-cover-title flex justify-content-center align-items-center">
<h2>ENGI 2018</h2>
</div><!-- .site-footer -->
<div class="footer-content-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="entry-title">
<a href="#">TECHNITES</a>
</div><!-- entry-title -->
<div class="entry-mail">
<a href="#"></a>
</div><!-- .entry-mail -->
<div class="copyright-info">
Module designed by Priyam & Shushant <br> Contributors: Rakshita, Sankalp, Shweta and Thejaswini
</div>
<div class="footer-social">
<ul class="flex justify-content-center align-items-center">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div><!-- footer-social -->
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
</div><!-- footer-content-wrapper -->
</footer><!-- site-footer -->
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/masonry.pkgd.min.js'></script>
<script type='text/javascript' src='js/jquery.collapsible.min.js'></script>
<script type='text/javascript' src='js/swiper.min.js'></script>
<script type='text/javascript' src='js/jquery.countdown.min.js'></script>
<script type='text/javascript' src='js/circle-progress.min.js'></script>
<script type='text/javascript' src='js/jquery.countTo.min.js'></script>
<script type='text/javascript' src='js/custom.js'></script>
<!-- scripts -->
<script src="particles.js"></script>
<script src="js/app.js"></script>
<!-- stats.js -->
<script src="js/lib/stats.js"></script>
</body>
</html>