-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
224 lines (194 loc) · 11.8 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
<!doctype html>
<html lang="en" itemscope itemtype="http://schema.org/Organization">
<head>
<meta charset="utf-8" />
<title>Applait - Firefox OS app experts</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Get your own webapps on Firefox OS markets, starting at $100." />
<link rel="icon" href="img/16.png" type="image/png" />
<link rel="canonical" href="http://applait.com/" />
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:300,300italic|Montserrat|Alegreya" />
<link rel="stylesheet" href="css/style.css" />
<!-- Social Media Tags-->
<!-- Facebook -->
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta property="og:type" content="website" />
<meta property="og:url" content="http://applait.com/" />
<meta property="og:title" content="Applait - Firefox OS app experts" />
<meta property="og:image" content="http://applait.com/img/social.png" />
<!-- Google -->
<meta itemprop="name" content="Applait - Firefox OS app experts">
<meta itemprop="description" content="Get your own webapps on Firefox OS markets, starting at $100">
<meta itemprop="image" content="http://applait.com/img/social.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="applait">
<meta name="twitter:title" content="Applait - Firefox OS app experts">
<meta name="twitter:description" content="Get your own webapps on Firefox OS markets, starting at $100">
<meta name="twitter:creator" content="applait">
<meta name="twitter:image:src" content="http://applait.com/img/social.png">
<meta name="twitter:domain" content="http://applait.com/">
<!-- Google Analytics -->
<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-51948241-1', 'applait.io');
ga('send', 'pageview');
</script>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<nav class="navbar navbar-fixed-top crossfade" role="navigation">
<div class="container page-scroll">
<a id="request-app-link" class="navbar-button crossfade" href="#create">Create an app</a>
<a class="navbar-brand" href="#page-top">applait</a>
</div>
</nav>
<section class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 id="brand-wordmark">applait</h1>
<p class="intro-text">Firefox OS apps, baked and served hot.</p>
<div class="page-scroll">
<a href="#about" class="btn btn-circle crossfade">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>What is Applait?</h2>
<p>Applait is a premium service for bringing your applications to
<a href="https://mozilla.org/firefox/os"><span class="nobr">Firefox OS</span></a>, based in Bangalore, India.</p>
<p>We, at Applait, have deep understanding of technologies behind <span class="nobr">Firefox OS</span>.
We help apps reach out to Firefox OS markets globally.</p>
<p>If you have a responsive web application, you can test drive it on <span class="nobr">Firefox OS</span> with our <a href="#create">app generator tool</a>, and see how it will look on a real device. It will take only a minute!</p>
<div class="page-scroll">
<a href="#whoisitfor" class="btn btn-circle crossfade">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="whoisitfor" class="content-section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Who is it for?</h2>
<h3>Applait for OEMs</h3>
<p>We help OEMs implement their requirements by integrating seamlessly with their production cycles. We strive to provide production-ready solutions that OEMs can ship proudly with their platforms.</p>
<h3>Applait for Enterprises</h3>
<p>We minimize the time and effort it takes for an established enterprise to port their applications to Firefox OS. Our team can turn out a solution in lesser time than it needs for an enterprise team to get up to speed with a new platform.</p>
<h3>Applait for Entrepreneurs</h3>
<p>We are the perfect technical team for any entrepreneur looking to invest in the Firefox OS ecosystem. Whether you want to target multiple platforms at once, or create application specific to Firefox OS, we can take your ideas and turn them into reality.</p>
<div class="page-scroll text-center">
<a href="#why" class="btn btn-circle crossfade">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="why" class="content-section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Top 5 reasons to choose Applait</h2>
<ol class="circle-list">
<li>You don't need to build your own developer team.</li>
<li>You get a team who are experienced with all facets of Firefox OS.</li>
<li>You can reach out to multiple platforms at once.</li>
<li>We put quality over quantity. We don't bill you by the hours. We bill you for the solution we deliver.</li>
<li>You can sit back and relax and see your idea take shape in the hands of expert developers!</li>
</ol>
<p class="text-center offset-top">For any app related queries, drop us an email at
<a href="mailto:[email protected]">[email protected]</a>.</p>
<div class="row text-center">
<div class="col-lg-12">
<a href="https://twitter.com/applait" class="btn btn-default btn-lg">
<i class="fa fa-twitter fa-fw"></i>
</a>
<a href="https://github.com/applait" class="btn btn-default btn-lg">
<i class="fa fa-github fa-fw"></i>
</a>
<a href="https://facebook.com/applait" class="btn btn-default btn-lg">
<i class="fa fa-facebook fa-fw"></i>
</a>
<a href="https://plus.google.com/109378795080647138548" class="btn btn-default btn-lg">
<i class="fa fa-google-plus fa-fw"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="create" class="content-section">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h1 class="text-center">Generate a Firefox OS app</h1>
<form id="generator-form" class="form-horizontal" role="form">
<div class="col-sm-6 col-sm-offset-3">
<div class="form-group">
<label class="sr-only" for="item-app-name">App Name</label>
<input type="text" class="" id="item-app-name" placeholder="App Name" name="name"
required>
</div>
<div class="form-group">
<label class="sr-only" for="item-app-description">App Description</label>
<input type="text" class="" id="item-app-description" placeholder="Short app description" name="description" required>
</div>
<div class="form-group">
<label class="sr-only" for="item-webapp-url">Webapp URL</label>
<input type="text" class="" id="item-url" placeholder="Webapp URL" name="url" required>
</div>
<div class="form-group">
<input id="generator-submit" class="action-button crossfade" type="submit" value="Create App">
</div>
</div>
</form>
<div id="submission-toast" class="alert alert-warning">
<p>Yay! We have created an <a href="{appurl}">app for you</a>. You can test drive
this app on any Firefox OS device for the next 7 days.</p>
<p>If you find that your app needs more polish, count on us to help you!</p>
<form id="request-form" class="form-inline" role="form">
<div class="form-group">
<label class="sr-only" for="item-email">Email</label>
<input type="text" id="item-email" placeholder="Email" name="email" required>
</div>
<div class="form-group">
<input id="request-submit" class="action-button" type="submit" value="Get in touch!">
</div>
</form>
<div id="request-success" class="hidden"><p>We've got it! <em>Thanks!</em></p></div>
<p class="small">Alternatively, you can download your <a href="{manifesturl}">app's <em>manifest</em></a>,
and handcraft it</a>.</p>
</div>
<div id="failure-toast" class="alert alert-danger">
Life is too short to fire blanks... Please <b class="request-again">fill-up the fields</b>!
</div>
</div>
</div>
</div>
</section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/script.js" type="text/javascript"></script>
</body>
</html>