-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_copy.html
169 lines (145 loc) · 7.91 KB
/
index_copy.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
<!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> Home | Culturals IITH</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/5.3.45/css/materialdesignicons.css"
integrity="sha256-NAxhqDvtY0l4xn+YVa6WjAcmd94NNfttjNsDmNatFVc=" crossorigin="anonymous" />
<link rel="shortcut icon" href="../img/culti_logo.png" type="image/x-icon">
<link rel="stylesheet" href="../css/index.css">
<script src="https://use.fontawesome.com/4a90801464.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-menu {
margin-top: 0;
}
dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #80858a;
}
#bodytext {
padding-top: 150px;
}
</style>
</head>
<body>
<!-- Header -->
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-dark" id="mainNav">
<div class="container"><button data-toggle="collapse" data-target="#navbarResponsive"
class="navbar-toggler navbar-toggler-right" type="button" data-toogle="collapse"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i
class="fa fa-bars"></i></button><a href="index.html" class="nav-link"><img src="./img/gymkhana_logo.png" style="width: 80px;"></a>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto text-uppercase">
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://gymkhana.iith.ac.in/" target="_blank">Gymkhana</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-toggle="dropdown"
href="#">Clubs </a>
<div class="dropdown-menu">
<a class="dropdown-item" href="literary.html">Literary Society</a>
<a class="dropdown-item" href="rdm.html">Rang De Manch</a>
<a class="dropdown-item" href="vibes.html">Vibes Music Club</a>
<a class="dropdown-item" href="shuffle.html">Shuffle Dance Club</a>
<a class="dropdown-item" href="infocus.html">Infocus Photography Club</a>
<a class="dropdown-item" href="btl.html">Behind The Lens Club</a>
<a class="dropdown-item" href="beau.html">Beau Monde Club</a>
<a class="dropdown-item" href="gesture.html">Gesture Club</a>
</div>
</li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="feedback.html">Feedback</a></li>
</ul>
</div>
</div>
</nav>
<!-- <header class="masthead" style="background-image:url('img/bg.png');">
<div class="container"></div>
</header> -->
<!-- Description -->
<!-- Gallery -->
<!-- Teams -->
<div class="container" id="bodytext">
<div class="row justify-content-center">
<div class="col-7">
<div style="left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.25%;"><iframe src="https://www.youtube.com/embed/NLCQQi-noGY?rel=0" style="top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: 0;" allowfullscreen scrolling="no" allow="accelerometer *; clipboard-write *; encrypted-media *; gyroscope *; picture-in-picture"></iframe></div>
</div>
<div class="col-4 col-md">
<div>
<h2 class="display-4"><strong>Cultural Council, IIT Hyderabad</strong></h2>
<p class="display-7">
We are a bunch of motivated individuals who believe that a college should have its equal share of fun & frolic along with the case studies.
Ours is an attempt to capture the vibrant persona of the students by offering them a platform to showcase their inner musicians, dancers, actors, painters, writers, photographers and dreamers.
We as a cultural team are responsible for keeping the spirits alive on the campus by organizing multitude of cultural activities round the year. Be it celebration of almost every festival or frequent open air jamming sessions we make sure that every event last in your memory for a lifetime.
It requires a lot of effort and planning to organize events on this scale which needs a strong, dedicated and united team with multitude of skills selection of which is a big responsibility on our part and require access to best of the students available.
A sneak peak of what we do round the year.
</p>
</div>
</div>
</div>
</div>
<br />
<br />
<!-- Footer -->
<!--footer starts from here-->
<footer class="footer">
<div class="container bottom_border">
<div class="row">
<div class="col-sm-6 col-md col-6 col col-12 text-center">
<img src="/img/gymkhana_logo.png" width="25%">
<h4 class="headin5_amrc col_white_amrc pt1">Cultural Council</h4>
<a href="mailto:council@gymkhana.iith.ac.in" class="fa fa-envelope footer-item" class="text-info" style="color:white"> </a>
<a href="tel:+91-9999878398" class="fa fa-phone footer-item" class="text-info" style="color:white"> </a>
<div class="container">
<ul class="social_footer_ul">
<li><a onMouseOver="this.style.color='#FFF'" onMouseOut="this.style.color='#CCC'" href="" class="footer-icon"><i
class="fab fa-facebook-f"></i></a></li>
<li><a onMouseOver="this.style.color='#FFF'" onMouseOut="this.style.color='#CCC'" href=""><i
class="fab fa-twitter"></i></a></li>
<li><a onMouseOver="this.style.color='#FFF'" onMouseOut="this.style.color='#CCC'" href=""><i
class="fab fa-linkedin"></i></a></li>
<li><a onMouseOver="this.style.color='#FFF'" onMouseOut="this.style.color='#CCC'" href=""><i
class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p><i class="fa fa-map-marker"></i> IIT Hyderabad, Sangareddy, Telangana</p>
<p class="text-center">Copyright @2021 | <a style="color: #CCC" onMouseOver="this.style.color='#FFF'"
onMouseOut="this.style.color='#CCC'" href="#">Gymkhana IIT Hyderabad</a></p>
</div>
<div class="col-sm-6 col-md col-6 col col-12 text-center">
<h4 class="headin5_amrc col_white_amrc pt2">Quick Links</h4>
<!--headin5_amrc-->
<ul class="footer_ul_amrc">
<li><a href="rdm.html">Rang De Manch</a></li>
<li><a href="vibes.html">Vibes</a></li>
<li><a href="shuffle.html">Shuffle</a></li>
<li><a href="infocus.html">Infocus</a></li>
<li><a href="btl.html">Behind The Lens</a></li>
<li><a href="beau.html">Beau Monde</a></li>
<li><a href="gesture.html">Gesture</a></li>
<li><a href="litsoc.html">Literary Society</a></li>
</ul>
<!--footer_ul_amrc ends here-->
</div>
</div>
</div>
</footer>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>