<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta keywords="">
<meta content="">
<title>潮人推荐</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/men.css">
</head>
<body>
<div id="header">
<div class="wrapper">
<div id="main-header">
<div id="login" class="float">
<a href="login.html">登录</a>
</div>
<h1 class="float">我的小店</h1>
<div id="cart" class="float">
<a href="cart.html">购物车：￥0.00(0件)</a>
</div>
<a href="" id="clean-cart">清空购物车</a>
</div>
<ul id="nav">
<li><a href="">首页</a></li>
<li id="makeup">
<a href="">美妆商城</a>
<div class="submenu">
<ul>
<li>护肤</li>
<li><a href="">洁面</a></li>
<li><a href="">化妆水</a></li>
<li><a href="">乳液</a></li>
<li><a href="">精华</a></li>
<li><a href="">面膜</a></li>
<li><a href="">面霜</a></li>
</ul>
<ul>
<li>彩妆</li>
<li><a href="">底妆</a></li>
<li><a href="">眼妆</a></li>
<li><a href="">唇妆</a></li>
<li><a href="">卸妆</a></li>
<li><a href="">美妆工具</a></li>
<li><a href="">套装</a></li>
</ul>
<ul>
<li>香水</li>
<li><a href="">女士香水</a></li>
<li><a href="">男士香水</a></li>
<li><a href="">中性香水</a></li>
<li><a href="">Q版香水</a></li>
<li><a href="">香水套装</a></li>
<li><a href="">精油</a></li>
</ul>
<ul>
<li>男士护理</li>
<li><a href="">面部护理</a></li>
<li><a href="">身体护理</a></li>
<li><a href="">护理套装</a></li>
<li><a href="">洁面</a></li>
<li><a href="">爽肤水</a></li>
<li><a href="">男士洗护</a></li>
</ul>
<ul>
<li>个人护理</li>
<li><a href="">秀发护理</a></li>
<li><a href="">身体护理</a></li>
<li><a href="">纤体</a></li>
<li><a href="">手足护理</a></li>
<li><a href="">卫生巾</a></li>
<li><a href="">口腔护理</a></li>
</ul>
</div>
</li>
<li><a href="special-sale.html">特卖商场</a></li>
<li><a href="products.html">新品上市</a></li>
<li><a href="men.html">潮人推荐</a></li>
<li><a href="shop.html">进口免税店</a></li>
</ul>
</div>
</div>
<div id="men">
<div class="wrapper">
<div id="address"><a href="index.html">Home</a> / Men</div>
<h1>OUR PRODUCTS</h1>
<div id="left-nav">
<div id="categories">
<h3>CATEGORIES</h3>
<div class="clothes-type">
JEANS
</div>
<div class="clothes-typedetail">
<a href="">Sub category1</a>
<a href="">Sub category2</a>
<a href="">Sub category3</a>
<a href="">Sub category4</a>
</div>
<div class="clothes-type">
SHIRTS
</div>
<div class="clothes-typedetail">
<a href="">Sub category1</a>
<a href="">Sub category2</a>
<a href="">Sub category3</a>
<a href="">Sub category4</a>
</div>
<div class="clothes-type">
SUITS
</div>
<div class="clothes-typedetail">
<a href="">Sub category1</a>
<a href="">Sub category2</a>
<a href="">Sub category3</a>
<a href="">Sub category4</a>
</div>
<div class="clothes-type">
CASUAL
</div>
<div class="clothes-typedetail">
<a href="">Sub category1</a>
<a href="">Sub category2</a>
<a href="">Sub category3</a>
<a href="">Sub category4</a>
</div>
<div class="clothes-type">
SHORTS
</div>
<div class="clothes-typedetail">
<a href="">Sub category1</a>
<a href="">Sub category2</a>
<a href="">Sub category3</a>
<a href="">Sub category4</a>
</div>
</div>
<div class="label">
<h3>DISCOUNTS</h3>
<form action="">
<label>
<input type="checkbox" name="discount" value="Upto - 10% (20)">Upto - 10% (20)
</label>
<label>
<input type="checkbox" name="discount" value="40% - 50% (5)">40% - 50% (5)
</label>
<label>
<input type="checkbox" name="discount" value="30% - 20% (7)">30% - 20% (7)
</label>
<label>
<input type="checkbox" name="discount" value="10% - 5% (2)">10% - 5% (2)
</label>
<label>
<input type="checkbox" name="discount" value="Other(50)">Other(50)
</label>
</form>
</div>
<div class="label">
<h3>DISCOUNTS</h3>
<form action="">
<label>
<input type="checkbox" name="discount" value="Upto - 10% (20)">Upto - 10% (20)
</label>
<label>
<input type="checkbox" name="discount" value="40% - 50% (5)">40% - 50% (5)
</label>
<label>
<input type="checkbox" name="discount" value="30% - 20% (7)">30% - 20% (7)
</label>
<label>
<input type="checkbox" name="discount" value="10% - 5% (2)">10% - 5% (2)
</label>
<label>
<input type="checkbox" name="discount" value="Other(50)">Other(50)
</label>
</form>
</div>
<div class="label">
<h3>DISCOUNTS</h3>
<form action="">
<label>
<input type="checkbox" name="discount" value="Upto - 10% (20)">Upto - 10% (20)
</label>
<label
初步学习HTML CSS JS 工程.zip
需积分: 1 30 浏览量
2024-01-02
23:39:10
上传
评论
收藏 2.44MB ZIP 举报
初步学习HTML CSS JS 工程.zip （108个子文件） 
common.css 3KB index.css 2KB cart.css 2KB login.css 2KB registration.css 1KB men.css 757B blog.css 402B blog-single.css 393B special-sale.css 384B
men.html 11KB blog-single.html 10KB index.html 8KB blog.html 7KB special-sale.html 7KB cart.html 6KB registration.html 5KB login.html 4KB
s4.jpg 669KB bg2.jpg 228KB bg3.jpg 204KB banner.jpg 193KB banner33.jpg 181KB s3.jpg 87KB s2.jpg 79KB s1.jpg 74KB banner3.jpg 50KB pic-1.jpg 49KB m1.jpg 49KB b2.jpg 47KB c2.jpg 42KB bg1.jpg 41KB c6.jpg 39KB bs6.jpg 34KB bs5.jpg 34KB pic-2.jpg 33KB b3.jpg 32KB b1.jpg 30KB b4.jpg 26KB bs4.jpg 25KB bs2.jpg 20KB c4.jpg 19KB bs1.jpg 18KB bs3.jpg 18KB m3.jpg 17KB pic-3.jpg 17KB banner2.jpg 16KB a1.jpg 13KB c5.jpg 11KB ab8.jpg 11KB ab5.jpg 11KB m5.jpg 10KB m6.jpg 10KB m2.jpg 10KB ab2.jpg 9KB ab7.jpg 9KB m4.jpg 8KB ab4.jpg 8KB ab1.jpg 7KB c1.jpg 6KB c3.jpg 6KB remen_img_11.jpg 4KB remen_28.jpg 3KB remen_32.jpg 3KB remen_48.jpg 3KB remen_18.jpg 3KB remen_30.jpg 3KB remen_49.jpg 3KB remen_44.jpg 3KB remen_45.jpg 3KB remen_26.jpg 3KB remen_43.jpg 2KB remen_20.jpg 2KB remen_42.jpg 2KB remen_22.jpg 2KB caidan_hover_22.jpg 2KB caidan_hover_20.jpg 2KB ab6.jpg 2KB remen_24.jpg 2KB caidan_hover_26.jpg 2KB caidan_hover_42.jpg 2KB caidan_hover_36.jpg 2KB caidan_hover_39.jpg 2KB caidan_hover_18.jpg 2KB caidan_hover_43.jpg 2KB caidan_hover_38.jpg 2KB ab3.jpg 2KB remen_47.jpg 2KB remen_46.jpg 2KB caidan_hover_12.jpg 2KB caidan_hover_40.jpg 2KB caidan_hover_37.jpg 2KB caidan_hover_24.jpg 2KB caidan_hover_16.jpg 2KB caidan_hover_41.jpg 2KB caidan_hover_14.jpg 2KB avatar.jpg 987B
social.png 6KB logo.png 5KB cls.png 3KB cart.png 3KB共 108 条
- 1
- 2
资源评论
