http://cdn4.skechers-usa.com/img/productimages/xlargehttp://cdn4.skechers-usa.com/img/productimages/largehttp://cdn3.skechers-usa.com/img/productimages/xsmallhttp://cdn2.skechers-usa.com/c/uhttp://cdn3.skechers-usa.com/img/productimages/smallhttp://cdn3.skechers-usa.com/img/productimages/mediumhttp://cdn1.skechers-usa.com/cskechers.secure.d8d806b3326fe8319ef7065ea41ad7bcdaa4046a.jsskechers.76e09598476a5909930ba63b723e87e2b7d6b0cd.jsorg.jnp.interfaces.NamingContext@2f1378c6skechers.secure.314ba79cf26f77f0c353ebc1307ab9abd9dc2f52.xslskechers.b246eb906eda12f5718ef090a4367186f05b2ff1.xslskechers.product.1264034b2f6f38cf6314bb92b103769674df5be4.jsskechers.secure.7768fc5cd52bbd4cf37f7fac789f8ab2bfe8e117.cssskechers.6129e9ea536a92c5b7e8be79b346e113b909df96.cssskechers.secure.c3250a6fbd7927734759edb11f3a61cf0446f81d.jsorg.jnp.interfaces.NamingContext@275e274fskechers.ef55d0e315518269a357ab8e12a7fbade4ef759f.jsm.skechers.secure.57daf1c6990a779ebb6fb5d2ed4d2dbcf7331b1d.xslm.skechers.60b362f23061bc5897555788debb7abf9d24d7b5.xsl<script language="javascript">
function adminJS(){
toggle();
//setupFacebook(window.location.protocol+"//"+window.location.hostname+ $("#likeUrl").val());
$.getScript("http://sh.skechers.com/skechers/landing-pages/js/landing.js", function(){
var options = {scroll: 170};
setupFitnessLandingPage(options)
});
}
function toggle() {
$(document).click(
function (event) {
if(event.target.id == "showVideo"){
$(this).find("#video").show();
$(this).find("#video iframe").attr("src","http://player.vimeo.com/video/42665963");
}
else{
$(this).find("#video").hide();
$(this).find("#video iframe").attr("src","");
}
}
);
}
setTimeout(adminJS, 1000);
WebFontConfig = {
google: { families: [ 'Lato:300,400,900:latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<style>
/*CSS and HTML here is flexible, the only important CSS information / structure is*/
/*.page - height*/
/*.bottom - height*/
/*These control the sliding viewport*/
.scrollWrapper{
font-family:lato;
width: 974px;
height: 1900px;
margin: 0 auto;
position: relative; }
.top{background:url(http://sh.skechers.com/skechers/landing-pages/bootstrap/go-run-ride/img/grr-top-content-3.jpg) no-repeat scroll 50%;
position: absolute;
z-index: 20;
height: 540px;
width: 974px;
left: 0px;
top: -1px;
}
.top a {color:#fff; text-decoration:none;}
.bottom{background: #000 url(http://sh.skechers.com/skechers/landing-pages/bootstrap/go-run-ride/img/grr-bottom-content-2.jpg) no-repeat scroll;
color:#000;
/*THE HEIGHT PORTION OF THE HIDDEN BG IMAGE SHOWN*/
height: 1337px;
position: absolute;
/*Pixel Amount Hidden COMMENT OUT TO JUST WORK ON BOTTOM CONTENT */
left: 0;
width: 974px;
margin: 0 auto;
top: 92px;
}
.bottomWrap{ position: fixed;width: 974px; margin: 0 auto;}
/*random css class*/
.top img{ padding:4px; }
.top-content{position:absolute;height: 82px;width: 692px;font-size:18px;color: #fff;left: 90px;top: 343px;text-align:left; }
.top-button{
position:absolute;
text-align:center;
padding:5px;
height: 53px;
width: 249px;
font-size:18px;
color: #fff;
left: 255px;
top: 443px;
text-align:left;
}
.bottom-content-buttons{
text-align:left;
font-size:16px;
position:absolute;
height: 50px;
width: 479px;
padding:5px;
color: #fff;
left: 255px;
top: 766px;
display:none;
}
.bottom-content-buttons img{ padding:10px; }
.bottom-content{text-align:left;font-size:18px;position:absolute;height: 443px;width: 511px;color: #fff;left: 60px;top: 310px;}
.bottom-content li{list-style-type:disc;}
.bottom-content h1{font-size:14px; font-weight:bolder; font-style:italic;}
.bottomContent{ border: 2px solid #f00; height: 40px;width: 200px; color: #fff; }
.m-strike {
text-align:left;
font-size:13px;
position:absolute;
height: 111px;
width: 247px;
padding:5px;
left:213px;
top: 308px;
}
.go-impulse {
text-align:left;
font-size:13px;
position:absolute;
height: 50px;
width: 189px;
padding:5px;
left:720px;
top: 230px;
}
.go-impulse-2 {
text-align:left;
font-size:13px;
position:absolute;
height:50px;
width: 189px;
padding:5px;
left:720px;
top: 350px;
}
.lightweight {
text-align:left;
font-size:13px;
position:absolute;
height: 70px;
width: 176px;
padding:5px;
left:103px;
top: 593px;
}
.responsive {
text-align:left;
font-size:13px;
position:absolute;
height: 70px;
width: 176px;
padding:5px;
left:409px;
top: 613px;
}
.roomier {
text-align:left;
font-size:13px;
position:absolute;
height: 70px;
width: 176px;
padding:5px;
left:720px;
top: 595px;
}
#video{
display: none;
position: absolute;
top: -1px;
z-index: 50;
}
/* start shoe magnify section*/
#dio-lens{ z-index: 2000;}
#dio-sensor{ z-index: 2001; cursor:crosshair;}
#zoomDiv{border:1px solid #000; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.magnify-section li a { width: 107px; height:86px;float:left;}
.magnify-section{width: 515px;margin:3px 0 0 77px;text-align: center;position:absolute;left: -49px;top: 29px;}
.magnify-text {color:#fff;font-size:10px;}
/*end shoe magnify section*/
</style>
<link href='http://fonts.googleapis.com/css?family=Lato:400,900' rel='stylesheet' type='text/css'>
<div class="scrollWrapper">
<!-- Top container -->
<div class="topWrap">
<div class="top">
<div class="top-content">Skechers GOrun ride provides a cushioned running experience.</div>
<div class="top-button"><a id="showVideo" href="#"><img src="http://sh.skechers.com/skechers/landing-pages/go-run-ride/img/play.png" align="absmiddle" border="0"/>PLAY VIDEO</a></div>
</div>
<div id="video">
<iframe width="974" height="548" frameborder="0" allowfullscreen=""></iframe>
</div>
<div class="bottomWrap">
<div class="bottom">
<div class="m-strike">Skechers GOrun ride features M-strike technology engineered to promote a mid-foot strike, which can help transform impact into reusable energy. It's the key to efficient running.</div>
<div class="go-impulse">
Independent circular sensors deliver feedback for an interactive running experience.</div>
<div class="go-impulse-2">GOimpulse pillars linked at strike points for added stability and control.</div>
<div class="lightweight">
No extra material. No extra weight. Nothing to slow you down.</div>
<div class="responsive">
Skechers GOrun ride flexes and twists allowing your foot to move more naturally.</div>
<div class="roomier">
Extra space to allow your toes to spread, grip and push off.</div>
</div>
<div class="bottom-content-buttons"><a href="/style/53507/skechers-gorun-ride/lmbl"><img src="http://sh.skechers.com/skechers/landing-pages/go-run-ride/img/shop-men.png" border="0"/></a> <a href="/style/13505/skechers-gorun-ride-ultra/bkw"><img src="http://sh.skechers.com/skechers/landing-pages/go-run-ride/img/shop-women.png" border="0"/></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
false