master

分支 (2)

管理

管理

master

xu

bean_fruit
/
popUp.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/public.js"></script>
	<link rel="stylesheet" href="css/public.css">
	<link rel="stylesheet" href="css/popUp.css">
	<script src="js/popUp.js"></script>
</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="">菜谱分类</a></div>
						<div class="pull-left"><a href="">购好货</a></div>
						<div class="pull-left"><a href="">美食圈</a></div>
						<div class="pull-left"><a href="">发布</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="">登陆</a>
									|
									<a href="">注册</a>
								</div>
								<div class="pull-left"><a href="">关于豆果</a></div>
								<div class="pull-left"><a href="">联系豆子</a></div>
								<div class="pull-left">
									<!-- <input type="text" name="" id="search"> -->
									<button class='search'></button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="about-nav">
			<div class="navs">
				<div class="a-herf"><a href="about.html">精选</a></div>
				<div class="a-herf"><a href="contact.html">作品</a></div>
				<div class="a-herf"><a href="#">菜单</a></div>
				<div class="a-herf"><a href="#">排行榜</a></div>
			</div>
		</div>
	</header>
<!-- 我是邪恶的分割线 -->
	<section>
		<div class="section-nav">
			<div class="nav-item">
				<div class="item item1">
					<a href="#">菜式</a>
				</div>
				<div class="item item2"><a href="#">烘焙</a></div>
				<div class="item item3"><a href="#">功效</a></div>
				<div class="item item4"><a href="#">场景</a></div>
				<div class="item item5"><a href="#">全部</a></div>
			</div>
		</div>

		<!-- <div class="section-dishes">
			<div class="dishes">
				<h4>菜式</h4>
				<div>
					<h6>下饭菜</h6>
					<h6>甜品</h6>
					<h6>肉类</h6>
					<h6>主食</h6>
					<h6>私家菜</h6>
				</div>
			</div>
		</div> -->


		<div class="section-center">
			<div class="dishes">
				<h4>菜式</h4>
				<div>
					<h6>下饭菜</h6>
					<h6>甜品</h6>
					<h6>肉类</h6>
					<h6>主食</h6>
					<h6>私家菜</h6>
				</div>
			</div>
			<div class="top">
				<h4>吃饭不积极，脑子有问题</h4>
				<h4><a href="#">更多>></a></h4>
			</div>

			<!-- <div class="center">

			</div> -->

			<div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
			<!-- <div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
			<div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
			<div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
			<div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
			<div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
			<div class="picture">
				<div class="pic-left"></div>
				<div class="pic-center"></div>
				<div class="pic-right"></div>
			</div>
 -->


			<div class="page-number">
				<form>
					<input type="button" value="1" class='page-btn'>
					<input type="button" value="2" class='page-btn'>
					<input type="button" value="3" class='page-btn'>
					<input type="button" value="4" class='page-btn'>
					<input type="button" value="&middot;&middot;&middot;" class='page-btn'>
					<input type="button" value="下一页">
					<input type="button" value="尾页">
				</form>
			</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>