-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathticket.html
433 lines (355 loc) · 16.4 KB
/
ticket.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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
<!doctype html>
<html>
<head>
<!-- ## SITE META ## -->
<meta charset="utf-8">
<title>Ticket.</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="includes/img/placeholder/favicon.ico">
<!-- ## LOAD STYLSHEETS ## -->
<link rel="stylesheet" media="all" href="includes/css/style.css"/>
<!-- ## GOOGLE FONTS ## -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:100,300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="includes/css/font-awesome.min.css">
<link rel="stylesheet" href="includes/css/bootstrap.min.css">
<link rel="stylesheet" href="includes/css/main.css">
<script src="dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
<link rel="stylesheet" href="includes/font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
</head>
<body>
<nav class="navbar navbar-fixed-bottom" style="background-color: #42D0C7; color: white">
<div class="container" style="padding-top: 10px">
<div class="pull-left fnav">
<p>Why Sponsor Us?</p>
</div>
<div class="pull-right fnav">
<p>Call For Papers.</p>
</div>
</div>
</nav>
<!-- ## HEADER ## -->
<header id="qcHeader">
<div class="row">
<!-- ## LOGO ## -->
<div id="qcLogo" class="col-6 col" style="text-align: center; border-style: dashed">
<a href="index.html"><img src="includes/img/logoheader.png" style="width : 300px;" alt='ThinkFOSS Conf 2.0'/></a>
</div>
<!-- ## SITE NAVIGATION ## -->
<nav id="qcPriNav" class="col-6 col">
<ul class="clearfix">
<li><a href="event.html"><i class="icon-calendar-2 icon"></i> <span>Event Details</span></a></li>
<li class="current"><a href="ticket.html"><i class="icon-ticket icon"></i> <span>Buy Tickets</span></a></li>
</ul>
</nav>
</div>
</header>
<!-- ## HEADER END ## -->
<!-- ## CONTENT WRAPPER ## -->
<div id="qcContentWrapper">
<!-- ## PAGE TITLE ## -->
<section id="qcSecbar">
<div class="qcContainer">
<h1>Ticket. <span>Reserve seat for yourself</span></h1>
</div>
</section>
<!-- ## PAGE CONTENT ## -->
<section id="qcContent">
<div class="qcContainer">
<!-- ## MOB NAV ## -->
<div id="qcMbTrigger"></div>
<!-- ## TABS ## -->
<div id="qcTabs" class="tabs">
<!-- ## TAB NAV ## -->
<ul id="qcTabNav" class="clearfix">
<li><a href="#tab-1"><i class="icon-ticket icon"></i> <span>Book Ticket</span></a></li>
<li><a href="#tab-2"><i class="icon-book-open icon"></i> <span>FAQ's</span></a></li>
<li><a href="#tab-4"><i class="icon-mail-1 icon"></i> <span>Contact</span></a></li>
</ul>
<!-- ===============================================
PAGE 1 - TICKET
=============================================== -->
<div id="tab-1" class="qcTabPage clearfix">
<!-- ## ROW ## -->
<div class="ticket row clearfix">
<!-- ## TAB TITLE & DESC ## -->
<div class="qcTabTitle no-border">
<h4>Book ticket<span> Hurry ! Limited attendees only</span></h4>
</div>
</div>
<!-- ## ROW END ## -->
<div class="dblBorder">
<div class="row clearfix">
<div class="col-12 col">
<!-- ## MODULE TITLE ## --
<!-- ## PRICING ## -->
<div class="qcPricingWrapper clearfix">
<!-- ## PRICING 1 ## -->
<div class="qcPricing col-4 col">
<div class="box">
<header>Amrita Student</header>
<div class="price"><span>₹ 200</span> Per Entry</div>
<footer><a href="http://conf-thinkfoss.doattend.com/">Buy Now</a></footer>
</div>
</div>
<!-- ## PRICING 2 ## -->
<div class="qcPricing col-4 col">
<div class="box">
<header>Non-Amrita</header>
<div class="price"><span>₹ 300</span> Per Entry</div>
<footer><a href="http://conf-thinkfoss.doattend.com/">Buy Now</a></footer>
</div>
</div>
<!-- ## PRICING 3 ## -->
<div class="qcPricing col-4 col">
<div class="box">
<header>Professional</header>
<div class="price"><span>₹ 500</span> Per Entry</div>
<footer><a href="http://conf-thinkfoss.doattend.com/">Buy Now</a></footer>
</div>
</div>
</div>
<!-- ## PRICING ## -->
</div>
</div>
</div>
<!-- ## ROW END ## -->
</div>
<!-- ## PAGE 1 END ## -->
<!-- ===============================================
PAGE 2 - FAQ's
=============================================== -->
<div id="tab-2" class="qcTabPage clearfix">
<!-- ## ROW ## -->
<div class="row clearfix">
<!-- ## TAB TITLE ## -->
<div class="col-4 col" >
<div class="qcTabTitle no-border">
<h4>FAQ's<span> Frequently asked questions</span></h4>
</div>
</div>
<!-- ## TAB DESC ## -->
</div>
<!-- ## ROW END ## -->
<!-- ## ROW ## -->
<div class="dblBorder">
<div class="row clearfix">
<div class="col-12 col">
<!-- ## FAQ's LIST ## -->
<div class="qcEventlayout">
<!-- ## FAQ 1 ## -->
<div class="shortcode-toggle toggle-open-me closed default border">
<h4 class="toggle-trigger">
<a href="#"><span>1.</span>What is ThinkFOSS 2.0?</a>
</h4>
<div class="toggle-content">ThinkFOSS 2.0 is a platform for open source contributors and enthusiasts to meet up, share their knowledge, contribute, learn, play, and most importantly have fun. It is organized to promote the use of free and open source software and technologies. It is the perfect arena for collaboration and exchange of ideas, skills, thoughts among like minded people who are passionate about open source.
</div>
<input type="hidden" name="title_open" value="Close Me" />
<input type="hidden" name="title_closed" value="Open Me" />
</div>
<!-- ## FAQ 2 ## -->
<div class="shortcode-toggle toggle-open-me closed default border">
<h4 class="toggle-trigger">
<a href="#"><span>2.</span>Who can attend ThinkFOSS 2.0 ?</a>
</h4>
<div class="toggle-content">Anyone who is interested in exploring the wonders in the world of Open Source are most welcome to attend.
</div>
<input type="hidden" name="title_open" value="Close Me" />
<input type="hidden" name="title_closed" value="Open Me" />
</div>
<!-- ## FAQ 3 ## -->
<div class="shortcode-toggle toggle-open-me closed default border">
<h4 class="toggle-trigger">
<a href="#"><span>3.</span> Is there a Registration fee ?</a>
</h4>
<div class="toggle-content">Yes. If you are a student of Amrita University, then you have registration fees of ₹200 per person. If you are a non-Amritian, then you have to pay an amount of ₹300 per person. If you don’t belong to either of the above groups, then you have a registration amount of ₹500 per person.
</div>
<input type="hidden" name="title_open" value="Close Me" />
<input type="hidden" name="title_closed" value="Open Me" />
</div>
<!-- ## FAQ 4 ## -->
<div class="shortcode-toggle toggle-open-me closed default border">
<h4 class="toggle-trigger">
<a href="#"><span>4.</span> Are there any pre-requisites?</a>
</h4>
<br class="toggle-content">“A mind to learn something new with a passion to Open Source”. <br>Recommended: Linux installed laptop (We will help you install linux in case if you don’t have), knowledge in git.</br>
</div>
<input type="hidden" name="title_open" value="Close Me" />
<input type="hidden" name="title_closed" value="Open Me" />
</div>
<!-- ## FAQ 5 ## -->
<div class="shortcode-toggle toggle-open-me closed default border">
<h4 class="toggle-trigger">
<a href="#"><span>5.</span> I have specific questions that are not addressed here. Who can help me ?</a>
</h4>
<div class="toggle-content">You may email us (see below).
</div>
<input type="hidden" name="title_open" value="Close Me" />
<input type="hidden" name="title_closed" value="Open Me" />
</div>
</div>
<!-- ## FAQ's END ## -->
</div>
</div>
</div>
<!-- ## ROW END ## -->
</div>
<!-- ## PAGE 2 END ## -->
<!-- ===============================================
PAGE 3 - TERMS & CONDITIONS
=============================================== -->
<!-- ## PAGE 3 END ## -->
<!-- ===============================================
PAGE 4 - CONTACT
=============================================== -->
<div id="tab-4" class="qcTabPage clearfix">
<!-- ## ROW ## -->
<div class="row clearfix">
<!-- ## TAB TITLE ## -->
<div class="col-6 col" >
<div class="qcTabTitle no-border">
<h4>Contact<span> Fill out below contact form</span></h4>
</div>
</div>
<!-- ## TAB DESC ## -->
<div class="col-6 col">
<ul class="qcAddress">
<li><i class="icon-map"></i><p><strong>ADDRESS</strong>: Amrita School of Engineering, Amritapuri, Kollam - 690525 </p></li>
<li><i class="icon-user-1"></i><p><strong>PHONE</strong>: +91-9809806169</p></li>
<li><i class="icon-mail-1"></i><p><strong>EMAIL</strong>: [email protected]</p></li>
<li><i class="icon-globe-1"></i><p><strong>WEBSITE</strong>: <a title="website" href="http://www.quadcodes.com/" target="_blank">tfc.amrita.edu</a></p></li>
</ul>
</div>
</div>
<!-- ## ROW END ## -->
<!-- ## ROW ## -->
<div class="dblBorder">
<div class="row clearfix">
<div class="col-12 col">
<div class="qcTcktRegForm contact">
<!-- ## CONTACT FORM ## -->
<form action="http://themeforest.quadcodes.com/site/eventicka/includes/form/qcForm.php" id="qcContactForm" class="qcForm" name="qcContactForm" method="post">
<ul class="clearfix">
<li>
<div class="wrapper">
<label for="contact-name">Name</label>
<input type="text" id="contact-name" name="contact-name" class="requiredField" value="" placeholder="Enter full name" />
</div>
</li>
<li>
<div class="wrapper">
<label for="contact-email">Email</label>
<input type="text" id="contact-email" name="contact-email" class="email requiredField" value="" placeholder="Enter email-id" />
</div>
</li>
<li>
<div class="wrapper">
<label for="contact-phone">Phone</label>
<input type="text" id="contact-phone" name="contact-phone" class="requiredField" value="" placeholder="Enter contact number" />
</div>
</li>
<li class="full">
<div class="wrapper">
<label for="contact-message">Message</label>
<textarea id="contact-message" name="contact-message" class="requiredField" placeholder="Enter your message"></textarea>
</div>
</li>
</ul>
<div class="qcTcktSubmit">
<input type="hidden" name="formtype" value="contact"/>
<button type="submit" class="submit">Submit form</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- ## ROW END ## -->
</div>
<!-- ## PAGE 4 END ## -->
</div>
<!-- ## TABS END ## -->
</div>
</section>
<!-- ## PAGE CONTENT END ## -->
</div>
<!-- ## CONTENT WRAPPER END ## -->
<!-- ## FOOTER ## -->
<footer id="qcFooter" class="clearfix">
<div class="qcContainer">
<!-- ## FOOTER NAV ## -->
<div class="col-5 col">
<nav id="qcFooterNav">
<ul class="clearfix">
<li><a href="http://secure.thinkfoss.com/index.html">Home</a></li>
<li><a href="http://secure.thinkfoss.com/event.html">About</a></li>
<li><a href="http://blog.amritafoss.in/">Blog</a></li>
<li><a href="http://secure.thinkfoss.com/ticket.html#tab-4">Contact</a></li>
</ul>
</nav>
</div>
<!-- ## FOOTER LOGO ## -->
<div id="qcFooterLogo" class="col-2 col">
<a href="http://secure.thinkfoss.com/index.html">
<img style ="height:4em "src="includes/img/placeholder/logo-footer.png" alt="LOGO" />
</a>
</div>
<!-- ## FOOTER COPYRIGHTS ## -->
<div id="qcFooterPara" class="col-5 col">
<p>ThinkFOSS 2.0 is an event conducted by FOSS@Amrita <br /> <span>Powered By FOSS students, Amritapuri</span></p>
</div>
</div>
</footer>
<!-- ## FOOTER END ## -->
<!-- ## HEADER END ## -->
<!-- ## HEADER END ## -->
<nav class="navbar navbar-fixed-bottom" style="background-color: #ff4e00; color: white">
<div class="container" style="padding-top: 10px">
<div class="pull-left fnav">
<a style="color:white;" class="click"><button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Sponsor Us</button></a>
Built with <i class="fa fa-heart"></i> towards Open Source by <a href="http://foss.amrita.ac.in" style="color: black;" target="_blank">FOSS@Amrita</a> with Department of CSE, Amritapuri
</div>
<div class="pull-right fnav">
<a style="color:white" href = 'https://confthinkfoss.talkfunnel.com/thinkfossconference/new' target="_blank"><button class="btn btn-primary">Submit Talk <i class="fa fa-thumbs-up"></i></button></a>
</div>
</div>
</nav>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel" style="text-align: center">Why Sponsor Us?</h4>
</div>
<div class="modal-body" style="text-align: justify">
Accredited with ‘A’ from NAAC for its excellence and with the grace of Mata Amritanandamayi Devi, Amrita University
fosters one of the most active and tech-oriented Open Source student clubs in India - FOSS@Amrita.
The club soars with powerful young and enthusiastic minds with the urge to contribute to Open Source and back to the community. Students of the University get encouraged to hack and learn more, and later start companies while maintaining their Academic excellence.
<br>
Your contribution would be a motivation for loads of students and professionals to get into the free software movement
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<a href="mailto:[email protected]"><button type="button" class="btn btn-primary">Contact Us </button></a>
</div>
</div>
</div>
</div>
<!-- ## LOAD JAVASCRIPTS ## -->
<script src="includes/js/2.1.1.jquery.min.js" type="text/javascript"></script>
<script src="includes/js/owl.carousel.min.js" type="text/javascript"></script>
<script src="includes/js/library.js" type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&ver=3.5" type="text/javascript"></script>
<script src="includes/js/init.js" type="text/javascript"></script>
<script>
document.querySelector('.click').onclick = function(){
swal("Why Sponsor Us?", "The Youngest University accredited with ‘A’ from NAAC, with the grace of Mata Amritanandamayi Devi with the, 4th most active FOSS club in India, with young and enthusiastic minds with the urge to contribute to Open Source. Only University in Kerala with 5 GSoC ‘s in the year 2015 in various open source organisations.The hard work and dedication of the youth in contribution to open source apart from the academics is to be appreciated. Your support and motivation would add to the development of a much stronger FOSS community.\nMail us at : [email protected]")
};
</script>
</body>
</html>