-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
142 lines (113 loc) · 5.71 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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/h2.png">
<title>The Wild Ones | H2 | IIT Bombay</title>
<meta charset="utf-8">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.6.3/css/all.css'>
<link rel="stylesheet" href="css/firewatchlaunch.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="css/camponav.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/fonts.css" />
<script type="text/javascript">
!function(g,s,q,r,d){r=g[r]=g[r]||function(){(r.q=r.q||[]).push(
arguments)};d=s.createElement(q);q=s.getElementsByTagName(q)[0];
d.src='//d1l6p2sc9645hc.cloudfront.net/tracker.js';q.parentNode.
insertBefore(d,q)}(window,document,'script','_gs');
_gs('GSN-517995-G');
</script>
<style>
#myDIV {
-webkit-animation: mymove 6s infinite; /* Chrome, Safari, Opera */
animation: mymove 6s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
50% {text-shadow: 1px 1px 50px red;}
}
/* Standard syntax */
@keyframes mymove {
50% {text-shadow: 1px 1px 50px red;}
}
</style>
</head>
<body class="firewatch launch withxbone">
<ul class="navbar-top">
<li id="nav-company"><a href=""><img src="images/h20.png" alt="icon" style="height: 14px"></img><strong> The Wild Ones </strong><img src="images/h20.png" alt="icon" style="height: 14px"></img></a></li>
<li id="nav-blog"><a href=""><strong><span>Activities</span></strong></a></li>
<li id="nav-blog"><a href="alumni/index.html"><strong><span>Alumni</span></strong></a></li>
<li id="nav-blog"><a href="login.php"><strong><span>Login/Sign Up</span></strong></a></li>
<li id="nav-game"><a href="#"><strong><span>Home</strong></a></li>
<li id="nav-review"><a href="https://gymkhana.iitb.ac.in/~hostel2/website_2019/index0.php"><strong><span>Older Version</span></strong></a></li>
</ul>
<script type="text/javascript">document.getElementById("nav-game").className += " current";</script>
<div id="page">
<div class="keyart" id="nonparallax">
</div>
<div class="keyart" id="parallax">
<div class="keyart_layer parallax" id="keyart-0" data-speed="2"></div> <!-- 00.0 -->
<div class="keyart_layer parallax" id="keyart-1" data-speed="5"></div> <!-- 12.5 -->
<div class="keyart_layer parallax" id="keyart-2" data-speed="11"></div> <!-- 25.0 -->
<div class="keyart_layer parallax" id="keyart-3" data-speed="16"></div> <!-- 37.5 -->
<div class="keyart_layer parallax" id="keyart-4" data-speed="26"></div> <!-- 50.0 -->
<div class="keyart_layer parallax" id="keyart-5" data-speed="36"></div> <!-- 62.5 -->
<div class="keyart_layer parallax" id="keyart-6" data-speed="49"></div> <!-- 75.0 -->
<div class="keyart_layer" id="keyart-scrim"></div>
<div class="keyart_layer parallax" id="keyart-7" data-speed="69"></div> <!-- 87.5 -->
<div class="keyart_layer" id="keyart-8" data-speed="100"></div> <!-- 100. -->
</div>
<div id="maincontain"><div id="main">
<div class="section buy">
<h2 class="banner nobackground" style="font-weight: 800;">
<em>Welcome To Hostel </em>2 <em><i class='fas fa-smile'></i></em><br /><br /><em>The Wild Ones</em>
</h2>
</div>
<div class="section description">
<h5>One of the most spirited hostels of the campus.</h5>
<div class="columntext">
<p class="left">
</br>You will never find the enthusiasm go down. We take pride in being The Wild Ones and every one in the hostel contributes in making the hostel better place to live in and making it successful in all aspects.
</p>
</div>
</div>
<div class="section internallinks gridwithicons">
<ul class="links smalllinks">
<li class="link media"><a href="https://play.google.com/store/apps/details?id=app.insti&hl=en_IN">
<h4 class="banner"><span class="oneline"><i class='fab fa-google-play'></i> Hostel App</span></h4>
</a></li>
<li class="link faq"><a href="councilindex.php">
<h4 class="banner"><span class="twolines"><i class='fas fa-id-badge'></i> Council Members</span></h4>
</a></li>
</ul>
<ul class="links smalllinks">
<li class="link media"><a href="constitution.pdf">
<h4 class="banner"><span class="twolines"><i class='fas fa-book'></i> The Constitution</span></h4>
</a></li>
<li class="link faq"><a href="gallery.php">
<h4 class="banner"><span class="oneline"><i class='fas fa-images'></i> Gallery</span></h4>
</a></li>
</ul>
</div>
<div class="section copyright">
<em>©<span id="year">2019</span> Hostel 2| IIT Bombay| Web Council 2018-2019</em></br>
<p>Developed by Aniket Mondal & B. Nikhil</p>
</div>
<div class="section companylinks">
<ul class="companies">
<li class="campo"><a href="">
<h1></h1>
</a></li>
<li class="panic"><a href="http://iitb.ac.in/">
<h1></h1>
</a></li>
</ul>
</div>
</div></div>
</div>
<script type="text/javascript" src="js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/magnific.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/firewizard.js"></script>
</body>
</html>