PageSourceSearch

https://carcmedev.github.io/xit/

html carcmedev.github.io collected 2026-10-03 08:45:13 UTC 27,248 bytes, 541 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<!--
4
5Page    : index / MobApp
6Version : 1.0
7Author  : Colorlib
8URI     : https://colorlib.com
9
10 -->
11
12<head>
13    <title>xIT Timer -Univeral Interval Timer</title>
14    <!-- Required meta tags -->
15    <meta charset="utf-8">
16    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
17    <meta name="description" content="xIT - Universal Interval Training Timer">
18    <meta name="keywords" content="HIIT, SIT, Tabata, Run, Boxing, Cardio Timer, interval timer, running, sport, workout, gym, jogging, exercise, android app, Android, crossfit, high intensity interval training, sprint interval training">
19
20
21    <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
22    <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
23
24    <!-- Font -->
25    <link rel="dns-prefetch" href="//fonts.googleapis.com">
26    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet">
27
28    <!-- Bootstrap CSS -->
29    <link rel="stylesheet" href="css/bootstrap.min.css">
30    <!-- Themify Icons -->
31    <link rel="stylesheet" href="css/themify-icons.css">
32    <!-- Owl carousel -->
33    <link rel="stylesheet" href="css/owl.carousel.min.css">
34    <!-- Main css -->
35    <link href="css/style.css" rel="stylesheet">
36</head>
37
38<body data-spy="scroll" data-target="#navbar" data-offset="30">
39
40    <!-- Nav Menu -->
41
42    <div class="nav-menu fixed-top">
43        <div class="container">
44            <div class="row">
45                <div class="col-md-12">
46                    <nav class="navbar navbar-dark navbar-expand-lg">
47                        <a class="navbar-brand" href="index.html"><img src="images/iconstopwatch.png" class="img-fluid" alt="logo"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
48                        <div class="collapse navbar-collapse" id="navbar">
49                            <ul class="navbar-nav ml-auto">
50                                <li class="nav-item"> <a class="nav-link active" href="#home">HOME <span class="sr-only">(current)</span></a> </li>
51                                <li class="nav-item"> <a class="nav-link" href="#features">FEATURES</a> </li>
52                                <li class="nav-item"> <a class="nav-link" href="#gallery">GALLERY</a> </li>
53                                <!-- <li class="nav-item"> <a class="nav-link" href="#pricing">PRICING</a> </li>
54                                <li class="nav-item"> <a class="nav-link" href="#contact">CONTACT</a> </li> -->
55                                <li class="nav-item"><a href="https://play.google.com/store/apps/details?id=me.carc.carcintervaltimer" class="btn btn-outline-light my-3 my-sm-0 ml-lg-3">Download</a></li>
56                            </ul>
57                        </div>
58                    </nav>
59                </div>
60            </div>
61        </div>
62    </div>
63
64
65    <header class="bg-gradient" id="home">
66        <div class="container mt-5">
67            <h1>xIT Timer</h1>
68            <p class="tagline">Universal Interval Training Timer</p>
69        </div>
70        <div class="img-holder mt-3"><img src="images/header_device.png" alt="phone" class="img-fluid"></div>
71    </header>
72
73
74    <div class="section light-bg" id="features">
75
76        <div class="container">
77
78            <div class="section-title">
79                <small>HIGHLIGHTS</small>
80                <h3>Features you love</h3>
81            </div>
82
83
84            <div class="row">
85                <div class="col-12 col-lg-4">
86                    <div class="card features">
87                        <div class="card-body">
88                            <div class="media">
89                                <span class="ti-face-smile gradient-fill ti-3x mr-3"></span>
90                                <div class="media-body">
91                                    <h4 class="card-title">Simple</h4>
92                                    <p class="card-text">Each interval is colour coded for easy referrence </p>
93                                </div>
94                            </div>
95                        </div>
96                    </div>
97                </div>
98                <div class="col-12 col-lg-4">
99                    <div class="card features">
100                        <div class="card-body">
101                            <div class="media">
102                                <span class="ti-settings gradient-fill ti-3x mr-3"></span>
103                                <div class="media-body">
104                                    <h4 class="card-title">Customize</h4>
105                                    <p class="card-text">Configure voice and/or sound feedback for the end of each interval </p>
106                                </div>
107                            </div>
108                        </div>
109                    </div>
110                </div>
111                <div class="col-12 col-lg-4">
112                    <div class="card features">
113                        <div class="card-body">
114                            <div class="media">
115                                <span class="ti-map-alt gradient-fill ti-3x mr-3"></span>
116                                <div class="media-body">
117                                    <h4 class="card-title">Histoy</h4>
118                                    <p class="card-text">Keep track of your runs in history and your routes shown on the map </p>
119                                </div>
120                            </div>
121                        </div>
122                    </div>
123                </div>
124            </div>
125
126        </div>
127
128        <div class="section-title">
129            <p>&nbsp</p>
130            <h3>Simple and Intuitive</h3>
131        </div>
132
133        <div class="container">
134            <div class="row">
135                <div class="col-md-8 d-flex align-items-center">
136                    <ul class="list-unstyled ui-steps">
137                        <li class="media">
138                            <div class="circle-icon mr-4">1</div>
139                            <div class="media-body">
140                                <h5>Set your Intervals</h5>
141                                <p>Configure your work and rest times. Check the sounds and voice options. And then Run </p>
142                            </div>
143                        </li>
144                        <li class="media my-4">
145                            <div class="circle-icon mr-4">2</div>
146                            <div class="media-body">
147                                <h5>
147Work and Rest</h5>
148                                <p>xIT works even in the background. Lock your device and do your workout. Voice and sound let you know when to work or rest. Check your progress from the lock screen with notifications </p>
149                            </div>
150                        </li>
151                        <li class="media">
152                            <div class="circle-icon mr-4">3</div>
153                            <div class="media-body">
154                                <h5>Record your Progress</h5>
155                                <p>Total distance and time spent exercising is shown on the idle screen. Touch there to view your history and the routes you've taken</p>
156                            </div>
157                        </li>
158                    </ul>
159                </div>
160                <div class="col-md-4">
161                    <img src="images/header_device.png" alt="screen shot" class="img-fluid">
162                </div>
163
164            </div>
165
166        </div>
167
168    </div>
169    <!-- // end .section -->
170
171
172
173
174        <div class="section bg-gradient" id="gallery">
175        <!-- <div class="section light-bg" id="gallery"> -->
176            <div class="container">
177                <div class="section-title">
178                    <small>GALLERY</small>
179                    <h3>xIT Screenshots</h3>
180                </div>
181
182                <div class="img-gallery owl-carousel owl-theme">
183                    <img src="images/1_androidphone.png" alt="image">
184                    <img src="images/3_androidphone.png" alt="image">
185                    <img src="images/2_androidphone.png" alt="image">
186                    <img src="images/4_androidphone.png" alt="image">
187                    <img src="images/5_androidphone.png" alt="image">
188                    <img src="images/6_androidphone.png" alt="image">
189                    <img src="images/7_androidphone.png" alt="image">
190                </div>
191
192            </div>
193
194        </div>
195        <!-- // end .section -->
196
197
198
199
200        <div class="section bg-gradient">
201            <div class="container">
202                <div class="call-to-action">
203
204                    <div class="box-icon"><span class="ti-mobile gradient-fill ti-3x"></span></div>
205                    <h2>Free Download</h2>
206                    <p class="tagline">xIT Timer is free and contains no adverts. </p>
207                    <div class="my-4">
208
209                        <!-- <a href="#" class="btn btn-light"><img src="images/appleicon.png" alt="icon"> App Store</a> -->
210                        <a href="https://play.google.com/store/apps/details?id=me.carc.carcintervaltimer" class="btn btn-light"><img src="images/playicon.png" alt="icon"> Google play</a>
211                    </div>
212                    <p class="text-primary"><small><i>*Android Lollypop and above. </i></small></p>
213                </div>
214            </div>
215
216        </div>
217        <!-- // end .section -->
218
219
220
221    <!-- <div class="section">
222
223        <div class="container">
224            <div class="row">
225                <div class="col-lg-6 offset-lg-6">
226                    <div class="box-icon"><span class="ti-mobile gradient-fill ti-3x"></span></div>
227                    <h2>Discover our App</h2>
228                    <p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati vel exercitationem eveniet vero maxime ratione </p>
229                    <a href="#" class="btn btn-primary">Read more</a>
230                </div>
231            </div>
232            <div class="perspective-phone">
233                <img src="images/perspective.png" alt="perspective phone" class="img-fluid">
234            </div>
235        </div>
236
237    </div> -->
238    <!-- // end .section -->
239
240
241    <!-- <div class="section light-bg">
242        <div class="container">
243            <div class="section-title">
244                <small>FEATURES</small>
245                <h3>Do more with our app</h3>
246            </div>
247
248            <ul class="nav nav-tabs nav-justified" role="tablist">
249                <li class="nav-item">
250                    <a class="nav-link active" data-toggle="tab" href="#communication">Communication</a>
251                </li>
252                <li class="nav-item">
253                    <a class="nav-link" data-toggle="tab" href="#schedule">Scheduling</a>
254                </li>
255                <li class="nav-item">
256                    <a class="nav-link" data-toggle="tab" href="#messages">Messages</a>
257                </li>
258                <li class="nav-item">
259                    <a class="nav-link" data-toggle="tab" href="#livechat">Live Chat</a>
260                </li>
261            </ul>
262            <div class="tab-content">
263                <div class="tab-pane fade show active" id="communication">
264                    <div class="d-flex flex-column flex-lg-row">
265                        <img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
266                        <div>
267
268                            <h2>Communicate with ease</h2>
269                            <p class="lead">Uniquely underwhelm premium outsourcing with proactive leadership skills. </p>
270                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. Ut placerat dui eu nulla
271                                congue tincidunt ac a nibh. Mauris accumsan pulvinar lorem placerat volutpat. Praesent quis facilisis elit. Sed condimentum neque quis ex porttitor,
272                            </p>
273                            <p> malesuada faucibus augue aliquet. Sed elit est, eleifend sed dapibus a, semper a eros. Vestibulum blandit vulputate pharetra. Phasellus lobortis leo a nisl euismod, eu faucibus justo sollicitudin. Mauris consectetur, tortor
274                                sed tempor malesuada, sem nunc porta augue, in dictum arcu tortor id turpis. Proin aliquet vulputate aliquam.
275                            </p>
276                        </div>
277                    </div>
278                </div>
279                <div class="tab-pane fade" id="schedule">
280                    <div class="d-flex flex-column flex-lg-row">
281                        <div>
282                            <h2>Scheduling when you want</h2>
283                            <p class="lead">Uniquely underwhelm premium outsourcing with proactive leadership skills. </p>
284                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. Ut placerat dui eu nulla
285                                congue tincidunt ac a nibh. Mauris accumsan pulvinar lorem placerat volutpat. Praesent quis facilisis elit. Sed condimentum neque quis ex porttitor,
286                            </p>
287                            <p> malesuada faucibus augue aliquet. Sed elit est, eleifend sed dapibus a, semper a eros. Vestibulum blandit vulputate pharetra. Phasellus lobortis leo a nisl euismod, eu faucibus justo sollicitudin. Mauris consectetur, tortor
288                                sed tempor malesuada, sem nunc porta augue, in dictum arcu tortor id turpis. Proin aliquet vulputate aliquam.
289                            </p>
290                        </div>
291                        <img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
292                    </div>
293                </div>
294                <div class="tab-pane fade" id="messages">
295                    <div class="d-flex flex-column flex-lg-row">
296                        <img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
297                        <div>
298                            <h2>Realtime Messaging service</h2>
299                            <p class="lead">Uniquely underwhelm premium outsourcing with proactive leadership skills. </p>
300                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. Ut placerat dui eu nulla
301                                congue tincidunt ac a nibh. Mauris accumsan pulvinar lorem placerat volutpat. Praesent quis facilisis elit. Sed condimentum neque quis ex porttitor,
302                            </p>
303                            <p> malesuada faucibus augue aliquet. Sed elit est, eleifend sed dapibus a, semper a eros. Vestibulum blandit vulputate pharetra. Phasellus lobortis leo a nisl euismod, eu faucibus justo sollicitudin. Mauris consectetur, tortor
304                                sed tempor malesuada, sem nunc porta augue, in dictum arcu tortor id turpis. Proin aliquet vulputate aliquam.
305                            </p>
306                        </div>
307                    </div>
308                </div>
309                <div class="tab-pane fade" id="livechat">
310                    <div class="d-flex flex-column flex-lg-row">
311                        <div>
312                            <h2>Live chat when you needed</h2>
313                            <p class="lead">Uniquely underwhelm premium outsourcing with proactive leadership skills. </p>
314                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. Ut placerat dui eu nulla
315                                congue tincidunt ac a nibh. Mauris accumsan pulvinar lorem placerat volutpat. Praesent quis facilisis elit. Sed condimentum neque quis ex porttitor,
316                            </p>
317                            <p> malesuada faucibus augue aliquet. Sed elit est, eleifend sed dapibus a, semper a eros. Vestibulum blandit vulputate pharetra. Phasellus lobortis leo a nisl euismod, eu faucibus justo sollicitudin. Mauris consectetur, tortor
318                                sed tempor malesuada, sem nunc porta augue, in dictum arcu tortor id turpis. Proin aliquet vulputate aliquam.
319                            </p>
320                        </div>
321                        <img src="images/graphic.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
322                    </div>
323                </div>
324            </div>
325
326
327        </div>
328    </div> -->
329    <!-- // end .section -->
330
331    <!-- <div class="section">
332
333        <div class="container">
334            <div class="row">
335                <div class="col-md-6">
336                    <img src="images/dualphone.png" alt="dual phone" class="img-fluid">
337                </div>
338                <div class="col-md-6 d-flex align-items-center">
339                    <div>
340                        <div class="box-icon"><span class="ti-rocket gradient-fill ti-3x"></span></div>
341                        <h2>
341Launch your App</h2>
342                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati vel exercitationem eveniet vero maxime ratione </p>
343                        <a href="#" class="btn btn-primary">Read more</a></div>
344                </div>
345            </div>
346
347        </div>
348
349    </div> -->
350    <!-- // end .section -->
351
352
353<!--
354    <div class="section">
355        <div class="container">
356            <div class="section-title">
357                <small>TESTIMONIALS</small>
358                <h3>What our Customers Says</h3>
359            </div>
360
361            <div class="testimonials owl-carousel">
362                <div class="testimonials-single">
363                    <img src="images/client.png" alt="client" class="client-img">
364                    <blockquote class="blockquote">Uniquely streamline highly efficient scenarios and 24/7 initiatives. Conveniently embrace multifunctional ideas through proactive customer service. Distinctively conceptualize 2.0 intellectual capital via user-centric partnerships.</blockquote>
365                    <h5 class="mt-4 mb-2">Crystal Gordon</h5>
366                    <p class="text-primary">United States</p>
367                </div>
368                <div class="testimonials-single">
369                    <img src="images/client.png" alt="client" class="client-img">
370                    <blockquote class="blockquote">Uniquely streamline highly efficient scenarios and 24/7 initiatives. Conveniently embrace multifunctional ideas through proactive customer service. Distinctively conceptualize 2.0 intellectual capital via user-centric partnerships.</blockquote>
371                    <h5 class="mt-4 mb-2">Crystal Gordon</h5>
372                    <p class="text-primary">United States</p>
373                </div>
374                <div class="testimonials-single">
375                    <img src="images/client.png" alt="client" class="client-img">
376                    <blockquote class="blockquote">Uniquely streamline highly efficient scenarios and 24/7 initiatives. Conveniently embrace multifunctional ideas through proactive customer service. Distinctively conceptualize 2.0 intellectual capital via user-centric partnerships.</blockquote>
377                    <h5 class="mt-4 mb-2">Crystal Gordon</h5>
378                    <p class="text-primary">United States</p>
379                </div>
380            </div>
381
382        </div>
383
384    </div> -->
385    <!-- // end .section -->
386
387
388
389     <!-- <div class="section" id="pricing">
390        <div class="container">
391            <div class="section-title">
392                <small>PRICING</small>
393                <h3>Upgrade to Pro</h3>
394            </div>
395
396            <div class="card-deck">
397                <div class="card pricing">
398                    <div class="card-head">
399                        <small class="text-primary">PERSONAL</small>
400                        <span class="price">$14<sub>/m</sub></span>
401                    </div>
402                    <ul class="list-group list-group-flush">
403                        <div class="list-group-item">10 Projects</div>
404                        <div class="list-group-item">5 GB Storage</div>
405                        <div class="list-group-item">Basic Support</div>
406                        <div class="list-group-item"><del>Collaboration</del></div>
407                        <div class="list-group-item"><del>Reports and analytics</del></div>
408                    </ul>
409                    <div class="card-body">
410                        <a href="#" class="btn btn-primary btn-lg btn-block">Choose this Plan</a>
411                    </div>
412                </div>
413                <div class="card pricing popular">
414                    <div class="card-head">
415                        <small class="text-primary">FOR TEAMS</small>
416                        <span class="price">$29<sub>/m</sub></span>
417                    </div>
418                    <ul class="list-group list-group-flush">
419                        <div class="list-group-item">Unlimited Projects</div>
420                        <div class="list-group-item">100 GB Storage</div>
421                        <div class="list-group-item">Priority Support</div>
422                        <div class="list-group-item">Collaboration</div>
423                        <div class="list-group-item">Reports and analytics</div>
424                    </ul>
425                    <div class="card-body">
426                        <a href="#" class="btn btn-primary btn-lg btn-block">Choose this Plan</a>
427                    </div>
428                </div>
429                <div class="card pricing">
430                    <div class="card-head">
431                        <small class="text-primary">ENTERPRISE</small>
432                        <span class="price">$249<sub>/m</sub></span>
433                    </div>
434                    <ul class="list-group list-group-flush">
435                        <div class="list-group-item">Unlimited Projects</div>
436                        <div class="list-group-item">Unlimited Storage</div>
437                        <div class="list-group-item">Collaboration</div>
438                        <div class="list-group-item">Reports and analytics</div>
439                        <div class="list-group-item">Web hooks</div>
440                    </ul>
441                    <div class="card-body">
442                        <a href="#" class="btn btn-primary btn-lg btn-block">Choose this Plan</a>
443                    </div>
444                </div>
445            </div>
446            <!-- // end .pricing -->
447
448
449         <!-- </div>
450
451    </div> -->
452    <!-- // end .section -->
453
454
455    <!-- <div class="section pt-0">
456        <div class="container">
457            <div class="section-title">
458                <small>FAQ</small>
459                <h3>Frequently Asked Questions</h3>
460            </div>
461
462            <div class="row pt-4">
463                <div class="col-md-6">
464                    <h4 class="mb-3">Can I try before I buy?</h4>
465                    <p class="light-font mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. </p>
466                    <h4 class="mb-3">What payment methods do you accept?</h4>
467                    <p class="light-font mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. </p>
468
469                </div>
470                <div class="col-md-6">
471                    <h4 class="mb-3">Can I change my plan later?</h4>
472                    <p class="light-font mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. </p>
473                    <h4 class="mb-3">Do you have a contract?</h4>
474                    <p class="light-font mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum, urna eu pellentesque pretium, nisi nisi fermentum enim, et sagittis dolor nulla vel sapien. Vestibulum sit amet mattis ante. </p>
475
476                </div>
477            </div>
478        </div>
479
480    </div> -->
481    <!-- // end .section -->
482
483
484
485
486
487
488
489    <div class="light-bg py-5" id="contact">
490        <div class="container">
491            <div class="row">
492                <div class="col-lg-6 text-center text-lg-left">
493                    <!-- <p class="mb-2"> <span class="ti-location-pin mr-2"></span> 1485 Pacific St, Brooklyn, NY 11216 USA</p>
494                    <div class=" d-block d-sm-inline-block">
495                        <p class="mb-2">
496                            <span class="ti-email mr-2"></span> <a class="mr-4" href="mailto:[email protected]">[email protected]</a>
497                        </p>
498                    </div> -->
499                    <div class="d-block d-sm-inline-block">
500                        <!-- <p class="mb-0">
501                            <span class="ti-headphone-alt mr-2"></span> <a href="tel:51836362800">518-3636-2800</a>
502                        </p> -->
503                    </div>
504
505                </div>
506                <div class="col-lg-6">
507                    <div class="social-icons">
508                        <a href="https://github.com/carcme/CarcIntervalTimer"><span class="ti-github"></span></a>
509                        <a href="https://play.google.com/store/apps/details?id=me.carc.carcintervaltimer"><span class="ti-android"></span></a>
510                        <a href="https://carcmedev.github.io/"><span class="ti-home"></span></a>
511                    </div>
512                </div>
513            </div>
514
515        </div>
516
517    </div>
518    <!-- // end .section -->
519
520    <footer class="my-5 text-center">
521        <!-- Copyright removal is not prohibited! -->
522        <p class="mb-2"><small>COPYRIGHT © 2018. ALL RIGHTS RESERVED. Template By <a href="https://colorlib.com">COLORLIB</a></small></p>
523
524        <!-- <small>
525            <a href="#" class="m-2">PRESS</a>
526            <a href="#" class="m-2">TERMS</a>
527            <a href="#" class="m-2">PRIVACY</a>
528        </small> -->
529    </footer>
530
531    <!-- jQuery and Bootstrap -->
532    
532<script src="js/jquery-3.2.1.min.js"></script>
532
533    
533<script src="js/bootstrap.bundle.min.js"></script>
533
534    <!-- Plugins JS -->
535    
535<script src="js/owl.carousel.min.js"></script>
535
536    <!-- Custom JS -->
537    
537<script src="js/script.js"></script>
537
538
539</body>
540
541</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.