-
Notifications
You must be signed in to change notification settings - Fork 10
/
sponsors.html
340 lines (322 loc) · 14.8 KB
/
sponsors.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
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!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>SPONSORS | TEDxMITAOE</title>
<meta name="description" content="TEDxMITAOE Official Website sponsor page">
<meta name="keywords" content="TEDxMITAOE, TEDx MITAOE, TEDx, MITAOE, TED, TEDxTalks, Sponsor">
<meta name="author" content="Web Team TEDxMITAOE">
<!-- Site Icons -->
<link rel="apple-touch-icon" href="assets/favicon/tedx_favicon_white.png" type="image/png">
<link rel="icon" href="assets/favicon/tedx_favicon_white.png" type="image/png">
<!-- CSS -->
<link rel="stylesheet" href="css/styles.min.css">
<link rel="stylesheet" href="css/sponsor.min.css">
<!-- Global site tag (gtag.min.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8B8L4R2LFQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-8B8L4R2LFQ');
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark mt-3">
<div class="container">
<a class="navbar-brand" style="line-height: 0.42; font-family: Helvetica, sans-serif;" href="index.html">
<div style="font-size: 21.5px;display: flex;flex-direction: row;align-items: baseline;">
<font style="color: red; font-weight: 800;display: flex;flex-direction: row;align-items: flex-end;">
TED<sup>x</sup></font>MITAOE
</div><br>
<div style="font-size: 6.8px;">
<font style="color: red;">x</font> = independently organised TED event
</div>
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#tedx"
aria-controls="tedx" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" onclick="toggleNavBar();"></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="tedx">
<ul class="navbar-nav mt-2">
<li>
<div class="nav-item">
<a class="nav-link" href="about.html">
<div>ABOUT EVENT</div>
<div class="nav-animation">ABOUT EVENT</div>
</a>
</div>
</li>
<li>
<div class="nav-item">
<a class="nav-link" href="speakers.html">
<div>SPEAKERS</div>
<div class="nav-animation">SPEAKERS</div>
</a>
</div>
</li>
<li>
<div class="nav-item">
<a class="nav-link" href="sponsors.html" style="color: red; font-weight: 900;">
<div>SPONSORS</div>
<div class="nav-animation">SPONSORS</div>
</a>
</div>
</li>
<li>
<div class="nav-item">
<a class="nav-link" href="team.html">
<div>MEET THE TEAM</div>
<div class="nav-animation">MEET THE TEAM</div>
</a>
</div>
</li>
<li>
<div class="nav-item">
<a class="nav-link" href="previous.html">
<div>PREVIOUS EVENTS</div>
<div class="nav-animation">PREVIOUS EVENTS</div>
</a>
</div>
</li>
<li>
<div class="nav-item">
<a class="nav-link" href="contact.html">
<div>CONTACT US</div>
<div class="nav-animation">CONTACT US</div>
</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row" style="margin-top: 3rem;">
<div class="col-lg-4" style="margin-top: 5.1%;">
<div class="partner-box">
<div class="partner" onclick="displayPartner(1);">
<div class="partner-container">
<div class="animation">
<div><a style=" color:white;" href="#1"> FOOD PARTNER</a></div>
<div> <a style="color: red;" href="#1">FOOD PARTNER</a></div>
<div class="text">
<div style="color:red;" font size="12px;">text written</div>
</div>
</div>
</div>
<div><a style=" color:white;" href="#1">
<img src="assets/images/sponsors_icons/food_partner.jpeg"></a>
</div>
</div>
<div class="partner" onclick="displayPartner(2);">
<div class="partner-container">
<div class="animation">
<div><a style=" color:white;" href="#2">AUDIO AND VISUAL PARTNER</a></div>
<div> <a style="color: red;" href="#2">AUDIO AND VISUAL PARTNER</a></div>
</div>
</div>
<div><a style=" color:white;" href="#2">
<img src="assets/images/sponsors_icons/film-editing.png" style="max-height: 58.5px;">
</a></div>
</div>
<!-- <div class="partner" onclick="displayPartner(3);">
<div class="partner-container">
<div class="animation">
<div><a style="color:white;" href="#3"> VIDEOGRAPHY PARTNER</a></div>
<div><a style="color: red;">VIDEOGRAPHY PARTNER</a></div>
</div>
</div>
<div><a style=" color:white;" href="#3">
<img src="assets/images/sponsors_icons/videiography.jpeg">
</a>
</div>
</div> -->
<div class="partner" onclick="displayPartner(4);">
<div class="partner-container">
<div class="animation">
<div><a style="color: white;" href="#4">MERCHANDISE PARTNER</a></div>
<div> <a style="color: red;" href="#4">MERCHANDISE PARTNER</a></div>
</div>
</div>
<div><a style=" color:white;" href="#4">
<img src="assets/images/sponsors_icons/gifting.png"></a></div>
</div>
<div class="partner" onclick="displayPartner(5);">
<div class="partner-container">
<div class="animation">
<div><a style="color:white;" href="#5">PACKAGING PARTNER</a></div>
<div> <a style="color: red;" href="#5">PACKAGING PARTNER</a></div>
</div>
</div>
<div><a style=" color:white;" href="#5">
<img src="assets/images/sponsors_icons/led_signage_partner.jpeg"></a></div>
</div>
<div class="partner" onclick="displayPartner(6);">
<div class="partner-container">
<div class="animation">
<div><a style="color: white;" href="#6">COSMETIC PARTNER</a></div>
<div><a style="color: red;" href="#6">COSMETIC PARTNER</a></div>
</div>
</div>
<div><a style=" color:white;" href="#6">
<img src="assets/images/sponsors_icons/cosmetic_partner.jpeg"></a></div>
</div>
<div class="partner" onclick="displayPartner(7);">
<div class="partner-container">
<div class="animation">
<div><a style="color: white;" href="#7">SOUNDS AND LIGHTS PARTNER</a></div>
<div> <a style="color: red;" href="#7">SOUNDS AND LIGHTS PARTNER</a></div>
</div>
</div>
<div><a style=" color:white;" href="#7">
<img src="assets/images/sponsors_icons/travel_partner.jpeg"></a></div>
</div>
<div class="partner" onclick="displayPartner(8);">
<div class="partner-container">
<div class="animation">
<div><a style="color: white;" href="#8">CAMERA GEAR PARTNER</a></div>
<div><a style="color: red;" href="#8">CAMERA GEAR PARTNER</a></div>
</div>
</div>
<img src="assets/images/sponsors_icons/videiography.jpeg">
</div>
<div class="partner" onclick="displayPartner(9);">
<div class="partner-container">
<div class="animation">
<div><a style="color: white;" href="#8">HYDRATION PARTNER</a></div>
<div><a style="color: red;" href="#8">HYDRATION PARTNER</a></div>
</div>
</div>
<img src="assets/images/sponsors_icons/media_partner.jpeg">
</div>
</div>
</div>
<img class="Xsymbol" style="height: 90vh; width: auto; top: 10%; left: 17%; max-width: 83vw;"
src="assets/images/index/xsymbol.png">
<a href="index.html" class="back-botton" style="left: auto;">
<div class="back-symbol"><
</div>
<div class="back-word">BACK</div>
</a>
<div class="col-lg-7">
<div id="1" class="partner-card-active">
<div class="partner-card-img">
<div id="11"><img src="assets/images/sponsors/bakul.jpg"></div>
</div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
FOOD PARTNER
</div>
<div class="text">
Bakul Catering is one of the leading licensed Caterers in Pune. Since 2006, combination of good food, value
for money with stupendous presentation coupled with warm welcome is what distinguishes Bakul Catering. The
company's philosophy is to amuse the customers with a wide assortment of cuisines, unmatched food quality,
professional staff and fabulous decor with highest standard and huge selection of menus for all occasions.
</div>
</div>
<div id="2" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/microphone.jpg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
AUDIO AND VISUAL PARTNER
</div>
<div class="text">
Microphone Recording Studio specializes in voice overs for ads, documentaries, walk through videos,
corporate studios, films, short films, music production, background score and voice over classes. They also
provide music production for Commercial Music like Rap, EDM or Dub-step.
</div>
</div>
<div id="3" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors_icons/videiography.jpeg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
VIDEOGRAPHY PARTNER
</div>
<div class="text">
..
</div>
</div>
<div id="4" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/namova.jpg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
MERCHANDISE PARTNER
</div>
<div class="text">
They have been in the Business of Corporate gifting and T-shirt/ Sweatshirt Manufacturing for the past 6
years. They offer creative merchandise solutions for every budget and keep coming up with new product
development ideas, to ensure that you get the best possible value for money.
</div>
</div>
<div id="5" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/divyanka.jpg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
PACKAGING PARTNER
</div>
<div class="text">
Established in the year 2018, Divyanka Fabrics is a top player for Cotton Bag Manufacturing in Pune. This
well-known establishment acts as a one-stop destination servicing customers both locally and from other
parts of Pune.
</div>
</div>
<div id="6" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/tulip.jpg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
COSMETIC PARTNER
</div>
<div class="text">
Tulips Unisex Salon established in 2017 at Aundh, Pune. They believe that customer satisfaction is as
important as their products and services, which continues to grow by the day. They offers an array of
services that include Hair Styling, Grooming and Facials, Skin Care and more... Get a fresh new look that
best suits personal style with a trip to Tulips Unisex Salon.
</div>
</div>
<div id="7" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/anup_lights_sounds.jpg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
SOUNDS AND LIGHTS PARTNER
</div>
<div class="text">
Sounds and lights are the two most important factors for holding any event. Anup Lights just made our venue
much prettier and more accessible to the audience. They are based in Nigdi, and provide services related to
sound and lighting for any event.
</div>
</div>
<div id="8" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/clickNshoots.png"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
CAMERA GEAR PARTNER
</div>
<div class="text">
Located at Mangawadi, Pune, Clicknshoots offers Camera Gear for rentals. They also give other services like
photography, video shooting, and others. They have sponsored the camera gear for our event.
</div>
</div>
<div id="9" class="partner-card">
<div class="partner-card-img"><img src="assets/images/sponsors/talap.jpg"></div>
<div class="partner-card-info" style="font-weight:900; margin-bottom: 1%;">
HYDRATION PARTNER
</div>
<div class="text">
A popular franchise set in Alandi, TALAP offers Tea, Coffee, snacks, bottled water and other refreshments.
Owing to it's superior taste, TALAP has become a well-known hangout zone in Alandi.
</div>
</div>
</div>
</div>
</div>
<div class="bottom-shadow"></div>
<!-- Script Files -->
<script src="css/bootstrap/js/bootstrap.min.js"></script>
<script src="js/scripts.min.js"></script>
<script>
let PreviousPartnerCardIndex = 1;
function displayPartner(PartnerId) {
let element = document.getElementById(PreviousPartnerCardIndex);
element.classList.replace("partner-card-active", "partner-card");
element = document.getElementById(PartnerId);
element.classList.replace("partner-card", "partner-card-active");
PreviousPartnerCardIndex = PartnerId;
}
</script>
</body>
</html>