-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
231 lines (219 loc) · 14.1 KB
/
index.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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Cell | IIIT Sonepat</title>
<link rel="shortcut icon" type="img/jpeg" href="logo.jpeg">
<link rel="preconnect" href="https://fonts.gstatic.com">
<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="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Josefin+Sans&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Forum&display=swap" rel="stylesheet">
</head>
<body>
<div class="preloader">
<div class="preloadervideoblock">
<video src="preloader.mp4" class="preloadervdo" autoplay muted loop></video>
</div>
<div class="preloadertext">Welcome to E-Cell of IIIT Sonepat</div>
</div>
<a href="index.html" class="logo"></a>
<div class="homepage">
<div class="header">
<div class="container-fluid p-1 navi position-fixed end-0 mt-2 mx-3 bg-transparent">
<nav class="navbar nav_beforepreload navbar-expand-lg navbar-light">
<div class="container-fluid justify-content-end">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse flex-row justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item mt-1 mt-lg-0 mx-1">
<a class="nav-link active px-3" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item mx-1">
<a class="nav-link px-3" href="event/event.html">Events</a>
</li>
<li class="nav-item mx-1">
<a class="nav-link px-3" href="aboutus/aboutus.html">About Us</a>
</li>
<li class="nav-item mx-1">
<a class="nav-link px-3" href="ourteam/team.html">Our Team</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="headervdocontainer headervdocontainer_afterpreload">
<video src="headervdo.mp4" class="headervdo hvdo_afterpreload" loop muted autoplay></video>
</div>
<div class="heading">E-Cell IIIT Sonepat</div>
<div class="tagline">Dream, Create and Inspire...</div>
</div>
</div>
<div class="social">
<a href="https://www.instagram.com/ecell.iiitsonepat/" class="instagram" target="_blank"> </a>
<a href="https://www.facebook.com/E-Cell-IIIT-Sonepat-113917040446486" class="facebook" target="_blank"> </a>
<a href="https://www.linkedin.com/company/e-cell-iiit-sonepat/" class="linkedin" target="_blank"> </a>
<a href="https://www.youtube.com/channel/UCSLfrQ-S9uimhsO5tqPBRNA" class="youtube" target="_blank"> </a>
</div>
</div>
<div class="container-fluid midbody min-vh-100 py-5" >
<div class="borderup"></div>
<div class="borderdown"></div>
<div class="d-flex justify-content-center mb-4 mt-1">
<div class="card quotegenerator bg-transparent border-0">
<div class="card-body">
<blockquote class="blockquote mb-0">
<h4 class="quote mb-4"></h4>
<cite title="Source Title" class="writer text-muted">Source Title</cite>
</blockquote>
</div>
</div>
</div>
<div class="borderup"></div>
<div class="borderdown"></div>
<div class="compendium mt-5 card mb-4 mb-md-5 offset-lg-1 container-fluid col-lg-10" style="background-color: #080708;">
<h1 class="mb-4 display-4" style="text-align: center;"><i class="fas fa-book" style="color:#0000b2"></i> Compendium</h1>
<div class="row g-0">
<div class="col-md-6">
<img src="https://i.postimg.cc/vHZxwC8x/pexels-photo-428062.jpg" class="img-fluid" alt="...">
</div>
<div class="col-md-6">
<div class="card-body">
<p class="card-text" style="font-size: calc(12px + 0.6vw); text-align: center; margin-top: 1vh;">Dandelions, one of the beautiful flowers, need a push for their seeds to disperse so that one more child may smile upon seeing it. We, the members of Enterprenuership Cell of IIIT Sonepat, lookout for the seed (capable of contributing to a greater extent to those in need) among the youngsters with passion, ambition and will to achieve their dream. Just as the gust, We look out for them and provide them with the knowledge and guidance so that when the end of this journey approaches, they discover that this is just the beginning</p>
<p class="card-text"><small class="text-muted"></small></p>
</div>
</div>
</div>
</div>
<div class="borderup"></div>
<div class="borderdown"></div>
<div class="aim container-fluid col-sm-10 offset-sm-1 text-center mt-5">
<h1 class="display-4"><i class="fas fa-fire" style="color: #800909;"></i> Our Aim</h1>
<p>
"I'll be back" one of the most favourite dialogue of Arnold Schwarzenegger from
the one of the best and aspiried sci-fi movie, "The Terminator". We all have imagined to fight the AI from the
techs, one day if they revolted. but though many were being drawn towards its appeal, there were some who instead
of dreaming about aliens, thought about creating a bookstore that isn't possible any other way. He worked more than
one can think of and today we know him as the CEO of Amazon. Jeff Bezoz is now an inspiration for those wanting
to achieve great things in their life. With the mindset of "simple is best" we aim to :-
</p>
</div>
<div class="container-fluid p-0 mx-auto row justify-content-around text-center motives">
<div class="container-fluid col-lg-4 dream mb-2 p-2" >
<div class="card bg-dark text-white" style="border-radius: 12px;">
<img src="https://images.pexels.com/photos/1535907/pexels-photo-1535907.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" class="card-img img-fluid" alt="...">
<div class="card-img-overlay d-flex flex-column justify-content-around">
<h1 class="card-title"><i class="fas fa-star-and-crescent" style="color: #ffd500;"></i> Dream</h1>
<h5 class="card-text">indulging in daydreams or something which only one itself can think of,</h5>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="container-fluid col-lg-4 create p-2" >
<div class="card bg-dark text-white" style="border-radius: 12px;">
<img src="https://images.pexels.com/photos/4348404/pexels-photo-4348404.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" class="card-img img-fluid" alt="...">
<div class="card-img-overlay d-flex flex-column justify-content-around">
<h1 class="card-title"><i class="fas fa-pen-alt" style="color: #1b98e0;"></i> Create</h1>
<h5 class="card-text">Gathering tools to turn the makebelieve world to believe world and</h5>
<p class="card-text"></p>
</div>
</div>
</div>
<div class="container-fluid col-lg-4 inspire p-2" >
<div class="card bg-dark text-white" style="border-radius: 12px;">
<img src="https://images.pexels.com/photos/4428041/pexels-photo-4428041.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" class="card-img img-fluid" alt="...">
<div class="card-img-overlay d-flex flex-column justify-content-around">
<h1 class="card-title"><i class="fas fa-jedi" style="color: #e01e37;"></i> Inspire</h1>
<h5 class="card-text">boosting confidence of those who are oppressed by those who cant think out of box. We aim to explore the wasteland of unknown with the courageous minds.</h5>
<p class="card-text"></p>
</div>
</div>
</div>
</div>
<div class="borderup mt-4"></div>
<div class="borderdown mb-4"></div>
<div class="whyus mt-5 card mb-3 mb-md-5 offset-lg-1 container-fluid col-lg-10" style="background-color: #080708;">
<h1 class="mb-4 display-4" style="text-align: center;"><i class="fas fa-question"></i> Why Us</h1>
<div class="row g-0">
<div class="col-md-6">
<img src="https://images.pexels.com/photos/3077882/pexels-photo-3077882.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="img-fluid" alt="...">
</div>
<div class="col-md-6">
<div class="card-body">
<p class="card-text" style="font-size: calc(12px + 0.6vw); text-align: center; margin-top: 1vh;">We at E-cell of IIIT Sonepat
aim to provide you with the knowledge and expereince of those who are already on this path so that
u can learn from what they have been through and then carve your own path. We may not seem to be as
vast as ocean but we have started our journey down the mountain and will meet and discover more secrets,
with no will to turn back. So, join the expedition of exploring the unknown of your creativity and let it flow.
</p>
<p class="card-text"><small class="text-muted"></small></p>
</div>
</div>
</div>
</div>
<hr style="color: grey;;">
</div>
<!--Midbody Ended-->
<!--Footer Started-->
<div class="footer container-fluid p-0 m-0 border-0">
<div class="map container-fluid overflow-hidden p-0 m-0 border-0">
<h1 class="display-4 text-center mb-3"><i class="fas fa-map-marker-alt" style="color: #1EA362;"></i> Reach Us</h1>
<iframe class="gpsmap" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6982.315943306847!2d77.10393908409192!3d28.95303863380321!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390daddf6cade053%3A0xfd7ceeb61e0dbbe1!2sIIT%20Delhi%20Sonipat%20Campus!5e0!3m2!1sen!2sin!4v1618445149546!5m2!1sen!2sin" width="" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="container-fluid">
<hr class="my-4">
<h5 class="text-center text-muted">©E-Cell IIIT Sonepat</h5>
<div class="importantlinks container-fluid col-md-11 d-flex flex-row p-4 justify-content-around text-center" >
<div class="col m-2 m-md-3 p-1 p-md-3 "> <i class="far fa-envelope-open" style="color:rgba(133, 132, 132, 0.877);"></i> Reach out us on
<br><a href="mailto:[email protected]">Email : [email protected]</a>
</div>
<div class="col m-2 m-md-3 p-md-3 "><i class="far fa-hand-point-down" style="color:rgba(133, 132, 132, 0.877);"></i> Important links
<br>
<a href="#">Home</a>
<br>
<a href="https://ecelliiitsonepat.github.io/event/event.html">Events</a>
<br>
<a href="https://ecelliiitsonepat.github.io/aboutus/aboutus.html">About Us</a>
<br>
<a href="https://ecelliiitsonepat.github.io/ourteam/team.html">Our Team</a>
</div>
<div class="col m-2 m-md-3 p-1 p-md-3"><i class="far fa-hand-point-down" style="color:rgba(133, 132, 132, 0.877);"></i> Follow us on
<br>
<a href="https://www.youtube.com/channel/UCSLfrQ-S9uimhsO5tqPBRNA" target="_blank"><i class="fab fa-youtube"></i> Youtube</a>
<br>
<a href="https://www.linkedin.com/company/e-cell-iiit-sonepat/" target="_blank"><i class="fab fa-linkedin"></i> Linkedin</a>
<br>
<a href="https://www.facebook.com/E-Cell-IIIT-Sonepat-113917040446486" target="_blank"><i class="fab fa-facebook-square"></i> Facebook</a>
<br>
<a href="https://www.instagram.com/ecell.iiitsonepat/" target="_blank"><i class="fab fa-instagram"></i> Instagram</a>
</div>
<div class="col m-2 m-md-3 p-1 p-md-3"> <i class="fab fa-discord" style="transform: scale(1.5);"></i> Join our Discord Server
<br>
<a href="https://discord.gg/eUZHXhTB" target="_blank"> Ecell IIIT Sonepat</a>
</div>
</div>
</div>
</div>
<!--Footer Ended-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
<script src="Javascript.js"></script>
<script src="https://kit.fontawesome.com/9193db61db.js" crossorigin="anonymous"></script>
</body>
</html>