-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
226 lines (188 loc) · 9.04 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
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
<!doctype html>
<html>
<head>
<!-- ## SITE META ## -->
<meta charset="utf-8">
<title>ThinkFOSS 2.0</title>
<link rel="shortcut icon" href="includes/img/logo.png" />
<meta name="description" content="">
<meta name="author" content="FOSS@Amrita">
<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" type="text/css" href="includes/css/bootstrap.min.css">
<script src="includes/js/2.1.1.jquery.min.js"></script>
<script src="includes/js/bootstrap.min.js"></script>
<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">
<!-- Main Stylesheet -->
<!-- ## FULLSCREEN SLIDESHOW ## -->
</head>
<body>
<!-- ## HEADER ## -->
<header id="qcHomeHeader">
<div class="row">
<!-- ## LOGO ## -->
<div id="qcLogo" class="col-6 col" style="text-align: center">
<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><a href="ticket.html"><i class="icon-ticket icon"></i> <span>Buy Tickets</span></a></li>
</ul>
</nav>
</div>
<!-- Modal -->
<div class="row">
<!-- ## COUNTDOWN TIMER ## -->
<div id="qcEventCountDown" class="col-6 col">
<!-- ## DAYS ## -->
<div class="dash days_dash">
<div class="dash_title">days</div>
<div class="digits clearfix">
<div class="digit digit-1">0</div>
<div class="digit digit-2">0</div>
<div class="digit digit-3">0</div>
</div>
</div>
<!-- ## HOURS ## -->
<div class="dash hours_dash">
<div class="dash_title">hours</div>
<div class="digits clearfix">
<div class="digit digit-1">0</div>
<div class="digit digit-2">0</div>
</div>
</div>
<!-- ## MINUTES ## -->
<div class="dash minutes_dash">
<div class="dash_title">minutes</div>
<div class="digits clearfix">
<div class="digit digit-1">0</div>
<div class="digit digit-2">0</div>
</div>
</div>
<!-- ## SECONDS ## -->
<div class="dash seconds_dash">
<div class="dash_title">seconds</div>
<div class="digits clearfix">
<div class="digit digit-1">0</div>
<div class="digit digit-2">0</div>
</div>
</div>
</div>
<!-- ## EVENT BANNER ## -->
<div id="qcEventBanner" class="col-6 col">
<ul>
<li><b>#CODE.</b> Like you never seen a terminal.</li>
<li><b>#TALK.</b> As though everyone is listening.</li>
<li><b>#HACK.</b> As though no one is watching you.</li>
</ul>
</div>
</div>
</header>
<div class="banner " id="home">
<div class="banner_bg" data-stellar-background-ratio="0.2" style="background-image: url(http://themes.wplook.com/conference/wp-content/uploads/sites/9/2014/10/header_bg.jpg); background-position: 50% 50%;"></div></div>
<div class="row overlay" style="height:500px">
<div class="page-title-text" ">
<h1 class="title flex-title">
<span class="title-main white">Annual <strong>Open Source</strong> Conference</span>
<span class="title-note">Welcome to <strong>Amritapuri</strong> Campus.</span>
</h1>
<!-- Goals section -->
<section id="service">
<div class="container content">
<div class="row">
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated bounceInLeft">
<div class="service-item wow animated wobble" data-wow-delay="0.9s">
<div class="service-icon">
<i class="fa fa-code fa-5x white"></i>
</div>
<h3 class="white">Code Contributions</h3>
<p class="note">Contribute to open source projects, or fix your first bug LIVE!</p>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated zoomIn " data-wow-delay="0.6s">
<div class="service-item wow animated rubberBand" data-wow-delay="0.9s">
<div class="service-icon">
<i class="fa fa-comment fa-3x white"></i>
</div>
<h3 class="white">Talks</h3>
<p class="note">Attend talks by various Open Source developers and enthusiasts</p>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated zoomIn" data-wow-delay="0.6s">
<div class="service-item wow animated rubberBand" data-wow-delay="0.9s">
<div class="service-icon">
<i class="fa fa-cogs fa-3x white"></i>
</div>
<h3 class="white">Workshop</h3>
<p class="note">Code day and night with our carefully crafted Workshops</p>
</div>
</div>
<div class="col-md-3 col-lg-3 col-sm-6 col-xs-6 text-center wow animated bounceInRight wobble" >
<div class="service-item wow animated wobble" data-wow-delay="0.9s">
<div class="service-icon">
<i class="fa fa-terminal fa-3x white"></i>
</div>
<h3 class="white">Hackathon</h3>
<p class="note"> Hack everything you see, showcase it at the end</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- ## 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><span id="textFooter">
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</span>
</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/countdown.js" type="text/javascript"></script>
<script src="includes/js/jquery.marquee.min.js" type="text/javascript"></script>
<script src="includes/js/library.js" type="text/javascript"></script>
<script src="includes/js/init.js" type="text/javascript"></script>
<script>
</script>
</body>
</html>