forked from pulug/sfd-18
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (171 loc) · 11 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
<!DOCTYPE html>
<html>
<head>
<title>SOFTWARE FREEDOM DAY 2K18</title>
<link rel="icon" href="images/sfd.png">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Acme|Marvel:400,700|Bree+Serif|Lato|Anton|Josefin+Sans|Karla|Michroma|Oxygen|Ubuntu|Germania+One|Righteous" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto|Sunflower:300" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script type="text/javascript" src="scripts/jquery.sliphover.min.js"></script>
<script src="scripts/jquery.countdown.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="scripts/jquery.bxslider.js"></script>
<link href="stylesheets/jquery.bxslider.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="stylesheets/mdb.css">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>
<header>
<div class="container">
<h1>SFD '18</h1>
<script type="text/javascript">
// $("#getting-started").countdown("2019/01/01", function(event) {
// $(this).text(event.strftime('%D days %H:%M:%S'));});
</script>
<div style="padding:70px"><h3 class="glitch">COMING SOON..</h3></div>
</div>
</header>
<nav class="navbar sticky-top navbar-expand-lg navbar-inverse"
style="background-color:rgba(34, 34, 34, 0.9); margin:0">
<a class="navbar-brand" onclick="$('header').animatescroll({scrollSpeed:2000})"><img src="images/sfd.png" style="width:120px ; height:auto "></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon navbar-inverse"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-justified">
<li class="nav-item">
<a class="nav-link active" onclick="$('header').animatescroll({scrollSpeed:2000})">HOME <i class="fa fa-home"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="$('#about_us').animatescroll({scrollSpeed:2000})">ABOUT US <i class="fa fa-user"></i></a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" onclick="$('#commerce_week').animatescroll({scrollSpeed:2000})">COMMERCE WEEK </a>
</li> -->
<li class="nav-item">
<a class="nav-link" onclick="$('#speakers').animatescroll({scrollSpeed:2000})">SPEAKERS <i class="fas fa-microphone"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="$('#schedule').animatescroll({scrollSpeed:2000})">SCHEDULE <i class="fas fa-clock"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="$('#gallery').animatescroll({scrollSpeed:2000})">GALLERY <i class="far fa-image"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="$('#map').animatescroll({scrollSpeed:2000})">MAP <i class="far fa-map"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="$('#partners').animatescroll({scrollSpeed:2000})">PARTNERS <i class="fas fa-hands-helping"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="$('#Contact-Us').animatescroll({scrollSpeed:2000})">CONTACT US <i class="fa fa-at"></i></a>
</li>
</ul>
</div>
</nav>
<div id="about_us">
<div class="heading" style="padding: 100px 60px; font-size: 6vw; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">About Us</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="row">
<div class="col-md-12">
<h1><span style="font-size:1.4em">SFD</span></h1>
<hr style="width:10%; margin:20px auto; background:#760404; height:2px">
<p>Software Freedom Day 2017 is approaching, let's tell people about it! Software Freedom Day (aka SFD) is a yearly event organised all around the world by open source enthusiasts. The idea of SFD is for everyone without a vested interest in proprietary software to unite and educate the world about the ideals of Software Freedom and the practical benefits of Free Software. August 28th, 2004, was the first ever Software Freedom Day. And since then it is organised every year around the globe with ever increasing participants</p>
</div>
</div>
</div>
<!-- <div id="speakers">
<div class="heading" style="padding: 120px 60px; font-size: 6vw; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">Speakers</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="cover">
<div class="row">
<div class="desktop-only">
<div class="col-md-12 col-xs-12 schedule" style="margin-bottom:20px">
<div class="daysched"><span>Speaker 1</span></div>
<div class="daysched"><span>Speaker 2</span></div>
<div class="daysched"><span>Speaker 3 </span></div>
<div class="daysched"><span>Speaker 4</span></div>
<div class="daysched"><span>Speaker 5</span></div>
</div>
<h3>SPEAKER SESSION - 1</h3>
</div> -->
<div class="mobile-only" style="box-shadow: 0 0 10px rgba(0, 0, 0, 0.7)">
<div class="col-md-12 col-xs-12 row ">
<div class="col-sm-6 col-xs-12 dayschedmob"><span>Speaker 1</span></div>
<div class="col-sm-6 col-xs-12 dayschedmob"><span>Speaker 2</span></div>
<div class="col-sm-6 col-xs-12 dayschedmob"><span>Speaker 3</span></div>
<div class="col-sm-6 col-xs-12 dayschedmob"><span>Speaker 4</span></div>
<div class="col-sm-6 col-xs-12 dayschedmob"><span>Speaker 5</span></div>
</div>
<h3>SPEAKER SESSION - 1</h3>
</div>
</div>
</div>
</div>
<div id="schedule">
<div class="heading" style="padding: 120px 60px; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">Schedule</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="row">
<div class="col-md-5" style="margin:10px auto">
<h1 style="font-size:18px"> DAY 1</h1>
<hr style="height:20px">
<p>Follow us on facebook, for any updates.</p>
</div>
<div class="col-md-5" style="margin:10px auto">
<h1 style="font-size:18px"> DAY 2</h1>
<hr>
<p>Follow us on facebook, for any updates.</p>
</div>
</div>
</div>
</div>
<div id="gallery">
<div class="heading" style="padding: 120px 60px; font-size: 6vw; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">Gallery</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="row">
</div>
</div>
<div id="map">
<div class="heading" style="padding: 120px 60px; font-size: 6vw; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">Map</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="row">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3428.4761204598667!2d76.77129280848959!3d30.761213841524725!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fed86dfd21771%3A0xde925088c49b518f!2sPrincipal+P.L.+Anand+Auditorium!5e0!3m2!1sen!2sin!4v1528459861960" width="95%" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div id="partners">
<div class="heading" style="padding: 120px 60px; font-size: 6vw; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">Partners</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="row" id="sponsor">
<img class="col-md-3 col-xs-12" src="images/git.png" title="GitHub" style="height:auto;"/>
<img class="col-md-4 col-xs-12" src="images/mozilla.png" title="Mozilla" />
<img class="col-md-3 col-xs-12" src="images/unix.jpg" title="Unixstickers" />
<img class="col-md-4 col-xs-12" src="images/gategurusjpg.jpg" title="GateGurus" />
<img class="col-md-4 col-xs-12" src="images/technocampus.png" title="Techno Campus" />
<img class="col-md-3 col-xs-12" src="images/producthunt.png" title="Product hunt" />
<img class="col-md-3 col-xs-12" src="images/tcil.png" title="Tcil IT" />
</div>
</div>
<div id="Contact-Us">
<div class="heading" style="padding: 120px 60px; font-size: 6vw; text-align: center; color: #fff"><h1 class="about_us" style="padding:60px; font-size: 6vw; text-align: center; color: #fff; font-family: ubuntu; margin:0 auto; padding-bottom:10px; text-shadow:1px 1px 20px #000;">Contact Us</h1><hr style="background:white; height:10px; width:10%"></div>
<div class="row">
<div class="col-xs-12 col-md-4" style="margin: 10px auto">
<h5>Divyanshi</h5>
<span style="color:#202931">8699819107</span>
</div>
<div class="col-xs-12 col-md-3" style="margin: 10px auto"> <h5>FIND US AT </h5>
<a href="https://www.facebook.com/sfdpu/"><i class="fab fa-facebook-square"></i></a></div>
<div class="col-xs-12 col-md-4" style="margin: 10px auto">
<h5>NAME 2</h5>
<span style="color:#202931">85XXXXXXXX</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#sponsor").sliphover();
</script>
<script type="text/javascript" src="scripts/animatescroll.js"></script>
<script type="text/javascript" src="scripts/home.js"></script>
</body>
</html>