1 Star 1 Fork 0

xiaotang/电商平台

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
product_01.html 19.77 KB
一键复制 编辑 原始数据 按行查看 历史
xiaotang 提交于 2019-02-22 13:53 . 2019年2月22日13:53:12
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品分类</title>
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
</head>
<body>
<div class="headerBar">
<div class="topBar">
<div class="comWidth">
<div class="leftArea">
<a href="#" class="collection">收藏慕课</a>
</div>
<div class="rightArea">
欢迎来到慕课网!<a href="#">[登录]</a><a href="#">[免费注册]</a>
</div>
</div>
</div>
<div class="logoBar">
<div class="comWidth">
<div class="logo fl">
<a href="#"><img src="images/logo.png" alt="慕课网"></a>
</div>
<div class="search_box fl">
<input type="text" class="search_text fl">
<input type="button" value="搜 索" class="search_btn fr">
</div>
<div class="shopCar fr">
<span class="shopText fl">购物车</span>
<span class="shopNum fl">10</span>
</div>
</div>
</div>
<div class="navBox">
<div class="comWidth">
<div class="shopClass fl">
<h3>全部商品分类<i></i></h3>
<div class="shopClass_show hide">
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item shopClass_active">
<dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a> <a href="#" class="b">数码</a> <a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a> <a href="#">单反</a> <a href="#">智能设备</a></dd>
</dl>
</div>
<div class="shopClass_list hide">
<div class="shopClass_cont">
<dl class="shopList_item">
<dt>电脑装机</dt>
<dd>
<a href="#">笔记本</a><a href="#">AS笔记本</a><a href="#">记本</a><a href="#">笔GFHF记本</a><a href="#">笔记HHHHHHHH本</a>
</dd>
</dl>
<dl class="shopList_item">
<dt>电脑装机</dt>
<dd>
<a href="#">笔记本</a><a href="#">AS笔记本</a><a href="#">记本</a><a href="#">笔GFHF记本</a><a href="#">笔记HHHHHHHH本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a>
</dd>
</dl>
<dl class="shopList_item">
<dt>电脑装机</dt>
<dd>
<a href="#">笔记本</a><a href="#">AS笔记本</a><a href="#">记本</a><a href="#">笔GFHF记本</a><a href="#">笔记HHHHHHHH本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a>
</dd>
</dl>
<dl class="shopList_item">
<dt>电脑装机</dt>
<dd>
<a href="#">笔记本</a><a href="#">AS笔记本</a><a href="#">记本</a><a href="#">笔GFHF记本</a><a href="#">笔记HHHHHHHH本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a>
</dd>
</dl>
<dl class="shopList_item">
<dt>电脑装机</dt>
<dd>
<a href="#">笔记本</a><a href="#">AS笔记本</a><a href="#">记本</a><a href="#">笔GFHF记本</a><a href="#">笔记HHHHHHHH本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a><a href="#">笔记本</a>
</dd>
</dl>
<div class="showList_links">
<a href="#">文字出生呢过好借好还<span></span></a><a href="#">文字出还<span></span></a>
</div>
</div>
</div>
</div>
<ul class="nav fl">
<li><a href="#" class="active">数码城</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>
</div>
</div>
<div class="hr_15"></div>
<div class="comWidth clearfix products">
<div class="leftArea">
<div class="leftNav">
<h3 class="nav_title">手机、数码</h3>
<div class="nav_cont">
<h3>手机通讯</h3>
<ul class="navCont_list clearfix">
<li><a href="#">全部手机</a></li>
<li><a href="#">全手机</a></li>
<li><a href="#">全机</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
</ul>
</div>
<div class="nav_cont">
<h3>手机通讯</h3>
<ul class="navCont_list clearfix">
<li><a href="#">全部手机</a></li>
<li><a href="#">全手机</a></li>
<li><a href="#">全机</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
</ul>
</div>
<div class="nav_cont">
<h3>手机通讯</h3>
<ul class="navCont_list clearfix">
<li><a href="#">全部手机</a></li>
<li><a href="#">全手机</a></li>
<li><a href="#">全机</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
</ul>
</div>
<div class="nav_cont">
<h3>手机通讯</h3>
<ul class="navCont_list clearfix">
<li><a href="#">全部手机</a></li>
<li><a href="#">全手机</a></li>
<li><a href="#">全机</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
</ul>
</div>
<div class="nav_cont">
<h3>手机通讯</h3>
<ul class="navCont_list clearfix">
<li><a href="#">全部手机</a></li>
<li><a href="#">全手机</a></li>
<li><a href="#">全机</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">手机4545</a></li>
</ul>
</div>
</div>
</div>
<div class="rightArea">
<div class="banner_bar banner_big">
<ul class="imgBox">
<li><a href="#"><img src="images/banner_01.png" alt="banner"></a></li>
<li><a href="#"><img src="images/banner_02.png" alt="banner"></a></li>
</ul>
<div class="imgNum">
<a href="#" class="active"></a><a href="#"></a><a href="#"></a><a href="#"></a><a href="#"></a>
</div>
</div>
<div class="hr_7"></div>
<div class="products_title">
<h3>数码影像</h3>
</div>
<div class="products_list clearfix">
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
</div>
<div class="hr_15"></div>
<div class="products_title">
<h3>数码影像</h3>
</div>
<div class="products_list clearfix">
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
<div class="item">
<div class="item_cont">
<div class="img_item">
<a href="#"><img src="images/item05.jpg" alt=""></a>
</div>
<p><a href="#">两个加快非结构化疾控报告附件看不见管理比较高</a></p>
<p class="money">$ 4545</p>
<p>评论:<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><a href="#"> (78条)</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="hr_15"></div>
<div class="footer">
<p><a href="#">慕课网</a><i>|</i><a href="#">慕课公告</a><i>|</i><a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i>客服热线:454-4545455</p>
<p>copyright &copy; 2019 imooc.com All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;京ICP备 12003892号-11</p>
<p class="web"><a href="#"><img src="images/webLogo.png"alt=""></a><a href="#"><img src="images/webLogo.png"alt=""></a><a href="#"><img src="images/webLogo.png"alt=""></a><a href="#"><img src="images/webLogo.png"alt=""></a></p>
</div>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/tangqiaobang/electronic_business_platform.git
git@gitee.com:tangqiaobang/electronic_business_platform.git
tangqiaobang
electronic_business_platform
电商平台
master

搜索帮助