<!DOCTYPE html>
<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>E-SHOP HTML Template</title>
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Hind:400,700" rel="stylesheet">
<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<!-- Slick -->
<link type="text/css" rel="stylesheet" href="css/slick.css" />
<link type="text/css" rel="stylesheet" href="css/slick-theme.css" />
<!-- nouislider -->
<link type="text/css" rel="stylesheet" href="css/nouislider.min.css" />
<!-- Font Awesome Icon -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Custom stlylesheet -->
<link type="text/css" rel="stylesheet" href="css/style.css" />
<!-- 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>
<!-- top Header -->
<div id="top-header">
<div class="container">
<div class="pull-left">
<span>Welcome to E-shop!</span>
</div>
<div class="pull-right">
<ul class="header-top-links">
<li><a href="#">Store</a></li>
<li><a href="#">Newsletter</a></li>
<li><a href="#">FAQ</a></li>
<li class="dropdown default-dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">ENG <i class="fa fa-caret-down"></i></a>
<ul class="custom-menu">
<li><a href="#">English (ENG)</a></li>
<li><a href="#">Russian (Ru)</a></li>
<li><a href="#">French (FR)</a></li>
<li><a href="#">Spanish (Es)</a></li>
</ul>
</li>
<li class="dropdown default-dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">USD <i class="fa fa-caret-down"></i></a>
<ul class="custom-menu">
<li><a href="#">USD ($)</a></li>
<li><a href="#">EUR (€)</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- /top Header -->
<!-- header -->
<div id="header">
<div class="container">
<div class="pull-left">
<!-- Logo -->
<div class="header-logo">
<a class="logo" href="#">
<img src="./img/logo.png" alt="">
</a>
</div>
<!-- /Logo -->
<!-- Search -->
<div class="header-search">
<form>
<input class="input search-input" type="text" placeholder="Enter your keyword">
<select class="input search-categories">
<option value="0">All Categories</option>
<option value="1">Category 01</option>
<option value="1">Category 02</option>
</select>
<button class="search-btn"><i class="fa fa-search"></i></button>
</form>
</div>
<!-- /Search -->
</div>
<div class="pull-right">
<ul class="header-btns">
<!-- Account -->
<li class="header-account dropdown default-dropdown">
<div class="dropdown-toggle" role="button" data-toggle="dropdown" aria-expanded="true">
<div class="header-btns-icon">
<i class="fa fa-user-o"></i>
</div>
<strong class="text-uppercase">My Account <i class="fa fa-caret-down"></i></strong>
</div>
<a href="#" class="text-uppercase">Login</a> / <a href="#" class="text-uppercase">Join</a>
<ul class="custom-menu">
<li><a href="#"><i class="fa fa-user-o"></i> My Account</a></li>
<li><a href="#"><i class="fa fa-heart-o"></i> My Wishlist</a></li>
<li><a href="#"><i class="fa fa-exchange"></i> Compare</a></li>
<li><a href="#"><i class="fa fa-check"></i> Checkout</a></li>
<li><a href="#"><i class="fa fa-unlock-alt"></i> Login</a></li>
<li><a href="#"><i class="fa fa-user-plus"></i> Create An Account</a></li>
</ul>
</li>
<!-- /Account -->
<!-- Cart -->
<li class="header-cart dropdown default-dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
<div class="header-btns-icon">
<i class="fa fa-shopping-cart"></i>
<span class="qty">3</span>
</div>
<strong class="text-uppercase">My Cart:</strong>
<br>
<span>35.20$</span>
</a>
<div class="custom-menu">
<div id="shopping-cart">
<div class="shopping-cart-list">
<div class="product product-widget">
<div class="product-thumb">
<img src="./img/thumb-product01.jpg" alt="">
</div>
<div class="product-body">
<h3 class="product-price">$32.50 <span class="qty">x3</span></h3>
<h2 class="product-name"><a href="#">Product Name Goes Here</a></h2>
</div>
<button class="cancel-btn"><i class="fa fa-trash"></i></button>
</div>
<div class="product product-widget">
<div class="product-thumb">
<img src="./img/thumb-product01.jpg" alt="">
</div>
<div class="product-body">
<h3 class="product-price">$32.50 <span class="qty">x3</span></h3>
<h2 class="product-name"><a href="#">Product Name Goes Here</a></h2>
</div>
<button class="cancel-btn"><i class="fa fa-trash"></i></button>
</div>
</div>
<div class="shopping-cart-btns">
<button class="main-btn">View Cart</button>
<button class="primary-btn">Checkout <i class="fa fa-arrow-circle-right"></i></button>
</div>
</div>
</div>
</li>
<!-- /Cart -->
<!-- Mobile nav toggle-->
<li class="nav-toggle">
<button class="nav-toggle-btn main-btn icon-btn"><i class="fa fa-bars"></i></button>
</li>
<!-- / Mobile nav toggle -->
</ul>
</div>
</div>
<!-- header -->
</div>
<!-- container -->
</header>
<!-- /HEADER -->
<!-- NAVIGATION -->
<div id="navigation">
<!-- container -->
<div class="container">
<div id="responsive-nav">
<!-- category nav -->
<div class="category-nav">
<span class="category-header">Categories <i class="fa fa-list"></i></span>
<ul class="category-list">
<li class="dropdown side-dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true">Women’s Clothing <i class="fa fa-angle-right"></i></a>
<div class="custom-menu">
<div class="row">
<div class="col-md-4">
<ul class="list-links">
<li>
<h3 class="list-links-title">Categories</h3></li>
<li><a href="#">Women’s Clothing</a></li>
<li><a href="#">Men’s Clothing</a></li>
<li><a href="#">Phones & Accessories</a></li>
<li><a href="#">Jewelry & Watches</a></li>
<li><a href="#">Bags & Shoes</a></li>
</ul>
<hr class="hidden-md hidden-lg">
</div>
<div class="col-md-4">
<ul class="list-links">
<li>
<h3 class="list-links-title">Categories</h3></li>
<li><a href="#">Women’s Clothing</a></li>
<li><a href="#">Men’s Clothing</a></li>
<li><a href="#">Phones & Accessories</a></li>
<li><a href="#">Jewelry & Watches</a></li>
<li><a href="#">Bags & Shoes</a></li>
</ul>
课设&大作业&毕设-简约鞋包网店响应式网站模板-适配移动端-HTML源码.zip
版权申诉
124 浏览量
2024-03-29
11:36:42
上传
评论
收藏 2.25MB ZIP 举报
课设&大作业&毕设-简约鞋包网店响应式网站模板-适配移动端-HTML源码.zip （59个子文件） 
课设&大作业&毕设-简约鞋包网店响应式网站模板-适配移动端-HTML源码 html js 
nouislider.min.js 21KB bootstrap.min.js 36KB main.js 3KB slick.min.js 42KB jquery.min.js 84KB jquery.zoom.min.js 3KB img 
thumb-product03.jpg 7KB banner11.jpg 88KB main-product01.jpg 84KB main-product02.jpg 84KB product03.jpg 7KB banner06.jpg 31KB product01.jpg 8KB banner13.jpg 269KB main-product04.jpg 90KB product06.jpg 10KB banner09.jpg 26KB banner05.jpg 55KB banner15.jpg 48KB
logo.png 2KB product08.jpg 10KB banner10.jpg 94KB product02.jpg 9KB main-product03.jpg 87KB banner03.jpg 149KB product04.jpg 6KB banner02.jpg 145KB thumb-product04.jpg 8KB banner12.jpg 56KB banner04.jpg 35KB product07.jpg 8KB thumb-product02.jpg 8KB banner14.jpg 47KB thumb-product01.jpg 7KB banner08.jpg 33KB banner01.jpg 117KB banner07.jpg 30KB product05.jpg 7KB css style.css 33KB nouislider.min.css 3KB bootstrap.min.css 118KB slick.css 2KB font-awesome.min.css 30KB slick-theme.css 3KB
index.html 55KB blank.html 25KB products.html 44KB product-page.html 39KB fonts slick.ttf 2KB slick.eot 2KB FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
slick.svg 2KB fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB slick.woff 1KB checkout.html 32KB资源评论
