-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
197 lines (156 loc) · 7.95 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
<!DOCTYPE html>
<html>
<head lang="en">
<link rel="icon" type="image/png" href="img/logo-32x32.png">
<title>FOSSMeet '18</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/fire.css">
<link rel="stylesheet" href="css/back.css">
<link rel="stylesheet" href="css/spritefire.css">
<!-- Latest compiled and minified CSS for Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--Fonts todo: remove old fonts-->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans|Catamaran|Josefin+Sans|Quicksand" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
<!-- Scripts-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/scroll.js"></script>
</head>
<body class="mainfont bodyback" data-spy="scroll" data-target="#myScrollspy" data-offset="200">
<div>
<!-- NavBar-->
<nav class="navbar navbar-color navbar-fixed-top" id="myScrollspy">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<i class="icon-menu icons"></i>
</button>
<!-- <div class="firelogo navbar-brand"></div>-->
<a class="navbar-brand" href="#home">
<img class="logosmall" src="img/logo-512x512.png">
</a>
<a class="navbar-brand" href="#home"> FOSSMeet '18 </a>
<a href="#home"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<!--
poddery icon style="font-size:1.7em; padding-top:18px;"
<li><a href="https://poddery.com/u/fossmeet" target="_blank" style="font-size:0.95em;"><span class="glyphicon glyphicon-asterisk"></span></a></li>
-->
<li><a href="https://www.twitter.com/fossmeet" target="_blank"><i class="icon-social-twitter icons"></i></a></li>
<li><a href="https://poddery.com/u/fossmeet" target="_blank">*</a></li>
<li><a href="https://www.youtube.com/channel/UCwfNynjOSd3oPwIFqduJ9-Q" target="_blank"><i class="icon-social-youtube icons"></i></a></li>
<li><a href="https://www.facebook.com/fossmeet" target="_blank"><i class="icon-social-facebook icons"></i></a></li>
<!-- <li><a href="#">Why Sponsor Us</a></li>-->
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact </a></li>
</ul>
</div>
</div>
</nav>
<div class="container cover" id="backimg">
<div class="row">
<div class="col-sm-6 center" id="home">
<div class="center fire"></div>
</div>
<div class="col-sm-5">
<h2 class="titletext">Welcome to</h2>
<h1 class="title">FOSSMeet '18</h1>
<!-- Tagline, date-->
<p class="tagline">Lorem ipsum dolor sit amet</p>
<div class="center"><a href="#" target="_blank" class="gradbtn">Brochure Link</a> </div>
</div>
</div>
</div>
</div>
<!-- Intro-->
<div class="container intro">
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10 intro">
<div id="about">
<h1 class="headingtext">Come be a part of FOSSMeet</h1>
<!-- <h1>Join Us</h1>-->
</div>
</div>
<div class="col-sm-1"></div>
</div>
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-5 intro">
<h3>Be a Sponsor</h3>
<p>FOSS has helped all of us in some manner. What better way to give back to it, than help in building a culture of innovation, freedom, evolution and open standards? Reach us at <a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
<div class="col-sm-5 intro">
<h3>Be a Speaker</h3>
<p>We are inviting proposals for talks and workshops at FOSSMeet 2018.<br> Present your idea through <a href="https://fossmeet-nitc.talkfunnel.com/2018/" target="_blank">fossmeet-nitc.talkfunnel</a>
</div>
<div class="col-sm-1"></div>
</div>
</div>
<!-- About-->
<div class="container about">
<div class="row headingtext">
<div class="col-sm-1"></div>
<div class="col-sm-6 ">
<h1 >About Us</h1>
<p id="about">
FOSSMeet is an annual event on Free and Open source software, conducted at National Institute of Technology, Calicut. Started with a vision to create a culture of innovation, evolution and open standards, the meet intends to support the FOSS community and the dissemination of FOSS ideology through hands-on sessions, discussions and lectures. Nothing better to get you introduced to the world of FOSS.<br><br> Our main aim being contributing to the FOSS community, we focus on the quality and standard of each of the events that is a part of FOSSMeet. Experts, professionals and students come in from all over south India to attend FOSSMeet.
<!-- brochure link here-->
</p>
</div>
<div class="col-sm-4 ">
<div id="about">
<img src="img/teaching.JPG" class="img-responsive aboutpic">
</div>
</div>
<div class="col-sm-1"></div>
</div>
</div>
<!-- Speakers-->
<div class="container speakers">
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div id="speakers">
<h1 class="headingtext">Previous Speakers</h1>
<p>
<img src="http://via.placeholder.com/950x450" class="img-responsive">
</p>
<!-- Speakers images-->
</div>
</div>
<div class="col-sm-1"></div>
</div>
</div>
<!-- Contact-->
<div class="container contact center">
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div id="contact">
<h1>Contact Us</h1>
<p>
Still have questions about FOSSMeet sponsorships?<br> Drop our community team a line at <a class="email" href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div class="organizer">
<h3>Organizers</h3>
</div>
<div class="row">
<div class="col-sm-12"><img src="img/logos.png" class="img-responsive logos center"></div>
</div>
</div>
</div>
</div>
</body>
</html>