Test Page
<html lang="en"><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1" /><!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>Axio</title><!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" /> <link href="css/animate.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet" /> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" /> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- [if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--></head><body> <header></header> <div class="slidersection"> <div class="container"> <div class="slider_content text-center">THE BEST PROJECT YOU'LL EVER WORK ON <br /> IS <b>YOU</b></div> </div> </div> <main> <div class="navdiv"> <ul class="company-subnav list-unstyled wow fadeIn"> <li class="active"><a href="#">About Us</a></li> </ul> </div> <section class="mission full-width padding"> <div class="container"> <div class="row"> <div class="missionsec text-center col-md-10 col-lg-9 centered wow fadeInUp"> <h5>The AXIO Story</h5> <h2>AXIO Centripetal Training was created by Ted Bezemer, an orthopedic Physical Therapist and strength coach based in Park City, Utah with nearly thirty years experience rehabilitating and training athletes of all levels.</h2> </div> </div> <div class="row mission-row reverseimg_sec"> <div class="col-sm-6 content missionsec1 missiondiv wow fadeInLeft"><img src="images/story.png" class="missionicon" /> <h4>The AXIO Story</h4> <p>AXIO Centripetal Training was created by Ted Bezemer, an orthopedic Physical Therapist and strength coach based in Park City, Utah with nearly thirty years experience rehabilitating and training athletes of all levels.Several years ago, Ted injured his shoulder in a hockey game. Although a surgical repair was recommended, he wanted to explore other remedies knowing that surgery should be an option of last resort.</p> </div> <div class="col-sm-6 missionimg missiondiv wow fadeInRight"><img src="images/AXIO-Story.png" class="img-responsive" style="" height="" width="" /></div> </div> <div class="linediv text-center"><img src="images/line2.png" /></div> <div class="row mission-row missionsec2"> <div class="col-sm-6 missionimg missiondiv wow fadeInLeft"><img src="images/Strength-and-Control.png" class="img-responsive" style="" height="" width="" /></div> <div class="col-sm-6 missiondiv content wow fadeInRight"><img src="images/Strength&Control.png" class="missionicon" /> <h4>Need Strength and Control</h4> <p>Traditional therapeutic approaches focus on strengthening which addresses the mechanical stability of a joint. While strengthening is essential, it only solves part of the problem. The other component – one that is often overlooked - is restoring and maximizing neuromuscular control, which is the body’s ability to reactively sense and modulate force. This ‘dual approach’ applies to all joints in the body, but is particularly true of the shoulder, due its design, available range of motion and movement complexity. With this as a guiding principle, the search was on for devices that improved both mechanical stability (strength) and neuromuscular control (preparatory and reactive muscle activation), and to do so simultaneously.</p> </div> </div> <div class="linediv text-center"><img src="images/line.png" /></div> <div class="row mission-row missionsec3 reverseimg_sec"> <div class="col-sm-6 missiondiv content wow fadeInLeft"><img src="images/lead_to_invention.png" class="missionicon" /> <h4>Exploration Leads to Invention</h4> <p>While some rehabilitation and training devices existed that addressed one component fairly well, or maybe a little bit of both, overall they were generally more appropriate for early stages of recovery, low level use and limited ability to progress difficulty. Ted wanted a more substantial and challenging device that could provide progressive training benefits not only for rehab, but also for higher-level performance. So, the next step was to create something that would. Most training involves resistance in only a single direction or plane of motion. Instead, to create a more dynamic training experience, Ted focused on a concept of combining the gravitational resistance like that of a free weight with an internal oscillatory and rotational resistance. This combination of resistance creates a force-multiplier effect that significantly challenges strength and stability. At the same time, it elicits tremendous neuromuscular demand to control the movement of the internal dynamic mass. It also quickly became apparent that training results were achieved in less time, using lighter loads and with minimal joint compressive force. Ted termed the use of combining these forces as Centripetal Training.</p> </div> <div class="col-sm-6 missiondiv missionimg wow fadeInRight"><img src="images/Exploration-Leads-to-Invention.png" class="img-responsive" style="" height="" width="" /></div> </div> <div class="linediv text-center"><img src="images/line2.png" /></div> <div class="row mission-row missionsec4"> <div class="col-sm-6 missiondiv missionimg wow fadeInLeft"><img src="images/Unexpected-Feedback.png" class="img-responsive" style="" height="" width="" /></div> <div class="col-sm-6 missiondiv content wow fadeInRight"><img src="images/feeback.png" class="missionicon" /> <h4>Early Prototypes and Unexpected Feedback</h4> <p>After constructing what seemed to be an endless number of prototypes, Ted figured out what materials and design worked the best. The early examples were no visions of beauty, but they proved the concept worked…and it worked even better than originally envisioned. He avoided shoulder surgery and resumed playing hockey and other sports without limitation. To his surprise, clients would ask to use his rudimentary prototypes in their workouts. Even more surprising, he found that not only did they like how it trained their shoulders and upper back, but also how it engaged other muscles throughout their entire body. They would talk about how they felt it in their core and how they really liked it for conditioning intervals. They also said they just liked how it was different, a bit challenging and actually kind of fun. The positive feedback prompted Ted to experiment with different designs and materials to enhance the resistance, durability, tactile feedback and performance of the device for more fitness and high-level professional training applications. After a three year journey of injury, analysis, inspiration and experimentation, the result is AXIO Centripetal Training.</p> </div> </div> </div> </section> <section class="section2 full-width padding"> <div class="container"> <div class="col-sm-5 missiondiv content wow fadeInLeft"> <h4>AXIO Features</h4> <p>AXIO was developed for rehabilitation and enhanced for professional-level training applications. The solid aluminum frame provides commercial-grade durability and responsiveness. The custom-designed, non-transparent outer channel maximizes internal resistance, force absorption, tactile feedback and proprioceptive challenge. The padded foam central grip and precision carbon steel mass offer greater comfort, consistency and control.</p> </div> <div class="col-sm-7 missiondiv wow fadeInRight"><img src="images/productextra.jpg" id="" class="img-responsive loaded" /></div> </div> </section> <section class="section5 padding full-width wow fadeInUp"> <div class="container"> <div class="row"> <div class="col-md-10 col-lg-8 centered text-center"> <h2>Do You Have What It Takes?</h2> <p>Strength Alone Isn't Enough</p> <a href="#" class="btn btn-primary mktoButton">From $89 - Shop Now</a></div> </div> </div> </section> <section class="section6 full-width"> <div class="container"> <div class="testimonial_sec"><!-- Nav tabs --> <ul class="nav nav-tabs testimonial-nav list-unstyled" role="tablist"> <li role="presentation" class="active"><a href="#testi1" aria-controls="home" role="tab" data-toggle="tab"><img src="images/testi1-small.png" /></a></li> <li role="presentation" class="wow fadeInUp delay1"><a href="#testi2" aria-controls="profile" role="tab" data-toggle="tab"><img src="images/testi2-small.png" /></a></li> <li role="presentation" class="wow fadeInUp delay2"><a href="#testi3" aria-controls="messages" role="tab" data-toggle="tab"><img src="images/testi3-small.png" /></a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="testi1"> <div class="col-sm-6 testi_img wow fadeInLeft"><img src="images/testi1.png" class="img-responsive" /></div> <div class="col-sm-6 testi_content wow fadeInRight"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div role="tabpanel" class="tab-pane" id="testi2"> <div class="col-sm-6 testi_img wow fadeInLeft"><img src="images/testi2.png" class="img-responsive" /></div> <div class="col-sm-6 testi_content wow fadeInRight"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div role="tabpanel" class="tab-pane" id="testi3"> <div class="col-sm-6 testi_img wow fadeInLeft"><img src="images/testi3.png" class="img-responsive" /></div> <div class="col-sm-6 testi_content wow fadeInRight"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> </div> </div> </div> </section> <section class="section7 full-width padding"> <div class="container"> <div class="slidesec"> <h2 class="text-center wow fadeIn">Everyday life at AXIO</h2> <ul class="bxslider"> <li><img src="images/testi1.jpg" /></li> <li><img src="images/testi2.jpg" /></li> <li><img src="images/testi3.jpg" /></li> <li><img src="images/testi1.jpg" /></li> <li><img src="images/testi2.jpg" /></li> <li><img src="images/testi3.jpg" /></li> <li><img src="images/testi1.jpg" /></li> <li><img src="images/testi2.jpg" /></li> <li><img src="images/testi3.jpg" /></li> <li><img src="images/testi1.jpg" /></li> <li><img src="images/testi2.jpg" /></li> <li><img src="images/testi3.jpg" /></li> </ul> <div class="outside"><span id="slider-prev"><i class="fa fa-angle-left"></i></span><span id="slider-next"><i class="fa fa-angle-right"></i></span></div> </div> </div> </section> <section class="section8 full-width padding"> <div class="container"> <div class="col-sm-8 centered axio_infosec text-center"> <h3>It's nice here</h3> <p>AXIO is perfect for individual and group training. It comes complete with AXIO-specific workouts and is easily combined into circuit, HIIT, Pilates, Yoga, indoor cycling, athletic training and rehabilitation programs.</p> <div class="findjobntn"><a href="#">Find Your Job</a></div> </div> </div> </section> </main> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="js/bootstrap.min.js"></script><script src="js/jquery.bxslider.js"></script><script src="js/wow.min.js"></script><script type="text/javascript"> jQuery(function($){ var width = $(window).width(); if(width>768){ var slider = $('.bxslider').bxSlider({ minSlides: 1, moveSlides:1, maxSlides: 3, pager:false, controls:false, slideWidth: 280, slideMargin: 0, onSlideBefore : function($slideElement, oldIndex, newIndex){ $(".bxslider li").removeClass("active-slide"); $slideElement.next().addClass("active-slide"); }, onSliderLoad:function(index){ $(".bxslider li").eq(1+$(".bxslider .bx-clone").length/2).addClass("active-slide"); } }); } else { /* MObile View */ var slider = $('.bxslider').bxSlider({ minSlides: 1, moveSlides:1, maxSlides: 1, pager:false, controls:false, slideWidth: 150, slideMargin: 0, onSlideBefore : function($slideElement, oldIndex, newIndex){ // your code here $(".bxslider li").removeClass("active-slide"); $slideElement.next().addClass("active-slide"); }, onSliderLoad:function(index){ $(".bxslider li").eq(1+$(".bxslider .bx-clone").length/2).addClass("active-slide"); } }); } $('#slider-next').click(function(){ slider.goToNextSlide(); return false; }); $('#slider-prev').click(function(){ slider.goToPrevSlide(); return false; }); }); </script><script> AOS.init({ easing: 'ease-in-out-sine' }); setInterval(addItem, 300); var itemsCounter = 1; var container = document.getElementById('aos-demo'); function addItem () { if (itemsCounter > 42) return; var item = document.createElement('div'); item.classList.add('wrapper'); item.setAttribute('data-aos', 'fade-up' ); item.innerHTML = '<div class="wrapper"><div>' + '</div></div>'; container.appendChild(item); itemsCounter++; } </script></body></html>