bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

673
历届学生/罗朝/一号店/index.html Normal file
View File

@@ -0,0 +1,673 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1137546_y5ssb5pudm.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<title>1号店(yhd.com)_全球超市，轻松到家！</title>
</head>
<body>
<div class="main">
<!-- 网站最顶部的导航 -->
<div class="header">
<div class="header_center width-1070 margin-auto">
<ul class="left_menu">
<li>
<i class="iconfont icon-dizhi left"></i>
<p class="left">送货地址：上海</p>
<div class="drop_address">
<div class="search_city position-relative">
<span>搜索城市：</span>
<input type="text" placeholder="请输入城市名称">
<div class="close position-absolute">X</div>
</div>
<div class="hot_city">
<span class="left">热门城市：</span>
<ul class="left">
<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>
<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>
<li><a href="">上海市</a></li>
<li><a href="">上海市</a></li>
<li><a href="">上海市</a></li>
<li><a href="">上海市</a></li>
</ul>
</div>
<div class="find_city">
<div class="chart_title left">按字母查找 </div>
<div class="chart left">
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
<span>A</span>
</div>
</div>
<br>
<div class="hot_city">
<span class="left">热门城市：</span>
<ul class="left">
<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>
<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>
<li><a href="">上海市</a></li>
<li><a href="">上海市</a></li>
<li><a href="">上海市</a></li>
<li><a href="">上海市</a></li>
</ul>
</div>
</div>
</li>
<li>
<i class="iconfont icon-laba left"></i>
<p class="left">网警提示</p>
</li>
</ul>
<ul class="right_menu right">
<li>
晚上好,请 <a href="">登录</a>
</li>
<li>
<a href="">注册</a>
</li>
<li>
<i class="iconfont icon-wode"></i>
<a href="">会员俱乐部</a>
</li>
<li>
<i class="iconfont icon-dingdan"></i>
<a href="">我的订单</a>
</li>
</ul>
</div>
</div>
<!-- logo和搜索部分 -->
<div class="logo back-fff">
<div class="logo_center width-1070 margin-auto">
<div class="logo_left left">
<img class="logo_new" src="./img/logo_new@2x.png" alt="">
<img class="logo_new_text position-absolute" src="./img/logo_new_text.jpg" alt="">
</div>
<div class="search_right right">
<div class="search_right_input left position-relative">
<input type="text" placeholder="飞利浦空气净化器">
<i class="iconfont icon-sousuo position-absolute"></i>
<div class="search_list">
<a href="">半导体</a>
<a href="">半导体</a>
<a href="">半导体</a>
<a href="">半导体</a>
<a href="">半导体</a>
<a href="">半导体</a>
<a href="">半导体</a>
</div>
</div>
<div class="cart_shop left">
<i class="iconfont icon-gouwuche"></i>
购物车
</div>
</div>
</div>
</div>
<!-- 下拉菜单部分 -->
<div class="menu back-fff">
<div class="menu_center width-1070 margin-auto">
<ul>
<li class="active">
<a href="">
<i class="iconfont icon-caidan"></i>
全部类目
<i class="iconfont icon-jiantou"></i>
</a>
<div class="menu_dropmenu">
</div>
</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>
<li><a href="">领劵中心</a></li>
</ul>
</div>
</div>
<!-- 轮播图部分 -->
<div class="banner position-relative">
<ul class="position-absolute">
<li class="on_active">健康早餐</li>
<li>休闲零食</li>
<li>个人清洁</li>
<li>喜力</li>
<li>DW</li>
</ul>
</div>
<div class="advertisement overflow-hidden">
<div class="advertisement_center width-1070 margin-auto">
<img src="./img/adb.png" alt="adb">
</div>
</div>
<div class="shop_list">
<div class="shop_list_center width-1070 margin-auto">
<!-- 超级品牌 -->
<div class="list_shop_items">
<div class="item left">
<a href="" class="item_title">
<h3>超级品牌</h3>
<span>/ 超级品牌/精品汇聚</span>
</a>
<div class="item_info position-relative">
<div class="item_info_zhezhao position-absolute"></div>
<img class="shop_titles position-relative left" src="./img/user_logos.jpg" alt="">
<div class="info_title position-relative left">
<div class="info_title_sub">百事食品专场</div>
<div class="info_title_sp">欢乐钜惠</div>
<div class="enter">
进入 <i class="iconfont icon-jiantou1"></i>
</div>
</div>
<ul class="img_list left position-relative">
<li><img src="./img/1.jpg" alt=""></li>
<li><img src="./img/2.png" alt=""></li>
<li><img src="./img/3.jpg" alt=""></li>
</ul>
</div>
<div class="item_info position-relative">
<div class="item_info_zhezhao position-absolute"></div>
<img class="shop_titles position-relative left" src="./img/user_logos.jpg" alt="">
<div class="info_title position-relative left">
<div class="info_title_sub">百事食品专场</div>
<div class="info_title_sp">欢乐钜惠</div>
<div class="enter">
进入 <i class="iconfont icon-jiantou1"></i>
</div>
</div>
<ul class="img_list left position-relative">
<li><img src="./img/1.jpg" alt=""></li>
<li><img src="./img/2.png" alt=""></li>
<li><img src="./img/3.jpg" alt=""></li>
</ul>
</div>
</div>
<div class="item left">
<a href="" class="item_title">
<h3 class="gold_color">超级品牌</h3>
<span class="gold_color">/ 超级品牌/精品汇聚</span>
</a>
<div class="item_info position-relative">
<div class="item_info_zhezhao position-absolute"></div>
<img class="shop_titles position-relative left" src="./img/user_logos.jpg" alt="">
<div class="info_title position-relative left">
<div class="info_title_sub">百事食品专场</div>
<div class="info_title_sp">欢乐钜惠</div>
<div class="enter">
进入 <i class="iconfont icon-jiantou1"></i>
</div>
</div>
<ul class="img_list left position-relative">
<li><img src="./img/1.jpg" alt=""></li>
<li><img src="./img/2.png" alt=""></li>
<li><img src="./img/3.jpg" alt=""></li>
</ul>
</div>
<div class="item_info position-relative">
<div class="item_info_zhezhao position-absolute"></div>
<img class="shop_titles position-relative left" src="./img/user_logos.jpg" alt="">
<div class="info_title position-relative left">
<div class="info_title_sub">百事食品专场</div>
<div class="info_title_sp">欢乐钜惠</div>
<div class="enter">
进入 <i class="iconfont icon-jiantou1"></i>
</div>
</div>
<ul class="img_list left position-relative">
<li><img src="./img/1.jpg" alt=""></li>
<li><img src="./img/2.png" alt=""></li>
<li><img src="./img/3.jpg" alt=""></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="imported">
<div class="imported_center width-1070 margin-auto">
<div class="imported_center_left left">
<a href="" class="item_title">
<h3>品质进口</h3>
<span>/ 给你完美生活</span>
</a>
<div class="imported_list">
<div class="list_hot left">
<ul>
<li>进口饼干</li>
<li>进口牛奶</li>
<li>进口水</li>
<li>进口糖巧</li>
<li>葡萄酒</li>
<li>进口油</li>
</ul>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
<div class="imported_list_items_bottom">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_bottom overflow-hidden">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
</div>
</div>
</div>
<div class="imported_center_right left">
<p>进口食品热销榜 </p>
<span>爆款热卖 实时更新</span>
<ul>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP1</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP2</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP3</div>
</li>
</ul>
</div>
</div>
</div>
<div class="imported">
<div class="imported_center width-1070 margin-auto">
<div class="imported_center_left left">
<a href="" class="item_title">
<h3>品质进口</h3>
<span>/ 给你完美生活</span>
</a>
<div class="imported_list">
<div class="list_hot left">
<ul>
<li>进口饼干</li>
<li>进口牛奶</li>
<li>进口水</li>
<li>进口糖巧</li>
<li>葡萄酒</li>
<li>进口油</li>
</ul>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
<div class="imported_list_items_bottom">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_bottom overflow-hidden">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
</div>
</div>
</div>
<div class="imported_center_right left">
<p>进口食品热销榜 </p>
<span>爆款热卖 实时更新</span>
<ul>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP1</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP2</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP3</div>
</li>
</ul>
</div>
</div>
</div>
<div class="imported">
<div class="imported_center width-1070 margin-auto">
<div class="imported_center_left left">
<a href="" class="item_title">
<h3>品质进口</h3>
<span>/ 给你完美生活</span>
</a>
<div class="imported_list">
<div class="list_hot left">
<ul>
<li>进口饼干</li>
<li>进口牛奶</li>
<li>进口水</li>
<li>进口糖巧</li>
<li>葡萄酒</li>
<li>进口油</li>
</ul>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
<div class="imported_list_items_bottom">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_bottom overflow-hidden">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
</div>
</div>
</div>
<div class="imported_center_right left">
<p>进口食品热销榜 </p>
<span>爆款热卖 实时更新</span>
<ul>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP1</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP2</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP3</div>
</li>
</ul>
</div>
</div>
</div>
<div class="imported">
<div class="imported_center width-1070 margin-auto">
<div class="imported_center_left left">
<a href="" class="item_title">
<h3>品质进口</h3>
<span>/ 给你完美生活</span>
</a>
<div class="imported_list">
<div class="list_hot left">
<ul>
<li>进口饼干</li>
<li>进口牛奶</li>
<li>进口水</li>
<li>进口糖巧</li>
<li>葡萄酒</li>
<li>进口油</li>
</ul>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
<div class="imported_list_items_bottom">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
</div>
<div class="imported_list_items left">
<div class="imported_list_items_bottom overflow-hidden">
<div class="items_bottom_left left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/sss.jpg" alt="">
</div>
<div class="items_bottom_left clear_border left">
<div class="s_ti">
<p>恒都澳洲牛腩</p>
<span>￥26.8</span>
</div>
<img class="margin-left-transition lef-start" src="./img/cede.jpg" alt="">
</div>
</div>
<div class="imported_list_items_top">
<div class="items_top_left left">
<p>进口休闲零食</p>
<span>爆款直降</span> <br>
<button>点击进入</button>
</div>
<img class="margin-left-transition margin-left-start" src="./img/items.png" alt="">
</div>
</div>
</div>
</div>
<div class="imported_center_right left">
<p>进口食品热销榜 </p>
<span>爆款热卖 实时更新</span>
<ul>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP1</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP2</div>
</li>
<li>
<img src="./img/5af8f2dbN57a92e01.jpg" alt="">
<div>TOP3</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 这里面是网站主体内容 -->
<!-- 版权部分 -->
<div class="footer"></div>
</div>
</body>
</html>