You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.9 KiB
88 lines
3.9 KiB
4 years ago
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>饮品首页</title>
|
||
|
|
<link rel="stylesheet" href="css/index.css">
|
||
|
|
<link rel="stylesheet" href="iconfont/iconfont.css">
|
||
|
|
<link rel="stylesheet" href="css/common.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<header style="height: 690px">
|
||
|
|
<div class="header_mask" style="height: 100%">
|
||
|
|
<div class="header_container">
|
||
|
|
<div class="navbar_left">
|
||
|
|
<a class="navbar_brand">SummerTime</a>
|
||
|
|
<div style="clear: both;display: inline-block"></div>
|
||
|
|
</div>
|
||
|
|
<div class="navbar_right">
|
||
|
|
<ul>
|
||
|
|
<li><a href="./index.html"> Index</a></li>
|
||
|
|
<li><a href=""><span class="iconfont icon-cha " style="font-size: 24px!important;"></span>Popular drinks</a></li>
|
||
|
|
<li><a href="">Services</a></li>
|
||
|
|
<li><a href="./message.html">MessageBoard</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="navbar_icon">
|
||
|
|
<ul >
|
||
|
|
<li><a href="./order.html"><span class="iconfont icon-dingdan1 " style="font-size: 30px!important;"></span></a></li>
|
||
|
|
<li><a href="./cart.html"><span class="iconfont icon-goumaihongbao " style="font-size: 30px!important;"></span></a></li>
|
||
|
|
<li><a href="./login.html"><span class="iconfont icon-shouyewode" style="font-size: 30px!important;"></span></a></li>
|
||
|
|
<li><a href="./register.html"><span class="iconfont icon-zhuce " style="font-size: 30px!important;"></span></a></li>
|
||
|
|
</ul>
|
||
|
|
<span style="clear: both"></span>
|
||
|
|
</div>
|
||
|
|
<div class="banner">
|
||
|
|
<img src="img/banner.jpg" alt="" style="width: 100%">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</header>
|
||
|
|
<!-- 第二部分 -->
|
||
|
|
<div class="part2">
|
||
|
|
<div class="center part2_content" >
|
||
|
|
<img src="img/part2.jpg" alt="" class="clearfloat" style="width: 410px;height: 485px">
|
||
|
|
<div class="part2_content_right">
|
||
|
|
<p class="part2_content_right_title">Welcome to Summertime</p>
|
||
|
|
<p class="part2_content_right_content">"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
|
||
|
|
<p class="part2_content_right_content" style="margin-top: 50px">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.</p>
|
||
|
|
</div>
|
||
|
|
<!-- <video class="part2_content_video" src="" controls="controls"></video> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="part3">
|
||
|
|
<div class="center part3_content">
|
||
|
|
<div class="part3_content_drink">
|
||
|
|
<img src="img/drink1.jpg" alt="">
|
||
|
|
<p>夏日樱桃冰冰</p>
|
||
|
|
<div class="cartButton">
|
||
|
|
<input type="submit" value="立即购买">
|
||
|
|
<input type="submit" value="加入购物车">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="part3_content_drink">
|
||
|
|
<img src="img/drink2.jpg" alt="">
|
||
|
|
<p>柠檬雪碧</p>
|
||
|
|
<div class="cartButton">
|
||
|
|
<input type="submit" value="立即购买">
|
||
|
|
<input type="submit" value="加入购物车">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="part3_content_drink">
|
||
|
|
<img src="img/drink3.jpg" alt="">
|
||
|
|
<p>浓浓奶茶</p>
|
||
|
|
<div class="cartButton">
|
||
|
|
<input type="submit" value="立即购买">
|
||
|
|
<input type="submit" value="加入购物车">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 底部小字 -->
|
||
|
|
<div class="bottom_small">© rj1907 版权所有 不得转载</div>
|
||
|
|
</body>
|
||
|
|
</html>
|