<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<title>蛋糕</title>
</head>
<body>
<!-- 头部导航栏部分 start -->
<header>
<div class="inner">
<div class="logo">
<img src="img/logo.png" width="120px" height="44px" alt="21cake 蛋糕官网">
</div>
<ul class="nav">
<li><a href="index.html">首页</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>
<ul class="join">
<li><a href="#">APP下载</a></li>
<li><a href="#">北京</a><i class="city"></i></li>
<li><a href="#">消息</a></li>
<li><a href="#">登录</a>/<a href="#">注册</a></li>
<li class="cart"><i></i></li>
</ul>
</div>
</header>
<!-- 轮播图部分 -->
<div class="slider">
<img src="img/slider-1.jpg" alt="">
</div>
<!-- 中间部分 start -->
<div class="content">
<div class="home-module home-menu">
<a href="#">
<img src="img/menu-1.jpg" alt="新品" title="新品">
</a>
<a href="#">
<img src="img/menu-2.jpg" alt="新品" title="新品">
</a>
<a href="#">
<img src="img/menu-3.jpg" alt="新品" title="新品">
</a>
<a href="#">
<img src="img/menu-4.jpg" alt="新品" title="新品">
</a>
<a href="#">
<img src="img/menu-5.png" alt="新品" title="新品">
</a>
</div>
<!-- 新品专区 start-->
<div class="home-module home-colorful" id="1">
<h4 class="home-module-title">
新品
<span>/</span>
<span>专区</span>
</h4>
<div class="colorful-top-banner">
<a href="#" target="_blank">
<img src="img/menu-top-1.jpg" alt="">
</a>
</div>
<div class="colorful-product-list">
<div class="list-box">
<ul>
<li>
<a href="#">
<img src="img/xinpin-cake-1.png" alt="">
</a>
<a href="#">
<h6>米道</h6>
</a>
<a href="#">
<p>天真、天然,是这款蛋糕唯一的出发点</p>
</a>
<div class="tag-list">
<a href="#">儿童 ></a>
<a href="#">新品 ></a>
<a href="#">生日 ></a>
</div>
<div class="cart-info">
<span class="spec">¥298.00/454g(1.0磅)</span>
<a href="#" class="add-cart">加入购物车</a>
</div>
</li>
<li>
<a href="#">
<img src="img/xinpin-cake-2.png" alt="">
</a>
<a href="#">
<h6>米道</h6>
</a>
<a href="#">
<p>天真、天然,是这款蛋糕唯一的出发点</p>
</a>
<div class="tag-list">
<a href="#">儿童 ></a>
<a href="#">新品 ></a>
<a href="#">生日 ></a>
</div>
<div class="cart-info">
<span class="spec">¥298.00/454g(1.0磅)</span>
<a href="#" class="add-cart">加入购物车</a>
</div>
</li>
<li>
<a href="#">
<img src="img/xinpin-cake-3.png" alt="">
</a>
<a href="#">
<h6>米道</h6>
</a>
<a href="#">
<p>天真、天然,是这款蛋糕唯一的出发点</p>
</a>
<div class="tag-list">
<a href="#">儿童 ></a>
<a href="#">新品 ></a>
<a href="#">生日 ></a>
</div>
<div class="cart-info">
<span class="spec">¥298.00/454g(1.0磅)</span>
<a href="#" class="add-cart">加入购物车</a>
</div>
</li>
<li>
<a href="#">
<img src="img/xinpin-cake-4.png" alt="">
</a>
<a href="#">
<h6>米道</h6>
</a>
<a href="#">
<p>天真、天然,是这款蛋糕唯一的出发点</p>
</a>
<div class="tag-list">
<a href="#">儿童 ></a>
<a href="#">新品 ></a>
<a href="#">生日 ></a>
</div>
<div class="cart-info">
<span class="spec">¥298.00/454g(1.0磅)</span>
<a href="#" class="add-cart">加入购物车</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="nav" style="padding-left: 50px;margin-top: 30px;">
<span style="margin-right: 20px;" id="sr">生日专区</span>
<span id="et">儿童专区</span>
</div>
<!-- 生日专区 start-->
<div class="home-module home-colorful" id="shengri">
<div class="colorful-top-banner">
<a href="#" target="_blank">
<img src="img/menu-top-2.jpg" alt="">
</a>
</div>
<div class="colorful-product-list">
<div class="list-box">
<ul>
<li>
<a href="#">
<img src="img/shengri-cake-1.png" alt="">
</a>
<a href="#">
<h6>米道</h6>
</a>
<a href="#">
<p>天真、天然,是这款蛋糕唯一的出发点</p>
</a>
<div class="tag-list">
<a href="#">儿童 ></a>
6345926723482140125蛋糕甜品单页.zip
需积分: 5 15 浏览量
2023-04-08
16:12:28
上传
评论
收藏 2.23MB ZIP 举报
m0_74437823
- 粉丝: 0
- 资源: 2
最新资源
- 基于Matlab人脸肤色定理的教师人数统计+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab霍夫曼变换的表盘读数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab火灾烟雾检测源码带GUI界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的恶劣天气交通标志识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的霍夫曼变换的表盘示数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的车道线识别系统 +源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的教室人数统计系统带Gui界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的教室人数统计系统带Gui界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB 的霍夫曼变换答题卡识别源码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab+bp神经网络的神经网络汉字识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈