crosstrack.github.io/index.html at master · CrossTrack/crosstrack.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8>  <title>Activ8</title> <meta name=description> <meta name=viewport content="width=device-width, initial-scale=1.0">    <link href="http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,400,300italic" rel=stylesheet type=text/css> <link href="http://fonts.googleapis.com/css?family=Stardos+Stencil:700" rel=stylesheet type=text/css>  <link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css>  <link rel=stylesheet href=assets/elegant-icons/style.css> <link rel=stylesheet href=assets/app-icons/styles.css> <link rel=stylesheet href=bower_components/octicons/octicons/octicons.css> <link rel=stylesheet href="http://cdnjs.cloudflare.com/ajax/libs/octicons/2.1.2/octicons.min.css"><!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->  <link rel=stylesheet href=styles/main.css> </head> <body>  <main class=cd-main-content>  <div class="cd-fixed-bg cd-bg-1" id=home> <div class=color-overlay>  <div class=row> <div class="col-md-6 col-sm-6"> <h1 class="logo-text white-text">Activ8</h1> <div class=intro-section> <h2 class="h1 tagline">Fitness Goals At Your Fingertips.</h2>  <a class="btn btn-default btn-lg standard-button" href=#intro-activ8>Learn more</a> <a class="btn btn-default btn-lg standard-button" id=btn-download href=http://activ8.fitness/crosstrackapp><i class=icon-app-download></i>Download App</a> </div> </div> </div> </div> </div>  <div class="cd-scrolling-bg cd-color-1 features" id=intro-activ8> <div class=cd-container>  <section id=intro-activ8 class="section-header product-description">  <h2 class=white-text>Features You Need</h2> <div class=colored-line> </div> </section> <div class=row>  <section class="login-screen col-md-6 col-sm-12">  <div class=phone-image> <img src=images/iphone-dashboard.png> </div> </section>  <div class="col-md-4 col-sm-12 features-right">  <div class=feature>  <div class=icon-container> <div class=icon> <i class=icon_genius></i> </div> </div>  <div class=feature-details> <h4 class="h3 main-color">Record Workouts</h4> <p> Log workouts in seconds. Keep track of all of your Personal Records for when you hit that big lift. </p> </div> </div>   <div class=feature>  <div class=icon-container> <div class=icon> <i class=icon_lightbulb_alt></i> </div> </div>  <div class=feature-details> <h4 class="h3 main-color">Set Goals</h4> <p> Stay focused by setting step, weight and activity goals. </p> </div> </div>   <div class=feature>  <div class=icon-container> <div class=icon> <i class=icon_ribbon_alt></i> </div> </div>  <div class=feature-details> <h4 class="h3 main-color">Push Your Progress</h4> <p> A few quick entries and your workout is logged and compared against prior workouts to track your progress. </p> </div> </div>  </div>  </div> <a class="glyphicon glyphicon-chevron-down" href=#about-activ8 role=button></a> </div> </div> <div class="cd-fixed-bg cd-bg-2"> </div>  <div class="cd-scrolling-bg cd-color-2 features"> <div class=cd-container> <div id=about-activ8 class=product-description> <div class=row>  <section class="main-description col-md-4 col-sm-4 features-left"> <p>Activ8 is easy to use and has all your favorite named workouts pre-programmed so when you go out and kick Fran's ass in a time of 2 minutes flat you can select Fran from the dropdown and it pre-populates for you.</p> <p>Log all your workouts and Personal Records for when you hit that big lift</p> <p>View your progress for each movement.</p> </section> <section class="dash col-xs-12 col-md-6"> <img src=images/iphones.png> </section> </div> <a class="glyphicon glyphicon-chevron-down" href=#contact-activ8 role=button></a> </div> </div> </div> <div class="cd-fixed-bg cd-bg-3"> </div>  <div class="cd-scrolling-bg cd-color-1 team" id=contact-activ8> <div class=cd-container>  <section id=intro-activ8 class="section-header product-description">  <h2 class=white-text>The Team</h2> <div class=col-md-4> <div class=image> <img src=images/logan.jpeg> </div> <h3>Logan Arnett</h3>  <ul class="list-unstyled list-inline social-icons"> <li><a rel=external target=_blank href=https://github.com/LoganArnett><span class="octicon octicon-octoface"></span></a></li> <li><a rel=external target=_blank href=https://twitter.com/RxNerd><i class=social_twitter_square></i></a></li> <li><a rel=external target=_blank href=http://www.linkedin.com/in/loganarnett><i class=social_linkedin_square></i></a></li> </ul> </div> <div class=col-md-4> <div class=image> <img src=images/nicholas.jpeg> </div> <h3>Nicholas Hare</h3>  <ul class="list-unstyled list-inline social-icons"> <li><a rel=external target=_blank href=https://github.com/nhare><span class="octicon octicon-octoface"></span></a></li> <li><a rel=external target=_blank href=https://twitter.com/HareOP><i class=social_twitter_square></i></a></li> <li><a rel=external target=_blank href=http://www.linkedin.com/pub/nicholas-hare/64/b0a/41a><i class=social_linkedin_square></i></a></li> </ul> </div> <div class=col-md-4> <div class=image> <img src=images/fabi.jpeg> </div> <h3>Fabi Castillo</h3>  <ul class="list-unstyled list-inline social-icons"> <li><a rel=external target=_blank href=https://github.com/fab9><span class="octicon octicon-octoface"></span></a></li> <li><a rel=external target=_blank href=http://twitter.com/fab9><i class=social_twitter_square></i></a></li> <li><a rel=external target=_blank href="http://www.linkedin.com/in/fabicastillo/"><i class=social_linkedin_square></i></a></li> </ul> </div> </section> </div> </div>  </main> <script src=https://code.jquery.com/jquery-1.11.0.min.js></script> <script>
  $(function() {
    $('a[href*=#]:not([href=#])').click(function() {
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
          $('html,body').animate({
            scrollTop: target.offset().top
          }, 1000);
          return false;
        }
      }
    });
  });
  </script> </body> </html>