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>
![](images/abt-1.jpg)
Cras dolor ligula
Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat.
![](images/abt-2.jpg)
Cras dolor ligula
Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat.
![](images/abt-3.jpg)
Cras dolor ligula
Phasellus auctor vulputate egestas. Nulla facilisi. Cras dolor ligula, pharetra vitae efficitur ac, tempus vitae nisl. Aliquam erat volutpat.