-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (122 loc) · 6.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML5 Conf</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body>
<div class="fixed">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="/"><img src="images/logo.png"></a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right top-links">
<li><a href="#features">Sessions</a></li>
<li><a href="/speakers">Speakers</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Sponsors</a></li>
</ul>
</section>
</nav>
</div>
<section class="row fullwidth landing-section">
<div class="landing-content">
<div class="small-12 medium-7 columns">
<h1 class="small-12 columns tlt" data-in-effect="rollIn">Join us for the nation's most Innovative</h1>
<h3 class="small-12 columns">conference on web technologies</h3>
</div>
<div class="small-12 medium-5 columns">
<img src="images/cover.png">
</div>
</div>
<div class="section-overlay"></div>
</section>
<!-- <section class="row full-width session-sample-section">
</section> -->
<section class="row fullwidth details-section">
<div class="small-12 clearfix section-wrapper">
<h1 class="small-12 columns section-header">About Us</h1>
<p class="small-12 columns about-us">
A non-profit association of front end enthusiasts in Kerala is bringing you the first HTML5/JS Developer Conference in the region. Handpicked speakers are invited to take sessions on interesting topics. A nominal registration fee is implied to help with the organization cost as well as to filter out no-shows. Special discounted rates are available for students. Free entry is available for financially under-privileged students. To avail entry under this scheme, please contact us at [email protected] (Information regarding those who avail the free passes will be kept private). Free media passes are also available, contact us for details.
</p>
<div class="small-12 medium-6 columns no-padding-left-right feature-item">
<h2 class="small-12 columns">Learn some foo</h2>
<div class="small-12 columns description">
We are inviting the very best people to talk about the things they are best at. Learn about new technologies and practices.
</div>
</div>
<div class="small-12 medium-6 columns no-padding-left-right feature-item">
<h2 class="small-12 columns">Nothing beats free swags!</h2>
<div class="small-12 columns description">
We have cool goodies and swags for you. Swags can incredibly boost your geek street creds. On the side, we have also provide food and refreshment at the venue, so please don't pack your tiffin.
</div>
</div>
<!-- <div class="small-12 medium-4 columns">
<h2 class="small-12 columns">Network with geeks</h2>
<div class="small-12 columns description">
HTML5 Dev Conf 2014 is a great opportunity to meetup with like minded geeks and share ideas and tech gossip.
</div>
</div> -->
</div>
<!-- <div class="section-overlay"></div> -->
</section>
<section class="row fullwidth sponsors-section">
<div class="small-12 clearfix section-wrapper">
<h1 class="small-12 columns section-header">Sponsors</h1>
<div class="small-12 columns sponsor-list">
<div class="small-6 medium-4 large-3 columns small-only-text-center">
<a class="small-12 columns" href="#">
<img src="images/sponsor1.png">
</a>
</div>
<div class="small-6 medium-4 large-3 columns small-only-text-center">
<a class="small-12 columns" href="#">
<img src="images/sponsor2.png">
</a>
</div>
<div class="small-6 medium-4 large-3 columns small-only-text-center">
<a class="small-12 columns" href="#">
<img src="images/sponsor3.jpg">
</a>
</div>
<div class="small-6 medium-4 large-3 columns small-only-text-center">
<a class="small-12 columns" href="#">
<img src="images/sponsor4.png">
</a>
</div>
</div>
</div>
</section>
<section class="row fullwidth footer-navigation-link">
<div class="small-12 medium-6 columns no-padding-left-right footer-link">
<a href="#" class="small-12 columns no-padding-left-right tickets"><i class="fa fa-long-arrow-left"></i> Get Tickets
<img src="images/price.png" class="small-12 columns">
</a>
</div>
<div class="small-12 medium-6 columns no-padding-left-right footer-link">
<a href="/speakers" class="small-12 columns text-right no-padding-left-right schedule">
<span>Speakers <i class="fa fa-long-arrow-right"></i></span>
<div class="section-overlay"></div>
</a>
</div>
</section>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.dropdown.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.1/js/foundation/foundation.topbar.min.js"></script>
<script type="text/javascript" src="js/jquery.lettering.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>