-
Notifications
You must be signed in to change notification settings - Fork 2
/
gallery.html
184 lines (157 loc) · 6.53 KB
/
gallery.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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Team | Shishir '18</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="shortcut icon" href="images/favicon.png" />
<link rel="stylesheet" href="styles1.css">
<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="gallerycss/style.css">
</head>
<body>
<main role="main" id="main">
<div id="site-content">
<header class="site-header">
<div class="container">
<a href="index.html" id="branding">
<img class="logo" src="images/logo.jpg" alt="Site Logo">
</a>
<nav class="main-navigation">
<button type="button" class="toggle-menu"><i class="fa fa-bars"></i></button>
<ul class="menu">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item current-menu-item"><a href="gallery.html">Team</a></li>
<li class="menu-item"><a href="sindex.html">Schedule</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul> <!-- menu -->
</nav> <!-- main-navigation -->
<div class="mobile-menu"></div>
</div>
</header>
<div class="team-head">Meet The Team</div>
<div class="team-subhead">Heroes Behind The Scene</div>
<section class="tiles-a">
<ul>
<li>
<a href="#" style="background: url('images/gudepu1.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/gudepu1.jpg" alt="Starry Night">
<div class="text-copy wrapper">
<h1 style="color: white">Suresh Gudepu</h1>
<h2 style="color: white">General Secretary (Socio-cultural)</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/ankitanandi1.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/ankitanandi1.jpg" alt="Manhattan">
<div class="text-copy wrapper">
<h1 style="color: rgb(255, 255, 255)">Ankita Nandi</h1>
<h2 style="color: white">Head (Panache)</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/wardhan1.JPG'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/wardhan1.JPG" alt="Ocean beach">
<div class="text-copy wrapper">
<h1 style="color: white">Mandeep Wardhan</h1>
<h2 style="color: white">Head (Photography)</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/laudi1.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/laudi1.jpg" alt="Large bridge">
<div class="text-copy wrapper">
<h1 style="color: white">Lavudi Srinivas Nayak Chauhan</h1>
<h2 style="color: white">Head (Hospitality)</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/zimik.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/zimik.jpg" alt="Large bridge">
<div class="text-copy wrapper">
<h1 style="color: white">Zimik</h1>
<h2 style="color: white">Head (Harmony)</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/NaveenReddy.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/NaveenReddy.jpg" alt="Large bridge">
<div class="text-copy wrapper">
<h1 style="color: white">Naveen Reddy</h1>
<h2 style="color: white">Head of Dramatics</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/Mridul Sahu.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/Mridul Sahu.jpg" alt="Large bridge">
<div class="text-copy wrapper">
<h1 style="color: white">Mridul Sahu</h1>
<h2 style="color: white">Head of Web Design</h2>
</div>
</div>
</a>
</li>
<li>
<a href="#" style="background: url('images/jibesh.jpg'); background-size: cover;" aria-controls="aside" aria-expanded="false">
<div class="details visually-hidden">
<img src="images/jibesh.jpg" alt="Large bridge">
<div class="text-copy wrapper">
<h1 style="color: white">Jibesh Bhattacharjee</h1>
<h2 style="color: white">Webpage Maintenance Secretary -NITM</h2>
</div>
</div>
</a>
</li>
</ul>
</section>
</div>
<footer class="site-footer">
<div class="container">
<img class="logo" src="images/logo.jpg" alt="Site Name">
<address>
<p class="get">GET IN TOUCH</p><br>
<p>Bijni Complex, Laitumkhrah, Shillong<br><a href="tel:354543543">+91 8413015227</a> <br> <a href="mailto:shishir18.nitm@gmail.com">shishir18.nitm@gmail.com</a></p>
</address>
<div class="social-links">
<p class="get">GET SOCIAL</p><br>
<a href="https://www.facebook.com/shishir.nitm/"><i class="fa fa-facebook-square"></i></a>
<a href="https://www.instagram.com/shishir2k18/"><i class="fa fa-instagram"></i></a>
</div> <!-- .social-links -->
<p>Shillong, Meghalaya 793003 <br> <br></p>
<p class="copy">NIT Meghalaya<br>An Institute of National Importance</br></p>
</div>
</footer>
</main>
<aside role="complementary" id="aside" aria-hidden="true" aria-expanded="false">
<a href="#" class="close"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/15309/close-white-thin.svg" alt="Close button"><span class="visually-hidden">Return to main content</span></a>
<div class="aside--details" tabindex="0" aria-live="polite" aria-atomic="true" aria-label="Image details">
</div>
</aside>
<script src='galleryjs/jquery.min.js'></script>
<script src='galleryjs/toggleAria.js'></script>
<script src="galleryjs/index.js"></script>
</body>
</html>