forked from snowsanta/snowsanta.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
207 lines (201 loc) · 11 KB
/
index.html
File metadata and controls
207 lines (201 loc) · 11 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style_main.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link rel="icon" href="renders/logo.png">
<link rel="stylesheet" href="preloader.css">
<title>Exodia - This time for tropical</title>
</head>
<body>
<script>
if (screen.width <= 700) {
document.location = "mindex.html";
}
</script>
<div id="max-note">
<p>Please maximize the window</p>
</div>
<div class="preloader" id="preloader">
<div id="sun"> </div>
<img id="cloud1" src="renders/melon.png" alt="">
<img id="cloud2" src="renders/float.png" alt="">
</div>
<navigation>
<a href="index.html"><img src="renders/home_sign.png" style="left:1%;" alt=""></a>
<a href="events.html"><img src="renders/events_sign.png" style="left:12%;" alt=""></a>
<a href="team.html"><img src="renders/team_sign.png" style="left: 23%;" alt=""></a>
<a href="register.html"><img src="renders/register_sign.png" style="left:34%;" alt=""></a>
</navigation>
<div class="canv" id="can_div">
<canvas class="canvas_layer" id="canv" style="position: absolute; left: 0; top: 0; z-index: 0;">
Your browser dont support thi shit dawg
</canvas>
<canvas class="canvas_layer" id="canv4" style="position: absolute; left: 0; top: 0; z-index: 1;">
Your browser dont support thi shit dawg
</canvas>
<canvas class="canvas_layer" id="canv2" style="position: absolute; left: 0; top: 0; z-index: 6;">
Your browser dont support thi shit dawg
</canvas>
<canvas class="canvas_layer" id="canv3" style="position: absolute; left: 0; top: 0; z-index: 6;">
Your browser dont support thi shit dawg
</canvas>
<canvas class="canvas_layer" id="loader_can" style="position: absolute; left: 0; top: 0; z-index: 2;">
Your browser dont support thi shit dawg
</canvas>
</div>
<div class="content">
<canvas class="content_canv" id="content_back" style="position: absolute; left: 0; top: 0; z-index: 3;">
Your browser dont support thi shit dawg
</canvas>
<canvas class="content_canv" id="content_back_prop" style="position: absolute; left: 0; top: 0; z-index: 4;">
Your browser dont support thi shit dawg
</canvas>
<canvas class="content_canv" id="content_anim" style="position: absolute; left: 0; top: 0; z-index: 5;">
Your browser dont support thi shit dawg
</canvas>
<div class="new">
<div class="container">
<div class="text-right">
<h1>About us</h1>
</div>
<div class="row">
<div class="col-sm-4 "></div>
<div class="col-sm-2 "></div>
<div class="col-sm-6 ">
<p class="about-text">
Nestled upon the crown of India, Himalayas, IIT Mandi is gearing up to present the 9th edition of its Annual Techno-cultural fest Exodia. Exodia with every progressing year is becoming culturally more vibrant and confluent technically. This year’s theme Tropical Getaway would let vastness of the sea set us free as well as acquaint us with the necessity of wandering without being lost. Aptly ensembled with Junkyard Wars, Ramp Walks, Art, Music, Code, Robots, Poems and Dance, we proudly present Exodia 2020.
</p>
</div>
</div>
</div>
<div class="container">
<div class="text-center">
<h1>Theme</h1>
</div>
<div class="row row d-flex justify-content-center">
<div class="w-50 ">
<p class="about-text">
“Surrounded by gigantic mountains, but yet the spirits of the sea.”
The ocean stirs the heart, inspires the imagination and brings eternal joy to the soul.
Mountains are a symbol of strength, persistance , tenacity and boldness. Whereas sea is a symbol of vastness, limitlessness and constant activity. This theme to provide its visitors the best of both worlds.
</p>
</div>
</div>
</div>
<div class="sponsors container">
<div class="text-right">
<h1>Events</h1>
<div id="event_carousel" class="event_carousel slide text-center" data-ride="carousel" data-wrap="true" data-interval="5000">
<div class="carousel-inner" id="event_carousel_inner">
</div>
</div>
</div>
</div>
<div class="sponsors container">
<div class="text-center">
<h1>Sponsors</h1>
<div id="spon_carousel" class="spon_carousel slide text-center" data-ride="carousel" data-wrap="true" data-interval="3000">
<div class="carousel-inner" id="spon_carousel_inner">
</div>
</div>
</div>
</div>
<div class="team container">
<div class="text-center">
<h1>Team</h1>
</div>
<div class="row m">
<div class="col-sm-1"></div>
<div class="col-sm-3 team-card">
<img src="team/vaibhav.jpg" class="team-member" alt="">
<h5 class="text-center name">Vaibhav Mongia</h5>
<h4 class="text-center position">Convenor</h4>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-3 team-card">
<img src="team/khyati.jpg" class="team-member" alt="">
<h5 class="text-center name">Khyati</h5>
<h4 class="text-center position">Sponsorship Team</h3>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-3 team-card">
<img src="team/ali.jpg" class="team-member" alt="">
<h5 class="text-center name">Ali</h4>
<h4 class="text-center position">Publicity</h3>
</div>
</div>
<div class="row m">
<div class="col-sm-1"></div>
<div class="col-sm-3 team-card">
<img src="team/vishesh.jpg" class="team-member" alt="">
<h5 class="text-center name">Vishesh Mongia</h5>
<h4 class="text-center position">Planning</h4>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-3 team-card">
<img src="team/harsh.jpg" class="team-member" alt="">
<h5 class="text-center name">Harsh</h5>
<h4 class="text-center position">WebD</h3>
</div>
<div class="col-sm-1"></div>
<div class="col-sm-3 team-card">
<img src="team/kunal.jpg" class="team-member" alt="">
<h5 class="text-center name">Kunal</h4>
<h4 class="text-center position">Media</h3>
</div>
</div>
<div class="row more">
<div class="col-sm-2"></div>
<div class="col-sm-8 ">
<p class="about-text text-center" style="padding: 3%;">
<a href="team.html" class="text-center">More</a>
</p>
</div>
</div>
</div>
<div class="footer" style="background-color:#414953;">
<div class="row b-0">
<div class="col-sm foot-logo">
<img src="renders/logo.png" alt="">
</div>
<div class="col-sm text-center icon-wrap">
<div class="icons">
<a id="fb" href="https://www.facebook.com/Exodia.IITMandi/" title="Like Our Page 👍"></a>
<a id="tw" href="https://www.instagram.com/exodia.in/" title="Twitter"> </a>
<a id="rd" href="https://www.facebook.com/Exodia.IITMandi/" title="Follow us ❤"></a>
<a id="yt" href="https://www.youtube.com/watch?v=WU_8wcNML3" title="Youtube"></a>
</div>
</div>
<div class="col-sm">
<ul class="list-group list-group-flush w-75 foot-icon-right">
<li class="list-group-item" style="background-color:#414953;">
<img src="renders/phone.png" alt="">+91 91690 49219</li>
<a href="mailto:publicity@exodia.in"><li class="list-group-item" style="background-color:#414953;">
<img src="renders/mail.png" alt="">Contact Us
</li></a>
<a href="https://goo.gl/maps/yqX5aLFQzRX7sRQw9"><li class="list-group-item" style="background-color:#414953;">
<img src="renders/address.png" alt="">IIT MANDI, H.P.
</li></a>
<a href="mailto:sponsors@exodia.in"><li class="list-group-item" style="background-color:#414953;">
<img src="renders/mail.png" alt="">Sponsor Us
</li></a>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="./script.js"></script>
<script src="./drawcanvas.js"></script>
<script src="./filler.js"></script>
</body>
</html>