forked from AlexImb/onTimeApp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.html
244 lines (216 loc) · 17.6 KB
/
app.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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<title> onTime App </title>
<meta name="description" content="onTime App is a project created by passionate teenagers in Opening Opportunities project.">
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300' rel='stylesheet' type='text/css'>
<!-- Bootstrap CSS -->
<link href="bootstrap-3.2.0/css/bootstrap.css" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/slideshow.css">
<!-- Phone prevent scaling -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Nav bar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-colaps">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div itemscope itemtype="https://schema.org/Product">
<a class="navbar-brand" href="https://imalex.me/onTimeApp/" itemprop="url"> <img src="images/logonav.png" alt="onTime App" itemprop="logo"> </a>
</div> <!-- end Product -->
</div>
<div class="collapse navbar-collapse text-center" id="nav-colaps">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://imalex.me/onTimeApp/">Home</a></li>
<li><a href="https://imalex.me/onTimeApp/team.html">Team</a></li>
<li><a href="https://imalex.me/onTimeApp/story.html">Story</a></li>
<li class="hidden-xs"><a href="https://www.facebook.com/OnTimeAppGroup" target="_blank"><img src="images/fbicon.png" alt="onTime Facebook"></a></li>
<li class="visible-xs"><a href="https://www.facebook.com/OnTimeAppGroup" target="_blank"><img src="images/fbicon.png" alt="onTime Facebook"><span>Facebook</span></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="container-slideshow">
<div itemscope itemtype="https://schema.org/Product">
<div id="slideshow" class="owl-carousel">
<div class="item">
<div class="col-md-offset-2 col-md-4 col-sm-offset-2 col-sm-5 col-xs-offset-3 col-xs-6 hidden-xs">
<h3 itemprop="description">Be modern with a minimalistic design.</h3>
<p>A practical design, that offers you a quick access on the main functions of the application and also a general view on your alarms and remeinders. With a beautiful design let your imagination fly and look at the curent time like at a hourglass.
<br><br> If you are in a hurry, you will enjoy the fact that you can simply take a look on the home screen and see not only the current hour, but also the time left until the next planned event.
</p>
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-1 col-sm-3 col-xs-offset-4 col-xs-5">
<img src="images/wp/2.png" alt="onTime App" itemprop="image">
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-1 col-sm-3 col-xs-offset-2 col-xs-8 visible-xs text-center">
<h3 itemprop="description">Be modern with a minimalistic design.</h3>
<p>A practical design, that offers you a quick access on the main functions of the application and also a general view on your alarms and remeinders. With a beautiful design let your imagination fly and look at the curent time like at a hourglass.
<br><br> If you are in a hurry, you will enjoy the fact that you can simply take a look on the home screen and see not only the current hour, but also the time left until the next planned event.
</p>
</div>
</div> <!-- end item -->
<div class="item">
<div class="col-md-offset-2 col-md-3 col-sm-offset-3 col-sm-3 col-xs-offset-4 col-xs-5">
<img src="images/wp/3.png" alt="onTime App" itemprop="image">
</div>
<div class="col-md-offset-2 col-md-4 col-sm-offset-1 col-sm-4 col-xs-offset-3 col-xs-6 hidden-xs">
<h3 itemprop="description">Set&Go: Be ahead of time!</h3>
<p>We develop carefully and acurately this quick alarm so you can manage your time better. Don't waste important moments on a thing that can be solved in less than some seconds. Just introduce the hour in special designed spaces and let us do the rest.
</p>
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-2 col-sm-3 col-xs-offset-2 col-xs-8 visible-xs text-center">
<h3 itemprop="description">Set&Go: Be ahead of time!</h3>
<p>We develop carefully and acurately this quick alarm so you can manage your time better. Don't waste important moments on a thing that can be solved in less than some seconds. Just introduce the hour in special designed spaces and let us do the rest.
</p>
</div>
</div> <!-- end item -->
<div class="item">
<div class="col-md-offset-2 col-md-4 col-sm-offset-2 col-sm-5 col-xs-offset-3 col-xs-6 hidden-xs">
<h3 itemprop="description">Set an alarm with complex settings and many more.</h3>
<p>
You have your schedule set for tommorow, you know exactly at what time to wake up, so all you need in this situation is an extra help with the timing. Set an alarm and your morning can be more funnier when you can add a special message for the sleepy self, or you can simply enjoy 5 more minutes of sleep by setting a snooze.
</p>
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-1 col-sm-3 col-xs-offset-4 col-xs-5">
<img src="images/wp/4.png" alt="onTime App" itemprop="image">
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-1 col-sm-3 col-xs-offset-2 col-xs-8 visible-xs text-center">
<h3 itemprop="description">Set an alarm with complex settings and many more.</h3>
<p>
You have your schedule set for tommorow, you know exactly at what time to wake up, so all you need in this situation is an extra help with the timing. Set an alarm and your morning can be more funnier when you can add a special message for the sleepy self, or you can simply enjoy 5 more minutes of sleep by setting a snooze.
</p>
</div>
</div> <!-- end item -->
<div class="item">
<div class="col-md-offset-2 col-md-3 col-sm-offset-3 col-sm-3 col-xs-offset-4 col-xs-5">
<img src="images/wp/5.png" alt="onTime App" itemprop="image">
</div>
<div class="col-md-offset-2 col-md-4 col-sm-offset-1 col-sm-4 col-xs-offset-3 col-xs-6 hidden-xs">
<h3 itemprop="description">A simple way to remember the important events of your day.</h3>
<p>
Life is too short to worry that you may have forgotten something. Don't let the big things waiting, by spending time on something we can work out for you. We develop a function where you can set with only one touch either in how much time you want to be remeinded, or at what hour. But this is not all, if you need an extra time before the hour set as remeinder, you can choose to to attentioned with an earlier alarm.
</p>
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-2 col-sm-4 col-xs-offset-2 col-xs-8 visible-xs text-center">
<h3 itemprop="description">A simple way to remember the important events of your day. </h3>
<p>
Life is too short to worry that you may have forgotten something. Don't let the big things waiting, by spending time on something we can work out for you. We develop a function where you can set with only one touch either in how much time you want to be remeinded, or at what hour. But this is not all, if you need an extra time before the hour set as remeinder, you can choose to to attentioned with an earlier alarm.
</p>
</div>
</div> <!-- end item -->
<div class="item">
<div class="col-md-offset-2 col-md-4 col-sm-offset-2 col-sm-5 col-xs-offset-3 col-xs-6 hidden-xs">
<h3 itemprop="description">Innovative way to discover ideal hours to sleep.</h3>
<p>
It is already 2 a.m. and you have an important meeting at the first hour in the morning ? Using onTime app, you don't have to worry anymore. We have developed a feature which calculates for you the hour for going to sleep, or the hour for waking up, so you can be fully rested next morning.
</p>
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-1 col-sm-3 col-xs-offset-4 col-xs-5">
<img src="images/wp/8.png" alt="onTime App" itemprop="image">
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-1 col-sm-3 col-xs-offset-2 col-xs-8 visible-xs text-center">
<h3 itemprop="description">Innovative way to discover ideal hours to sleep.</h3>
<p>
It is already 2 a.m. and you have an important meeting at the first hour in the morning ? Using onTime app, you don't have to worry anymore. We have developed a feature which calculates for you the hour for going to sleep, or the hour for waking up, so you can be fully rested next morning.
</p>
</div>
</div> <!-- end item -->
<div class="item">
<div class="col-md-offset-2 col-md-3 col-sm-offset-3 col-sm-3 col-xs-offset-4 col-xs-5">
<img src="images/wp/7.png" alt="onTime App" itemprop="image">
</div>
<div class="col-md-offset-2 col-md-4 col-sm-offset-1 col-sm-4 col-xs-offset-3 col-xs-6 hidden-xs">
<h3 itemprop="description">The night has never been brighter.</h3>
<p>
onTime app never stops taking care of you, even if you are asleep. The brightness of the screen is adapted for the case you wake up in the middle of the night in order to check the hour, so your eyes will be protected and also will be able to nottice how much time is left until the next alarm.
</p>
</div>
<div class="col-md-offset-2 col-md-3 col-sm-offset-2 col-sm-3 col-xs-offset-2 col-xs-8 visible-xs text-center">
<h3 itemprop="description">The night has never been brighter.</h3>
<p>
onTime app never stops taking care of you, even if you are asleep. The brightness of the screen is adapted for the case you wake up in the middle of the night in order to check the hour, so your eyes will be protected and also will be able to nottice how much time is left until the next alarm.
</p>
</div>
</div> <!-- end item -->
</div> <!-- end slideshow-->
</div> <!-- end Thing -->
<div class="pag-nav col-md-12 text-center">
<img class="pag-prev" src="images/arrow.png" alt="Prev slide">
<p class="pag-prev">Previos Slide</p>
<p class="pag-next">Next Slide</p>
<img class="pag-next" src="images/arrow.png" alt="Next slide">
</div>
</div> <!-- .container-s -->
<footer>
<div class="container-footer col-md-12 text-center">
<span>Support from:</span>
<ul class="support-logo">
<li> <a href="https://www.microsoft.com/ro-ro/" target="_blank"> <img src="images/footer/logos/msf.png" alt="Microsoft Romania"> </a> </li>
<li> <a href="https://www.techsoup.ro/" target="_blank"> <img src="images/footer/logos/techsoup.png" alt="Techsoup Romania"> </a> </li>
<li> <a href="https://www.irex.org/region/romania" target="_blank"> <img src="images/footer/logos/irex.png" alt="IREX Romania"> </a> </li>
<li> <a href="https://www.biblionet.ro/" target="_blank"> <img src="images/footer/logos/biblionet.png" alt="Biblionet Romania"> </a> </li>
</ul> <!-- end .support-logo -->
<ul class="footer-links">
<li> <a href="mailto:[email protected]"> Contact us </a> </li>
<li> <a href="https://imalex.me/onTimeApp/"> Home </a> </li>
<li> <a href="https://imalex.me/onTimeApp/app.html"> App </a> </li>
<li> <a href="https://imalex.me/onTimeApp/team.html"> Team </a> </li>
<li> <a href="https://imalex.me/onTimeApp/story.html"> Story </a> </li>
<li> <a href="https://www.facebook.com/OnTimeAppGroup" target="_blank"> Facebook </a> </li>
</ul> <!-- end .footer-links -->
</div> <!-- end .container-footer -->
</footer>
<!-- SCRIPTS -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="bootstrap-3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<!-- SLIDESHOW -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- Start of StatCounter Monitor -->
<script type="text/javascript">
var sc_project=9862154;
var sc_invisible=1;
var sc_security="549b85ef";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "https://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="web stats"
href="https://statcounter.com/free-web-stats/"
target="_blank"><img class="statcounter"
src="https://c.statcounter.com/9862154/0/549b85ef/1/"
alt="web stats"></a></div></noscript>
<!-- End of StatCounter Code for Monitor -->
</body>
</html>