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> </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.