Difference between revisions of "Team:FAFU-CHINA"
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
− | <link href=" | + | <head> |
− | < | + | <title>Home</title> |
− | < | + | <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> |
− | < | + | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
− | < | + | <script src="js/jquery-1.11.0.min.js"></script> |
− | </ | + | <!-- Custom Theme files --> |
− | </ | + | <!--theme-style--> |
− | + | <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> | |
− | < | + | <!--//theme-style--> |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | </ | + | <meta name="keywords" content="Free Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, |
− | </ | + | Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> |
− | + | <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> | |
− | </ | + | <!--fonts--> |
− | <div | + | <link href='http://fonts.useso.com/css?family=Alegreya+Sans+SC:100,300,400,500,700,800,900,100italic,300italic,400italic,500italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'> |
− | + | <link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'> | |
− | + | <!--//fonts--> | |
− | + | <script type="text/javascript" src="js/move-top.js"></script> | |
− | + | <script type="text/javascript" src="js/easing.js"></script> | |
− | < | + | <script type="text/javascript"> |
− | </ | + | jQuery(document).ready(function($) { |
− | + | $(".scroll").click(function(event){ | |
− | + | event.preventDefault(); | |
− | <a href=" | + | $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); |
− | + | }); | |
− | </a> | + | }); |
− | + | </script> | |
− | + | <!-- start menu --> | |
− | <a href=" | + | <script src="js/simpleCart.min.js"> </script> |
− | + | <link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" /> | |
− | </a> | + | <script type="text/javascript" src="js/memenu.js"></script> |
− | + | <script>$(document).ready(function(){$(".memenu").memenu();});</script> | |
− | + | </head> | |
− | + | <body> | |
− | <div | + | <!--top-header--> |
− | </ | + | <div class="top-header"> |
− | + | <div class="container"> | |
− | < | + | <div class="top-header-main"> |
− | + | <div class="col-md-4 top-header-left"> | |
− | + | <div class="search-bar"> | |
− | + | <input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"> | |
− | + | <input type="submit" value=""> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-md-4 top-header-middle"> | |
− | </div> | + | <a href="index.html"><img src="images/logo-4.png" alt="" /></a> |
− | <div | + | </div> |
− | <div | + | <div class="col-md-4 top-header-right"> |
− | + | <div class="cart box_1"> | |
− | </div> | + | <a href="checkout.html"> |
− | </div> | + | <h3> <div class="total"> |
+ | <span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div> | ||
+ | <img src="images/cart-1.png" alt="" /> | ||
+ | </a> | ||
+ | <p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a></p> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!--top-header--> | ||
+ | <!--bottom-header--> | ||
+ | <div class="header-bottom"> | ||
+ | <div class="container"> | ||
+ | <div class="top-nav"> | ||
+ | <ul class="memenu skyblue"><li class="active"><a href="index.html">Home</a></li> | ||
+ | <li class="grid"><a href="#">Men</a> | ||
+ | <div class="mepanel"> | ||
+ | <div class="row"> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Shop</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">New Arrivals</a></li> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">login</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">My Shopping Bag</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Style Zone</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Style Videos</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Popular Brands</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Levis</a></li> | ||
+ | <li><a href="products.html">Persol</a></li> | ||
+ | <li><a href="products.html">Nike</a></li> | ||
+ | <li><a href="products.html">Edwin</a></li> | ||
+ | <li><a href="products.html">New Balance</a></li> | ||
+ | <li><a href="products.html">Jack & Jones</a></li> | ||
+ | <li><a href="products.html">Paul Smith</a></li> | ||
+ | <li><a href="products.html">Ray-Ban</a></li> | ||
+ | <li><a href="products.html">Wood Wood</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="grid"><a href="#">Women</a> | ||
+ | <div class="mepanel"> | ||
+ | <div class="row"> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Shop</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">New Arrivals</a></li> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">login</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">My Shopping Bag</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Style Zone</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Style Videos</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Popular Brands</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Levis</a></li> | ||
+ | <li><a href="products.html">Persol</a></li> | ||
+ | <li><a href="products.html">Nike</a></li> | ||
+ | <li><a href="products.html">Edwin</a></li> | ||
+ | <li><a href="products.html">New Balance</a></li> | ||
+ | <li><a href="products.html">Jack & Jones</a></li> | ||
+ | <li><a href="products.html">Paul Smith</a></li> | ||
+ | <li><a href="products.html">Ray-Ban</a></li> | ||
+ | <li><a href="products.html">Wood Wood</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="grid"><a href="#">Kids</a> | ||
+ | <div class="mepanel"> | ||
+ | <div class="row"> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Shop</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">New Arrivals</a></li> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">login</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">My Shopping Bag</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Style Zone</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Style Videos</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Popular Brands</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Levis</a></li> | ||
+ | <li><a href="products.html">Persol</a></li> | ||
+ | <li><a href="products.html">Nike</a></li> | ||
+ | <li><a href="products.html">Edwin</a></li> | ||
+ | <li><a href="products.html">New Balance</a></li> | ||
+ | <li><a href="products.html">Jack & Jones</a></li> | ||
+ | <li><a href="products.html">Paul Smith</a></li> | ||
+ | <li><a href="products.html">Ray-Ban</a></li> | ||
+ | <li><a href="products.html">Wood Wood</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="grid"><a href="#">Sports</a> | ||
+ | <div class="mepanel"> | ||
+ | <div class="row"> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Shop</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">New Arrivals</a></li> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">login</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">My Shopping Bag</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Style Zone</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Style Videos</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Popular Brands</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Levis</a></li> | ||
+ | <li><a href="products.html">Persol</a></li> | ||
+ | <li><a href="products.html">Nike</a></li> | ||
+ | <li><a href="products.html">Edwin</a></li> | ||
+ | <li><a href="products.html">New Balance</a></li> | ||
+ | <li><a href="products.html">Jack & Jones</a></li> | ||
+ | <li><a href="products.html">Paul Smith</a></li> | ||
+ | <li><a href="products.html">Ray-Ban</a></li> | ||
+ | <li><a href="products.html">Wood Wood</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="grid"><a href="#">Brands</a> | ||
+ | <div class="mepanel"> | ||
+ | <div class="row"> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Shop</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">New Arrivals</a></li> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">login</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">My Shopping Bag</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Style Zone</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Men</a></li> | ||
+ | <li><a href="products.html">Women</a></li> | ||
+ | <li><a href="products.html">Brands</a></li> | ||
+ | <li><a href="products.html">Kids</a></li> | ||
+ | <li><a href="products.html">Accessories</a></li> | ||
+ | <li><a href="products.html">Style Videos</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col1 me-one"> | ||
+ | <h4>Popular Brands</h4> | ||
+ | <ul> | ||
+ | <li><a href="products.html">Levis</a></li> | ||
+ | <li><a href="products.html">Persol</a></li> | ||
+ | <li><a href="products.html">Nike</a></li> | ||
+ | <li><a href="products.html">Edwin</a></li> | ||
+ | <li><a href="products.html">New Balance</a></li> | ||
+ | <li><a href="products.html">Jack & Jones</a></li> | ||
+ | <li><a href="products.html">Paul Smith</a></li> | ||
+ | <li><a href="products.html">Ray-Ban</a></li> | ||
+ | <li><a href="products.html">Wood Wood</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--bottom-header--> | ||
+ | <!--banner-starts--> | ||
+ | <div class="bnr" id="home"> | ||
+ | <div id="top" class="callbacks_container"> | ||
+ | <ul class="rslides" id="slider4"> | ||
+ | <li> | ||
+ | <div class="banner-1"></div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="banner-2"></div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="banner-3"></div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <!--banner-ends--> | ||
+ | <!--Slider-Starts-Here--> | ||
+ | <script src="js/responsiveslides.min.js"></script> | ||
+ | <script> | ||
+ | // You can also use "$(window).load(function() {" | ||
+ | $(function () { | ||
+ | // Slideshow 4 | ||
+ | $("#slider4").responsiveSlides({ | ||
+ | auto: true, | ||
+ | pager: true, | ||
+ | nav: false, | ||
+ | speed: 500, | ||
+ | namespace: "callbacks", | ||
+ | before: function () { | ||
+ | $('.events').append("<li>before event fired.</li>"); | ||
+ | }, | ||
+ | after: function () { | ||
+ | $('.events').append("<li>after event fired.</li>"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <!--End-slider-script--> | ||
+ | <!--start-banner-bottom--> | ||
+ | <div class="banner-bottom"> | ||
+ | <div class="container"> | ||
+ | <div class="banner-bottom-top"> | ||
+ | <div class="col-md-6 banner-bottom-left"> | ||
+ | <div class="bnr-one"> | ||
+ | <div class="bnr-left"> | ||
+ | <h1><a href="single.html">Duis dictum volutpat</a></h1> | ||
+ | <p>Nulla tempus facilisis purus at.</p> | ||
+ | <div class="b-btn"> | ||
+ | <a href="single.html">SHOP NOW</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="bnr-right"> | ||
+ | <a href="single.html"><img src="images/b-1.jpg" alt="" /></a> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6 banner-bottom-right"> | ||
+ | <div class="bnr-two"> | ||
+ | <div class="bnr-left"> | ||
+ | <h2><a href="single.html">Phasellus quis nunc</a></h2> | ||
+ | <p>Nulla tempus facilisis purus at.</p> | ||
+ | <div class="b-btn"> | ||
+ | <a href="single.html">SHOP NOW</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="bnr-right"> | ||
+ | <a href="single.html"><img src="images/b-2.jpg" alt="" /></a> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--end-banner-bottom--> | ||
+ | <!--start-shoes--> | ||
+ | <div class="shoes"> | ||
+ | <div class="container"> | ||
+ | <div class="product-one"> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-1.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-2.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-3.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-13.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | <div class="product-one"> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-5.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-6.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-7.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3 product-left"> | ||
+ | <div class="p-one simpleCart_shelfItem"> | ||
+ | |||
+ | <a href="single.html"> | ||
+ | <img src="images/shoes-8.png" alt="" /> | ||
+ | <div class="mask"> | ||
+ | <span>Quick View</span> | ||
+ | </div> | ||
+ | </a> | ||
+ | <h4>Aenean placerat</h4> | ||
+ | <p><a class="item_add" href="#"><i></i> <span class=" item_price">$329</span></a></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--end-shoes--> | ||
+ | <!--start-abt-shoe--> | ||
+ | <div class="abt-shoe"> | ||
+ | <div class="container"> | ||
+ | <div class="abt-shoe-main"> | ||
+ | <div class="col-md-4 abt-shoe-left"> | ||
+ | <div class="abt-one"> | ||
+ | <a href="single.html"><img src="images/abt-1.jpg" alt="" /></a> | ||
+ | <h4><a href="single.html">Cras dolor ligula</a></h4> | ||
+ | <p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 abt-shoe-left"> | ||
+ | <div class="abt-one"> | ||
+ | <a href="single.html"><img src="images/abt-2.jpg" alt="" /></a> | ||
+ | <h4><a href="single.html">Cras dolor ligula</a></h4> | ||
+ | <p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 abt-shoe-left"> | ||
+ | <div class="abt-one"> | ||
+ | <a href="single.html"><img src="images/abt-3.jpg" alt="" /></a> | ||
+ | <h4><a href="single.html">Cras dolor ligula</a></h4> | ||
+ | <p>Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--end-abt-shoe--> | ||
+ | <!--start-footer--> | ||
+ | <div class="footer"> | ||
+ | <div class="container"> | ||
+ | <div class="footer-top"> | ||
+ | <div class="col-md-3 footer-left"> | ||
+ | <h3>ABOUT US</h3> | ||
+ | <ul> | ||
+ | <li><a href="#">Who We Are</a></li> | ||
+ | <li><a href="contact.html">Contact Us</a></li> | ||
+ | <li><a href="#">Our Sites</a></li> | ||
+ | <li><a href="#">In The News</a></li> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | <li><a href="#">Carrers</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-3 footer-left"> | ||
+ | <h3>YOUR ACCOUNT</h3> | ||
+ | <ul> | ||
+ | <li><a href="account.html">Your Account</a></li> | ||
+ | <li><a href="#">Personal Information</a></li> | ||
+ | <li><a href="contact.html">Addresses</a></li> | ||
+ | <li><a href="#">Discount</a></li> | ||
+ | <li><a href="#">Track your order</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-3 footer-left"> | ||
+ | <h3>CUSTOMER SERVICES</h3> | ||
+ | <ul> | ||
+ | <li><a href="#">FAQ</a></li> | ||
+ | <li><a href="#">Shipping</a></li> | ||
+ | <li><a href="#">Cancellation</a></li> | ||
+ | <li><a href="#">Returns</a></li> | ||
+ | <li><a href="#">Bulk Orders</a></li> | ||
+ | <li><a href="#">Buying Guides</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-3 footer-left"> | ||
+ | <h3>CATEGORIES</h3> | ||
+ | <ul> | ||
+ | <li><a href="#">Sports Shoes</a></li> | ||
+ | <li><a href="#">Casual Shoes</a></li> | ||
+ | <li><a href="#">Formal Shoes</a></li> | ||
+ | <li><a href="#">Party Shoes</a></li> | ||
+ | <li><a href="#">Ethnic</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clearfix"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--end-footer--> | ||
+ | <!--end-footer-text--> | ||
+ | <div class="footer-text"> | ||
+ | <div class="container"> | ||
+ | <div class="footer-main"> | ||
+ | <p class="footer-class">Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | /* | ||
+ | var defaults = { | ||
+ | containerID: 'toTop', // fading element id | ||
+ | containerHoverID: 'toTopHover', // fading element hover id | ||
+ | scrollSpeed: 1200, | ||
+ | easingType: 'linear' | ||
+ | }; | ||
+ | */ | ||
+ | |||
+ | $().UItoTop({ easingType: 'easeOutQuart' }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> | ||
+ | </div> | ||
+ | <!--end-footer-text--> | ||
+ | </body> | ||
</html> | </html> | ||
− | |||
− |
Revision as of 16:45, 21 August 2015
<!DOCTYPE html>
Cras dolor ligula
Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat.
Cras dolor ligula
Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat.
Cras dolor ligula
Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat.