<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="icon" href="./favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1808361_i9wlciudkr.css"/>
<link rel="stylesheet" type="text/css" href="./css/index.css"/>
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
<script src="js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/wow.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="page">
<header class="header">
<div class="h_auto">
<ul>
<li>
<i class="iconfont icon-ren"></i> 登录
</li>
<li>
<i class="iconfont icon-ziyuan"></i> 门店查询
</li>
<li>
<i class="iconfont icon-service"></i> 客服
</li>
<li>
<i class="iconfont icon-huiyuan"></i> 会员中心
</li>
</ul>
<div class="logo">
<a href="https://www.godiva.cn/#/" target="_blank">
<img src="./image/logo.bac0efc3.png" >
</a>
</div>
<ul>
<li>
<i class="iconfont icon-fangdajing1"></i> 搜索
</li>
<li>
<i class="iconfont icon-icon-1"></i> 购物车
<div class="add_goods">
<h4>加入的宝贝</h4>
<img src="image/下载.png" >
<p>购物车还是空着的哦~</p>
<footer>去购物</footer>
</div>
</li>
<li>
<img src="image/下载%20(2).png" > CN
<div>
<div>中文</div>
<div>English</div>
</div>
</li>
<li>
<i class="iconfont icon-gift_icon"></i> 企业团购
</li>
</ul>
</div>
<div class="h_nav">
<ul>
<li>6件88折专区
<ul>
<li>6件88折</li>
</ul>
</li>
<li>新品尝鲜
<ul>
<li>杯装巧克力冰淇淋</li>
<li>72%可可黑巧</li>
<li>巧克力制品片</li>
</ul>
</li>
<li>休闲分享
<ul>
<li>挑选口味</li>
<li>巧克力种类</li>
</ul>
</li>
<li>礼赠灵感
<ul>
<li>送礼场景</li>
<li>经典系列</li>
</ul>
</li>
<li>婚庆卡券
<ul>
<li>礼品卡券</li>
<li>非梵卡查询入口</li>
</ul>
</li>
</ul>
</div>
</header>
<div class="swiper">
<div class="swiper-container">
<div class="swiper-wrapper ">
<div class="swiper-slide swiper_item">
<img src="image/1obxcsnhn4_1621595814816.jpg" >
</div>
<div class="swiper-slide swiper_item">
<img src="image/2039efj0xo_1622793363458.jpg" >
</div>
<div class="swiper-slide swiper_item">
<img src="image/f46d2ibvr_1619343705253.jpg" >
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
<div class="video">
</div>
<div class="jx">
<header>
<div class="md_title wow bounceInDown bg-green">精选礼盒</div>
<div class="wow bounceInDown bg-green">满足您的各种送礼需求</div>
</header>
<ul class="jx_ul">
<div class="jx_ul_btn">
<i class="iconfont icon-youjiantou2"></i>
</div>
<li>
<img src="image/2d0axl4dmm_1622541966153.jpg" >
</li>
<li>
<img src="image/28ual87tfq_1622541771741.jpg" >
</li>
<li>
<video width="100%" height="100%" controls>
<source src="./image/396fe0a25016d7d97292b83441d65e57.mp4" type="video/mp4">
您的浏览器不支持Video标签。
</video>
</li>
<div class="jx_ul_btn">
<i class="iconfont icon-youjiantou1"></i>
</div>
</ul>
</div>
<div class="godiva">
<header class="go_header">
<div class="md_title wow bounceInDown bg-green">GODIVA金装礼盒系列</div>
<div class="wow bounceInDown bg-green">始终秉承比利时精湛巧克力工艺制作，烙上GODIVA夫人画像，配以经典金色光泽，精美礼盒得以呈现</div>
<p class="wow bounceInDown bg-green">探索金装系列巧克力</p>
<div class="md_family wow bounceInDown bg-green">Gold Collectio</div>
</header>
<div class="go_qkl">
<img src="image/ban-1.e6ae12ca.jpg" >
</div>
<ul class="go_ul">
<li>
<div class="gu_left">
<img src="image/ban-2.fc8f9773.jpg" >
</div>
<div class="gu_right">
<header class="go_header">
<div class="md_title wow bounceInDown bg-green">GODIVA松露形礼盒系列</div>
<div class="wow bounceInDown bg-green">独特口感，让你尽享丝滑与香脆的双重美味</div>
<p class="wow bounceInDown bg-green">探索金装系列巧克力</p>
<div class="md_family wow bounceInDown bg-green">Truffle Chocolate</div>
</header>
</div>
</li>
<li>
<div class="gu_right">
<header class="go_header">
<div class="md_title wow bounceInDown bg-green">GODIVA片装礼盒系列</div>
<div class="wow bounceInDown bg-green">经典的巧克力薄片，呈现出不同浓度，是细细品味<br/>
GODIVA香醇美味的必备之选
</div>
<p class="wow bounceInDown bg-green">探索金装系列巧克力</p>
<div class="md_family wow bounceInDown bg-green">Carre Chocolate</div>
</header>
</div>
<div class="gu_left">
<img src="image/ban-3.281c0901.jpg" >
</div>
</li>
</ul>
</div>
<footer class="footer">
<header>
线上专属服务
</header>
<div>
<img src="image/foot-1.284a1ba9.png" >
<img src="image/foot-2.d0d106c9.png" >
<img src="image/foot-3.e2a1119c.png" >
</div>
<ul>
<li>
联系我们
</li>
<li>
<i class="iconfont icon-xiaoxi"></i>
在线客服
</li>
<li>
<i class="iconfont icon-tianchongxing-"></i>
0571-88947302
</li>
<li>
<i class="iconfont icon-xinfeng"></i>
Sharon.Chen@godiva.com
</li>
<li>
<i class="iconfont icon-biao"></i>
9:00-24:00
</li>
</ul>
</footer>
<div id='toTop' >回到顶部</div>
</div>
</body>
<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
作业-歌帝梵官网首页.zip
需积分: 5 70 浏览量
2023-06-29
16:12:37
上传
评论
收藏 6.07MB ZIP 举报
作业-歌帝梵官网首页.zip （40个子文件） 
作业-歌帝梵官网首页 image 
40xr7308ug_1619340762211.jpg 202KB
index-back.007e0137.png 531KB foot-2.d0d106c9.png 42KB logo.bac0efc3.png 7KB 下载.png 4KB
396fe0a25016d7d97292b83441d65e57.mp4 439KB 2z94qwgcgv_1619339004027.jpg 355KB 下载 (2).png 1KB 1obxcsnhn4_1621595814816.jpg 409KB ban-1.e6ae12ca.jpg 63KB ban-3.281c0901.jpg 32KB 2039efj0xo_1622793363458.jpg 405KB footer-ban.ce92d96c.jpg 8KB foot-1.284a1ba9.png 39KB f46d2ibvr_1619343705253.jpg 416KB 2ap3hhpimw_1622541858317 (1).jpg 263KB 28ual87tfq_1622541771741.jpg 372KB 2ap3hhpimw_1622541858317.jpg 263KB 1ramwwblxc_1621595953112.jpg 10KB ban-2.fc8f9773.jpg 67KB 2d0axl4dmm_1622541966153.jpg 362KB foot-3.e2a1119c.png 50KB js 
DPlayer.min.js 251KB videojs-contrib-hls.js 700KB jquery-1.12.3.min.js 95KB videojs-contrib-hls.min.js 227KB videojs-contrib-hls - 副本.js 700KB video - 副本.js 1.97MB video.js 1.97MB swiper.min.js 138KB index.js 747B wow.min.js 18KB hls.js 638KB liveplayer-element.min.js 1.15MB css video.css 42KB animate.min.css 70KB index.css 5KB swiper.min.css 13KB favicon.ico 7KB
index.html 7KB资源评论
