master

分支 (2)

管理

管理

master

xu

bean_fruit
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>豆果美食-首页</title>
	<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
	<link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.css">
	<script src="swiper-4.5.0/dist/js//swiper.js"></script>
	<script src="js/jquery-3.3.1.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script src="js/index.js"></script>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/public.css">
</head>
<body>
	<header>
		<div class="swiper-container">
		  <div class="swiper-wrapper">
		    <div class="swiper-slide">
		    	<img src="image/public/index-banner.png" alt="">
		    </div>
		    <div class="swiper-slide">
		    	<img src="image/public/index-banner.png" alt="">
		    </div>
		    <div class="swiper-slide">
		    	<img src="image/public/index-banner.png" alt="">
		    </div>
		    <div class="swiper-slide">
		    	<img src="image/public/index-banner.png" alt="">
		    </div>
		    <div class="swiper-slide">
		    	<img src="image/public/index-banner.png" alt="">
		    </div>
		  </div>
		  <!-- Add Pagination -->
		  <div class="swiper-pagination"></div>
		</div>
		<div class="container-fluid header_box">
			<div class="row">
				<div class="col-md-6 col-sm-6 col-xs-6">
					<div class="row row-left">
						<div class="pull-left logo">
							  <img src="image/public/logo.png" alt="">
						</div>
						<div class="pull-left"><a href="" target="_blank">菜谱分类</a></div>
						<div class="pull-left"><a href="" target="_blank">购好货</a></div>
						<div class="pull-left"><a href="" target="_blank">美食圈</a></div>
						<div class="pull-left"><a href="" target="_blank">发布</a></div>

					</div>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6">
					<div class="row">
						<div class="col-md-8 col-md-offset-2">
							<div class="row pull-right">
								<div class="pull-left">
									<a href="" target="_blank">登陆</a>
									|
									<a href="" target="_blank">注册</a>
								</div>
								<div class="pull-left"><a href="about.html" target="_blank">关于豆果</a></div>
								<div class="pull-left"><a href="contact.html" target="_blank">联系豆子</a></div>
								<div class="pull-left">
									<!-- <input type="text" name="" id="search"> -->
									<button class='search'></button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
<!-- 我是邪恶的分割线 -->
	<section>
		<div class="cake">
			<div class="cake-img">
				<img src="image/index/cake.png" alt="">
			</div>
			<div class="cake-font">
				<div>
					<img src="image/index/about-us.png" alt="">
				</div>
				<p>豆果美食是国内一家发现、分享、交流美食的互动平台</p>
				<p>目前发展成为国内以及全球华人中熟知的美食互动社区网站</p>
				<p>关于家的味道，日子的温度</p>
				<p>展示烹饪技术、分享经验、提升厨艺</p>
				<p>有2亿的美食用户、100万道美食菜谱</p>
				<p>豆果美食开启你的美味品质生活</p>
				<button class='' value="">SHOW MORE</button>
			</div>
		</div>
		<div class="show-case">
			<div class="show-banner">
				<div class="show-left">
					<div class="left-aline"></div>
				</div>
				<h2>SHOW CASE</h2>
				<h3>餐品展示</h3>
				<div class="show-right">
					<div class="right-aline"></div>
				</div>
			</div>
		</div>
		<div class="more-logo">
			<p><a href="" target="_blank">更多 > ></a></p>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="img-mask">
					冰雪
				</div>
				<a href="" target="_blank"><img src="image/index/index-1.png" alt=""></a>
			</div>
			<div class="img">
				<div class="img-mask">
					阳光
				</div>
				<a href="" target="_blank"><img src="image/index/index-2.jpeg" alt=""></a>
			</div>
			<div class="img">
				<div class="img-mask">
					甜蜜
				</div>
				<a href="" target="_blank"><img src="image/index/index-3.jpg" alt=""></a>
			</div>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="img-mask">
					润泽
				</div>
				<a href="" target="_blank"><img src="image/index/index-4.jpg" alt=""></a>
			</div>
			<div class="img">
				<div class="img-mask">
					蜜恋
				</div>
				<a href="" target="_blank"><img src="image/index/index-5.jpg" alt=""></a>
			</div>
			<div class="img">
				<div class="img-mask">
					田园
				</div>
				<a href="" target="_blank"><img src="image/index/index-6.jpeg" alt=""></a>
			</div>
		</div>
		<div class="show-case">
			<div class="show-banner">
				<div class="show-left">
					<div class="left-aline"></div>
				</div>
				<h2>BAST SALE</h2>
				<h3>本周主打</h3>
				<div class="show-right">
					<div class="right-aline"></div>
				</div>
			</div>
		</div>
		<div class="more-logo">
			<p><a href="" target="_blank">更多 > ></a></p>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="img-mask">
					澳洲龙虾
					<button>查看详情</button>
				</div>
				<img src="image/index/sale-1.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask">
					少女甜甜圈
					<button>查看详情</button>
				</div>
				<img src="image/index/index-3.jpg" alt="">
			</div>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="img-mask">
					手工干薯
					<button>查看详情</button>
				</div>
				<img src="image/index/index-4.jpg" alt="">
			</div>
			<div class="img">
				<div class="img-mask">
					流心蜜枣
					<button>查看详情</button>
				</div>
				<img src="image/index/index-5.jpg" alt="">
			</div>
			<div class="img">
				<div class="img-mask">
					风味青稞
					<button>查看详情</button>
				</div>
				<img src="image/index/index-6.jpeg" alt="">
			</div>
		</div>
		<!--  -->
		<div class="show-case">
			<div class="show-banner">
				<div class="show-left">
					<div class="left-aline left-aline-ani"></div>
				</div>
				<h2>BUY STUFF</h2>
				<h3>精选好货</h3>
				<div class="show-right">
					<div class="right-aline"></div>
				</div>
			</div>
		</div>
		<div class="more-logo">
			<p><a href="" target="_blank">更多 > ></a></p>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="info-top">
					<img src="image/index/infomation-top.png" alt="">
				</div>
				<a href="" target="_blank"><img src="image/index/index-4.jpg" alt=""></a>
			</div>
			<div class="img">
				<a href="" target="_blank"><img src="image/index/index-5.jpg" alt=""></a>
				<div class="info-bottom">
					<img src="image/index/infomation-bottom.png" alt="">
				</div>
			</div>
			<div class="img">
				<div class="info-top">
					<img src="image/index/infomation-top.png" alt="">
				</div>
				<a href="" target="_blank"><img src="image/index/index-6.jpeg" alt=""></a>
			</div>
		</div>
		<!--  -->
		<div class="show-case">
			<div class="show-banner">
				<div class="show-left">
					<div class="left-aline"></div>
				</div>
				<h2>SEASON FOOD</h2>
				<h3>时令食材</h3>
				<div class="show-right">
					<div class="right-aline"></div>
				</div>
			</div>
		</div>
		<div class="more-logo">
			<p><a href="" target="_blank">更多 > ></a></p>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="img-mask img-mask-season">
					几条咸鱼
				</div>
				<img src="image/index/seation_02.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask img-mask-season">
					一只大蒜
				</div>
				<img src="image/index/seation_03.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask img-mask-season">
					一些干果
				</div>
				<img src="image/index/seation_05.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask img-mask-season">
					一扇排骨
				</div>
				<img src="image/index/seation_06.png" alt="">
			</div>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<div class="img-mask img-mask-season">
					一些奶酪
				</div>
				<img src="image/index/seation_09.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask img-mask-season">
					一些山货
				</div>
				<img src="image/index/seation_08.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask img-mask-season">
					一些甜点
				</div>
				<img src="image/index/seation_07.png" alt="">
			</div>
			<div class="img">
				<div class="img-mask img-mask-season">
					还是咸鱼
				</div>
				<img src="image/index/seation_02.png" alt="">
			</div>
		</div>
		<div class="show-case">
			<div class="show-banner">
				<div class="show-left">
					<div class="left-aline"></div>
				</div>
				<h2>FOOD APPEAL</h2>
				<h3>美食号召</h3>
				<div class="show-right">
					<div class="right-aline"></div>
				</div>
			</div>
		</div>
		<div class="more-logo">
			<p><a href="" target="_blank">更多 > ></a></p>
		</div>
		<div class="show-case-img-box">
			<div class="img">
				<img src="image/index/appeal-banner.png" alt="">
			</div>
		</div>
		<div class="show-case">
			<div class="show-banner">
				<div class="show-left">
					<div class="left-aline"></div>
				</div>
				<h2>OUR SERVICE</h2>
				<h3>精致服务</h3>
				<div class="show-right">
					<div class="right-aline"></div>
				</div>
			</div>
		</div>
		<div class="more-logo">
			<p><a href="" target="_blank">更多 > ></a></p>
		</div>
		<div class="show-case-info-box">
			<div class="service-info">
				<img src="image/index/service1.png" alt="">
				<h3>严选食材</h3>
				<p>食不厌精，脍不厌细。我们执着于对吃的品质追求，良材是美味的奠定。这是唇齿间的感官满足，也是由心使然的美食哲学。</p>
			</div>
			<div class="service-info">
				<img src="image/index/service2.png" alt="">
				<h3>名厨主理</h3>
				<p>五味调和，鲜之有道，味蕾的愉悦是最原始的欲望满足。极致的美味体验不是凭空而来，所有的呈现都源于对美食的执念与热爱。</p>
			</div>
			<div class="service-info">
				<img src="image/index/service3.png" alt="">
				<h3>均衡营养</h3>
				<p>严遵健康饮食，供给平衡膳食，补充人体所需营养，保证餐品安全、健康、营养、美味，中国烹饪协会和北京营养师协会联合监制。</p>
			</div>
		</div>
		<div class="show-case-info-box">
			<div class="service-info">
				<img src="image/index/service4.png" alt="">
				<h3>全程冷链</h3>
				<p>从源头到终端，全程冷链锁定食材的营养与鲜度，保证最赏味期。智能化中央厨房，高标准、极新鲜、超健康，满足餐品更高品质。</p>
			</div>
			<div class="service-info">
				<img src="image/index/service5.png" alt="">
				<h3>终端自助</h3>
				<p>全网联控，不同终端满足不同场景的美食需求；智能互联，自动化集成办公，品质全程可追溯，健康大数据，给你更细致入微的关怀。</p>
			</div>
			<div class="service-info">
				<img src="image/index/service6.png" alt="">
				<h3>智能互联</h3>
				<p>全网联控，不同终端可满足不情境下的美食需求；智能互联，细致入微的关怀下，联动着的是豆果始终如一的品质。</p>
			</div>
		</div>
	</section>
<!-- 我是邪恶的分割线 -->
	<footer>
		<div class="footer-box container">
			<img class='dg-footer' src="image/public/dg-footer.png" alt="">
			<div class="footer-img-box">
				<img src="image/public/banner-footer.png" alt="" class="banner-footer">
			</div>
			<div class="row">
				<div class="pull-left about-full">
					<span>关于豆果</span>
					<ul>
						<li><a href="">公司简介</a></li>
						<li><a href="">联系我们</a></li>
						<li><a href="">意见反馈</a></li>
					</ul>
				</div>
				<div class="pull-left more-full">
					<span>更多合作,更多精彩</span>
					<div>
						<div class="pull-left">
							<ul>
								<li><a href="">公司简介</a></li>
								<li><a href="">联系我们</a></li>
								<li><a href="">意见反馈</a></li>
							</ul>
						</div>
						<div class="pull-left">
							<ul>
								<li><a href="">公司简介</a></li>
								<li><a href="">联系我们</a></li>
								<li><a href="">意见反馈</a></li>
							</ul>
						</div>
						<div class="pull-left">
							<ul>
								<li><a href="">公司简介</a></li>
								<li><a href="">联系我们</a></li>
								<li><a href="">意见反馈</a></li>
							</ul>
						</div>
						<div class="pull-left">
							<ul>
								<li><a href="">公司简介</a></li>
								<li><a href="">联系我们</a></li>
								<li><a href="">意见反馈</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<p>
				<a href="">关于豆果</a>
				|
				<a href="">联系豆子</a>
				|
				<a href="">意见反馈</a>
				|
				<a href="">友情链接</a>
				|
				<a href="">菜谱大全</a>
			</p>
			<p class='copy'>
				2009-2017 北京豆果信息技术有限公司 京ICP证111032号 京公安网安备11010102001133号 京网文[2014]0774-174号 食品流通许可证SP1101061510252413
			</p>
		</div>
	</footer>
</body>
</html>