-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·126 lines (125 loc) · 8.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
124
125
126
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="calgary sports, sports data, sports map, availability of courts, outdoor sports location, soccer calgary, tennis calgary, cricket calgary, rugby calgary, volleyball calgary, sportsity, google maps api" />
<meta name="description" content="Discover nearby courts for your favorite outdoor sports." />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>Sportsity – Discover nearby courts for your favorite outdoor sports</title>
<link rel="stylesheet" href="css/fancybox.min.css" type="text/css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/style.min.css" type="text/css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:100,300,400,500" type="text/css">
<body>
<section id="hero">
<header>
<div class="wrapper">
<div class="logo">
<a class="no-hov" href="index.html">
<img src="img/sportsity-logo.png" width="123" height="35" alt="Sportsity Logo"/>
</a>
</div>
<nav id="nav-main">
<div class="nav-holder">
<ul>
<li><a class="top-nav" href="#learn-more">Learn More</a></li>
<li><a class="top-nav" href="#next-city">Vote for Next City</a></li>
<li><a class="top-nav" href="#contact">Get In Touch</a></li>
</ul>
</div>
</nav>
<div id="nav-trigger">
<span><i class="fa fa-bars fa-lg"> </i></span>
</div>
<nav id="nav-mobile"></nav>
</div>
</header>
<div class="grid wrapper">
<div class="unit half">
<h1>Discover nearby courts for your favorite outdoor sports</h1>
<h3>Works on iOS & Android devices (including the web)</h3>
<a id="modal" class="launch-video button iframe" href="https://www.youtube.com/embed/3MfqUHU3nNs?autohide=1&rel=0&vq=hd1080&autoplay=1" onclick="ga('send','event','Video','Views');"><i class="fa fa-video-camera"> </i> Watch Video (60 Sec)</a>
<a class="launch-app button animated tada" href="http://app.sportsity.co" onclick="ga('send','event','App','Launches');"><i class="fa fa-rocket"> </i> Launch App</a>
</div>
<div class="unit half devices">
<img class="align-center" src="img/sportsity-devices.png" alt="Sportsity on Devices"/>
</div>
</div>
</section>
<section id="learn-more">
<div class="grid wrapper feature-list">
<div class="unit one-third">
<h2>See What’s Around</h2>
<img src="img/sportsity-around-you.png" width="128" height="128" alt="Around You"/>
<p class="description">Find courts for tennis, soccer, basketball, volleyball and more, and get directions using Google Maps.</p>
</div>
<div class="unit one-third">
<h2>Share with Friends</h2>
<img src="img/sportsity-share.png" width="128" height="128" alt="Around You"/>
<p class="description">Use Twitter, Facebook, or SMS to message the locations of courts to your friends and family.</p>
</div>
<div class="unit one-third">
<h2>Increase Court Rankings</h2>
<img src="img/sportsity-like.png" width="128" height="128" alt="Around You"/>
<p class="description">Like a court to increase its ranking and make it easier for others to decide where to play.</p>
</div>
</div>
<div class="grid wrapper web-app">
<div class="unit two-fifths">
<img src="img/sportsity-central.png" alt="Sportsity Central" />
</div>
<div class="unit three-fifths v-align">
<h2>One (Web) App, Many Devices</h2>
<p class="description">Because it runs on web technologies, Sportsity is not restricted to one platform. Use it on the web and iOS or Android by accessing it directly through the browser. It even works on Windows Phone and Blackberry with limited functionality. You can also easily add it to your homescreen on all devices.</p>
<p class="center"><a class="learn-how tutorial button" data-fancybox-group="gifs" href="img/sportsity-ios-web-app.gif" title="Adding to Homescreen on iOS. Click next for Android." onclick="ga('send','event','Tutorial','Views');">Learn How
</a><a class="tutorial" data-fancybox-group="gifs" href="img/sportsity-android-web-app.gif" title="Adding to Homescreen on Android. Click next for iOS."></a></p>
</div>
</div>
</section>
<section id="next-city">
<div class="grid wrapper vote">
<div class="unit three-fifths v-align">
<h2>Vote for the Next City</h2>
<p class="description">The initial release of Sportsity is restricted to Calgary due to data availability. Our vision is to make it easier for everyone to find locations of outdoor sports across North America and rest of the world with the help of free and open data. Vote now for the next city that should be added to Sportsity.</p>
<p class="center"><a class="typeform-share vote-now button" href="https://sportsity.typeform.com/to/k3v3cC" target="_blank" data-mode="1" onclick="ga('send','event','Voting Form','Views');">Vote Now</a></p>
</div>
<div class="unit two-fifths">
<img src="img/sportsity-next-city.png" alt="Sportsity Next City" />
</div>
</div>
</section>
<section id="contact">
<footer>
<div class="grid wrapper">
<div class="unit half divide">
<p>Copyright © 2015 Sportsity. Developed by <a href="http://bilalkarim.com" target="_blank">Bilal Karim</a> and <a href="http://kamberov.me" target="_blank">Rustam Kamberov</a>.
Data from <a href="https://data.calgary.ca" target="_blank">Calgary Open Data Catalogue</a>. Hosted on <a href="http://cybera.ca/projects/cloud-resources/rapid-access-cloud" target="_blank">Rapid Access Cloud</a> by <a href="http://cybera.ca" target="_blank">Cybera</a>.
</p>
</div>
<div class="unit half">
<p>Made with our love and passion for web and geospatial technologies.
Feedback and suggestions? Email <a href="mailto:info@sportsity.co">info@sportsity.co</a> or tweet <a href="http://twitter.com/sportsityapp" target="_blank">@sportsityapp</a>.
</p>
</div>
</div>
</footer>
</section>
<script src="js/jquery.min.js"></script>
<script src="js/common.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61272799-1', 'sportsity.co');
ga('require', 'linkid', 'linkid.js');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>