<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<!---strat-slider---->
<link rel="stylesheet" type="text/css" href="css/slider.css" />
<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="js/jquery.cslider.js"></script>
<script type="text/javascript">
$(function() {
$('#da-slider').cslider({
autoplay : true,
bgincrement : 450
});
});
</script>
<!---//strat-slider---->
<!-- start top_js_button -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
</head>
<body>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/> </a>
</div>
<div class="social-icons">
<ul>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
<li><a href="#" target="_blank"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start header -->
<div class="header_btm">
<div class="wrap">
<div class="header_sub">
<div class="h_menu">
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="about.html">介绍</a></li>
<li><a href="service.html">热销</a></li>
<li><a href="blog.html">分类</a></li>
<li><a href="contact.html">留言</a></li>
</ul>
</div>
<div class="h_search">
<form>
<input type="text" value="" placeholder="搜索">
<input type="submit" value="">
</form>
</div>
<div class="menu">
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="about.html">店铺</a></li>
<li><a href="service.html">热销</a></li>
<li><a href="blog.html">分类</a></li>
<li><a href="contact.html">留言</a></li>
</ul>
</div>
<div class="search">
<form action="/iphone/search.html">
<input type="text" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}" class="text">
</form>
</div>
<div class="sub-head">
<ul>
<li><a href="#" id="menu">Menu <span></span></a></li>
<li><a href="#" id="search">Search <span></span></a></li>
</ul>
<div class="clear"></div>
</div>
<script type="text/javascript">
$(".menu,.search").hide();
$("#menu").click(function(){
$(".menu").toggle();
$(".search").hide();
$("#search").removeClass("active");
$("#menu").toggleClass("active");
});
$("#search").click(function(){
$(".search").toggle();
$(".menu").hide();
$("#menu").removeClass("active");
$("#search").toggleClass("active");
$(".text").focus();
});
</script>
<script type="text/javascript" src="js/script.js"></script>
<div class="clear"></div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start slider -->
<div class="slider_bg">
<div class="wrap">
<div class="slider">
<!---start-da-slider----->
<div id="da-slider" class="da-slider">
<div class="da-slide">
<h2>心情不好的时候，吃甜品心情就会好起来。</h2>
<p>玫瑰是我的热情，糖果是我的味道，星星是我的眼睛，月光是我的灵魂，一并送给你，恰恰就在我们得到甜食的瞬间，我们盼望的甜食，变成了又苦又酸。似腻还成爽，才凝又欲飘；玉来盘底碎，雪到口边销。</p>
</div>
<div class="da-slide">
<h2>大半夜一个人吃甜品这件事，简直不要太满足。</h2>
<p>有人说，“女人有两个胃，一个用来吃饭，一个用来吃甜点。”一边担心会胖，一边却难以抵挡甜点的诱惑。</p>
</div>
<div class="da-slide">
<h2>如果吃甜品能开心一分钟那减肥的事就下一秒再说吧。</h2>
<p>生活没有多么甜蜜，更多是平平淡淡的感动，用心去感受那些平淡，一切就如甜饼般美妙
吃甜食得浇上酸汁。</p>
</div>
<div class="da-slide">
<h2>现在我超想吃甜品，烤面包，马卡龙，泡芙，培根卷……</h2>
<p>幸福就是甜品的味道；每一道甜品都有一个故事；生活就像一道道甜品，不品尝怎么知道哪道更适合自己。
我随身都会带颗苹果，饿了就吃，正餐也会正常吃，重点还是要维持运动习惯，不乱吃甜食。</p>
</div>
<nav class="da-arrows">
<span class="da-arrows-prev"></span>
<span class="da-arrows-next"></span>
</nav>
</div>
<!---//End-da-slider----->
</div>
</div>
</div>
<!-- start main -->
<div class="wrap">
<div class="main">
<div class="main_text">
<h2>知名电商<span>口碑真实 </span> 实拍秀展示</h2>
<p class="para">"有人说，“女人有两个胃，一个用来吃饭，一个用来吃甜点。”一边担心会胖，一边却难以抵挡甜点的诱惑。
玫瑰是我的热情，糖果是我的味道，星星是我的眼睛，月光是我的灵魂，一并送给你，恰恰就在我们得到甜食的瞬间，我们盼望的甜食，变成了又苦又酸。
似腻还成爽，才凝又欲飘；玉来盘底碎，雪到口边销。"</p>
</div>
<!-- start grids_of_3 -->
<div class="grids_of_3">
<div class="grid1_of_3">
<img src="images/icon1.png" alt=""/>
<h3><a href="#">知名店铺 <span> </span> </a></h3>
<p>好吃的东西要吃进肚子里，可爱的人要放在心里</p>
</div>
<div class="grid1_of_3">
<img src="images/icon2.png" alt=""/>
<h3><a href="#">口碑真实<span> </span> </a></h3>
<p>与千百种蛋糕相遇，与千百个人相识，与千百种人生相知相惜</p>
</div>
<div class="grid1_of_3">
<img src="images/icon3.png" alt=""/>
<h3><a href="#">实拍秀展示<span> </span> </a></h3>
<p>晒糕点，是对平凡生活的热爱</p>
</div>
<div class="clear"></div>
</div>
<!-- end grids_of_3 -->
</div>
</div>
<!-- start main_bg -->
<div class="main_bg">
<div class="wrap">
<div class="main content_top">
<!-- start span_of_3 -->
<div class="span_of_3">
<div class="span1_of_3">
<a href="details.html"><img src="images/pic1.jpg" alt=""/></a>
<div class="span1_of_3_text">
<h3><a href="details.html">提拉米苏</a></h3>
<p>相传，一个意大利人即将离家奔赴战场，家中的妻子需要为他准备干粮，但是家中已经“弹尽粮绝”，妻子凑遍了家里所有的饼干、面包，将它们做成了一个高点，这就是提拉米苏。每当士兵在战场上迟到提拉米苏时就会想起家中贤惠的妻子，也就意味着他带走的不仅只是干粮，更是爱和幸福。</p>
</div>
</div>
<div class="span1_of_3">
<a href="details.html"><img src="images/pic2.jpg" alt=""/></a>
<div class="span1_of_3_text">
<h3><a href="details.html">马卡龙</a></h3>
<p>马卡龙是近几年在我国突�
HTML5期末大作业：蛋糕网页设计-蛋糕甜品6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
版权申诉
5星 · 超过95%的资源 18 浏览量
2022-04-15
09:21:52
上传
评论 1
收藏 2.8MB ZIP 举报 
蛋糕甜品店（六页）.zip （49个子文件） 
蛋糕甜品店（六页） 
details.html 6KB js 
jquery.cslider.js 7KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB jquery.flexisel.js 8KB jquery.min.js 92KB script.js 4KB service.html 8KB css style.css 17KB slider.css 19KB index.html 13KB contact.html 6KB about.html 7KB images 
pic5.jpg 10KB pic6.jpg 9KB
footer_bg.png 10KB det_pic.jpg 739KB pin.png 466B slider-icons.png 1KB search_h.png 623B icon1.png 2KB mail.png 418B logo.png 2KB client6.jpg 4KB pic4.jpg 14KB pic2.jpg 10KB client5.jpg 4KB blog3.jpg 28KB search.png 623B pic3.jpg 14KB client4.jpg 5KB pic1.jpg 13KB slide-pagenat.png 782B blog2.jpg 27KB soc_icons.png 2KB top-move.jpg 457B client2.jpg 2KB about_pic.jpg 20KB call.png 393B slider_bg.jpg 1.79MB icon3.png 3KB timer.png 502B client1.jpg 2KB blog1.jpg 25KB client3.jpg 2KB footer_bg1.png 11KB icon2.png 3KB blog.html 8KB
- 粉丝: 795
- 资源: 5
最新资源
- WebCrawler.scr
- 【计算机专业毕业设计】大学生就业信息管理系统设计源码.zip
- YOLO 数据集：8种路面缺陷病害检测【包含划分好的数据集、类别class文件、数据可视化脚本】
- JAVA实现Modbus RTU或Modbus TCPIP案例.zip
- 基于YOLOv8的FPS TPS AI自动锁定源码+使用步骤说明.zip
- JAVA实现Modbus RTU或Modbus TCPIP案例.zip
- 基于yolov8+streamlit的火灾检测部署源码+模型.zip
- 测试aaaaaaabbbbb
- VID20240521070643.mp4
- Android系统原理与开发学习要点详解-培训课件.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
- 3
前往页