<!DOCTYPE html>
<html>
<head>
<title>Short Codes</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- 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="Shopin Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndroId Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--theme-style-->
<link href="css/style4.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<script src="js/jquery.min.js"></script>
<!--- start-rate---->
<script src="js/jstarbox.js"></script>
<link rel="stylesheet" href="css/jstarbox.css" type="text/css" media="screen" charset="utf-8" />
<script type="text/javascript">
jQuery(function() {
jQuery('.starbox').each(function() {
var starbox = jQuery(this);
starbox.starbox({
average: starbox.attr('data-start-value'),
changeable: starbox.hasClass('unchangeable') ? false : starbox.hasClass('clickonce') ? 'once' : true,
ghosting: starbox.hasClass('ghosting'),
autoUpdateAverage: starbox.hasClass('autoupdate'),
buttons: starbox.hasClass('smooth') ? false : starbox.attr('data-button-count') || 5,
stars: starbox.attr('data-star-count') || 5
}).bind('starbox-value-changed', function(event, value) {
if(starbox.hasClass('random')) {
var val = Math.random();
starbox.next().text(' '+val);
return val;
}
})
});
});
</script>
<!---//End-rate---->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="head">
<div class=" logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
</div>
</div>
<div class="header-top">
<div class="container">
<div class="col-sm-5 col-md-offset-2 header-login">
<ul >
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
<div class="col-sm-5 header-social">
<ul >
<li><a href="#"><i></i></a></li>
<li><a href="#"><i class="ic1"></i></a></li>
<li><a href="#"><i class="ic2"></i></a></li>
<li><a href="#"><i class="ic3"></i></a></li>
<li><a href="#"><i class="ic4"></i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="container">
<div class="head-top">
<div class="col-sm-8 col-md-offset-2 h_menu4">
<nav class="navbar nav_bottom" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header nav_2">
<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
<ul class="nav navbar-nav nav_1">
<li><a class="color" href="index.html">Home</a></li>
<li class="dropdown mega-dropdown active">
<a class="color1" href="#" class="dropdown-toggle" data-toggle="dropdown">Women<span class="caret"></span></a>
<div class="dropdown-menu ">
<div class="menu-top">
<div class="col1">
<div class="h_nav">
<h4>Submenu1</h4>
<ul>
<li><a href="product.html">Accessories</a></li>
<li><a href="product.html">Bags</a></li>
<li><a href="product.html">Caps & Hats</a></li>
<li><a href="product.html">Hoodies & Sweatshirts</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Submenu2</h4>
<ul>
<li><a href="product.html">Jackets & Coats</a></li>
<li><a href="product.html">Jeans</a></li>
<li><a href="product.html">Jewellery</a></li>
<li><a href="product.html">Jumpers & Cardigans</a></li>
<li><a href="product.html">Leather Jackets</a></li>
<li><a href="product.html">Long Sleeve T-Shirts</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Submenu3</h4>
<ul>
<li><a href="product.html">Shirts</a></li>
<li><a href="product.html">Shoes, Boots & Trainers</a></li>
<li><a href="product.html">Sunglasses</a></li>
<li><a href="product.html">Sweatpants</a></li>
<li><a href="product.html">Swimwear</a></li>
<li><a href="product.html">Trousers & Chinos</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Submenu4</h4>
<ul>
<li><a href="product.html">T-Shirts</a></li>
<li><a href="product.html">Underwear & Socks</a></li>
<li><a href="product.html">Vests</a></li>
<li><a href="product.html">Jackets & Coats</a></li>
<li><a href="product.html">Jeans</a></li>
<li><a href="product.html">Jewellery</a></li>
</ul>
</div>
</div>
<div class="col1 col5">
<img src="images/me.png" class="img-responsive" alt="">
</div>
<div class="clearfix"></div>
</div>
</div>
</li>
<li class="dropdown mega-dropdown active">
<a class="color2" href="#" class="dropdown-toggle" data-toggle="dropdown">Men<span class="caret"></span></a>
<div class="dropdown-menu mega-dropdown-menu">
<div class="menu-top">
<div class="col1">
<div class="h_nav">
<h4>Submenu1</h4>
<ul>
<li><a href="product.html">Accessories</a></li>
<li><a href="product.html">Bags</a></li>
<li><a href="product.html">Caps & Hats</a></li>
<li><a href="product.html">Hoodies & Sweatshirts</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Submenu2</h4>
<ul>
<li><a href="product.html">Jackets & Coats</a></li>
<li><a href="product.html">Jeans</a></li>
<li><a href="product.html">Jewellery</a></li>
<li><a href="product.html">Jumpers & Cardigans</a></li>
<li><a href="product.html">Leather Jackets</a></li>
<li><a href="product.html">Long Sleeve T-Shirts</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Submenu3</h4>
<ul>
<li><a href="product.html">Shirts</a></li>
<li><a href="product.html">Shoes, Boots & Trainers</a></li>
<li><a href="product.html">Sunglasses</a></li>
<li><a href="product.html">Sweatpants</a></li>
<li><a href="product.html">Swimwear</a></li>
<li><a href="product.html">Trousers & Chinos</a></li>
</ul>
</div>
</div>
<div class="col1">
<div class="h_nav">
<h4>Submenu4</h4>
html网页设计
需积分: 45 94 浏览量
2018-05-14
23:39:56
上传
评论 6
收藏 1.86MB RAR 举报
商城网页设计.rar （77个子文件） 
商城网页设计 css 
bootstrap.css 138KB style4.css 6KB jstarbox.css 1KB popuo-box.css 5KB flexslider.css 6KB form.css 3KB chocolat.css 2KB style.css 38KB images 
si2.jpg 84KB
f3.png 4KB si.jpg 86KB pc.jpg 16KB pc6.jpg 42KB me1.png 32KB search.png 318B pc7.jpg 26KB ch2.jpg 7KB pi2.jpg 36KB pi1.jpg 38KB close.png 3KB ca.png 3KB ic2.png 6KB f2.png 3KB log.png 6KB si1.jpg 72KB pc2.jpg 55KB ch.jpg 4KB ch1.jpg 6KB ba11.jpg 279KB pc4.jpg 25KB cart.png 336B ic1.png 9KB logo.png 9KB ic.png 5KB tick1.png 3KB pc1.jpg 19KB pi3.jpg 65KB f1.png 4KB tick.png 3KB pc3.jpg 36KB back.jpg 118KB img-sprite.png 8KB me.png 37KB ic3.png 8KB b-arrow.png 3KB pc5.jpg 67KB pi.jpg 141KB
404.html 14KB typo.html 33KB fonts glyphicons-halflings-regular.woff 23KB Ubuntu-Bold.ttf 326KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB Oxygen-Regular.ttf 47KB
glyphicons-halflings-regular.svg 106KB Oxygen-Bold.ttf 48KB Ubuntu-Regular.ttf 346KB single.html 26KB login.html 15KB index.html 26KB js jquery.min.js 94KB uisearch.js 6KB jquery.flexslider.js 54KB jquery.chocolat.js 10KB jquery.magnific-popup.js 45KB bootstrap.min.js 28KB classie.js 2KB simpleCart.min.js 25KB jstarbox.js 5KB modernizr.custom.72111.js 7KB imagezoom.js 4KB checkout.html 17KB product.html 30KB wishlist.html 14KB register.html 15KB contact.html 16KB资源评论
