-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (190 loc) · 10.4 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
<!DOCTYPE html>
<html class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths cssvhunit wf-merriweather-n3-active wf-merriweather-n9-active wf-merriweather-i3-active wf-merriweather-i9-active wf-chivo-n4-active wf-chivo-i4-active wf-chivo-n9-active wf-chivo-i9-active wf-lato-n1-active wf-lato-n3-active wf-lato-n9-active wf-lato-i9-active wf-lato-i3-active wf-active"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Bakfy - Your College Broadcaster.</title>
<meta name="description" content="College Broadcaster ">
<meta name="author" content="Mihir Soni">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/base.min.css?=v1">
<link rel="stylesheet" href="css/style.css">
</script><script src="js//modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Merriweather:300,900,300italic,900italic%7CChivo:400,400italic,900,900italic%7CLato:100,300,900,900italic,300italic&subset=latin,latin,latin">
</head>
<body>
<header class="title-bar fixed">
<div class="wrapper">
<a id="logo" href="#" class="logo" style="display:none">
<img src="images/bakfy.png">
<span class="hidden">Bakfy</span>
</a>
</div>
</header>
<main>
<section id="cover" class="cover top">
<div class="cover-content wrapper text-center">
<a class="logo" href="#"><img src="images/bakfy.png"></a>
<h1><span class="fadeIn">Your College </span><span class="reveal"><b>Broadcaster.</b></span></h1>
</div>
</section>
<section id="intro" class="skin-dark cf">
<div class="wrapper">
<div class="row">
<div class="col-sm-12 text-center" >
<h1>What is Bakfy ?</h1>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h4>No friend requests, no following someone.</h4>
<p>Bakfy puts the entire college under one roof so that you are connected to everyone.</p>
</div>
<div class="col-sm-4">
<h4>Share Freely.</h4>
<p>- Share stuff with students in you hostel, class, club, etc. with on the fly with hashtags.</p>
</div>
<div class="col-sm-4">
<h4>Post Anonymously.</h4>
<p>Being an offline dictionary, access plethora of words even when you're not connected to the Internet.</p>
</div>
</div>
<div class="row text-center">
<div class="col-sm-12">
<h4>Here's what you can expect on Bakfy</h4>
</div>
</div>
<div class="row nonImageContent text-center">
<div class="col-sm-2">
<a href="#" class="prev">‹</a>
</div>
<div class="col-sm-8">
<div class="carousel ">
<ul class="textSlider">
<li>Do girls like guys with chest hair? Have he justcurious ard conflicting views #justcurious </li>
<li>How many of you think that one night stands are ok ?</li>
<li>I had nothing to do right now,so i opened my bakfy and typed this shit :P</li>
<li>I'm thankful to bakfy for connecting me with ppl all ovr d country.. never met so many amazing ppl!</li>
<li>VIT se Jalne Wale IITians janta Maaf Nahi Karegi :P</li>
<li>I know I m weird, I have more faith in existence of aliens than that of god.</li>
<li>Grade card dropped on my house like Hiroshima :P</li>
<li>Say this to your girl: I will kiss you where you are not tanned.</li>
<li>Have always wondered if stories about girls' making out in their hostels. Any truth in those?</li>
</ul>
</div>
</div>
<div class="col-sm-2">
<a href="#" class="next">›</a>
</div>
</div>
<div class="row">
<div class="col-sm-6 text-center">
<img src="images/android.png" style="height:500px">
<a href="https://play.google.com/store/apps/details?id=com.lstViewTest">
<img alt="Android app on Google Play" src="images/android_playStore.png" />
</a>
</div>
<div class="col-sm-6 text-center">
<img src="images/windows.png" style="width:370px;height:500px;">
<a href="#">
<img alt="Android app on Google Play" src="images/android_playStore.png" />
</a>
</div>
</div>
</div>
</section>
<section class="joinUs">
<div class="wrapper">
<div class="row">
<div class="col-sm-12 text-center">
<p><i><b>Join Us</i></b></p>
Bakfy is a Bangalore based seed funded startup. Some of the brightest minds and really passionate students from across campuses are working with us. We are particularly looking for folks for Campus Marketing and Content Writing.
<br/><b>You should:</b>
<br/> Be a go-getter (We believe in getting shit done)
<br/> Have the knack to stand out in a crowd and get noticed
<br/> Be a startup enthusiast
<br/>
If you can associate yourself with this mojo, Bakfy may just be the place for you. We offer:
<br/>
<br/> Fast-paced learning experience. (You will be working directly with one of the founders and will be part of major strategic initiatives)
<br/> Good perks and performance based stipend
<br/> Career in a fast growing startup
<br/> Chance to be coolest guy/girl in the campus.
<br/>Shoot an email at <a href="mailto:reach@bakfy.me">reach@bakfy.me</a> with some brief about yourself.
</div>
</div>
</div>
</section>
<section class="contactForm">
<div class="wrapper">
<div class="row text-center">
<div class="col-sm-12">
<h4>Contact Us </h4>
</div>
</div>
<form class="form" id="form1">
<div class="row">
<div class="col-sm-12">
<p class="name">
<input name="name" type="text" class="validate[required,custom[onlyLetter],length[0,100]] feedback-input" placeholder="Name" id="name" />
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p class="email">
<input name="email" type="text" class="validate[required,custom[email]] feedback-input" id="email" placeholder="Email" />
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p class="text">
<textarea name="text" class="validate[required,length[6,300]] feedback-input" id="comment" placeholder="Comment"></textarea>
</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="submit">
<input type="submit" value="SEND" id="button-blue"/>
<div class="ease"></div>
</div>
</div>
</div>
</form>
</div>
</section>
</main>
<footer class="skin-light cf">
<div class="wrapper text-left">
<div style="float:left">
<p><small>©2014 Copyright Bakfy</small></p>
</div>
<div style="float:right">
<ul class="share-buttons">
<li><a href="https://www.facebook.com/sharer/sharer.php?u=&t=" target="_blank" title="Follow Us on Facebook"><img src="images/Facebook.png"></a></li>
<li><a href="https://twitter.com/intent/tweet?source=&text=:%20" target="_blank" title="Tweet"><img src="images/Twitter.png"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<a href="#0" class="cd-top">Top</a>
<script src="js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js//jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/scrollto.min.js"></script>
<script src="js/jcarousellite.min.js"></script>
<script src="js/main.js"></script>
<script>
$(function() {
$(".nonImageContent .carousel").jCarouselLite({
visible: 1,
start:0,
btnNext: ".nonImageContent .next",
btnPrev: ".nonImageContent .prev",
auto: 800,
speed: 1000
});
});
</script>
</body></html>