master

分支 (2)

管理

管理

master

xu

bean_fruit
/
cookBook.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/cookBook.css">
	<script src="js/cookBook.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="#">精选</a></div>
				<div class="a-herf"><a href="#">作品</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-center">
				<div class="top">
					<div>最新上传</div>
					<div>
						<a href="">更多>></a>
					</div>
				</div>
				<div class="content">
					<!-- <div><img src="image/personalCenter/push/oatmealCookies_little.png"></div>
					<div>
						<h4></h4>
						<h6></h6>
						<a class="btn btn-default" href="">查看更多</a>
					</div>
					<div><img src="image/personalCenter/push/oatmealCookies_little.png"></div>
					<div>
						<h4></h4>
						<h6></h6>
						<a class="btn btn-default" href="">查看更多</a>
					</div> -->
				</div>
				<div class="contentc"></div>
				<div class="content"></div>
				<div class="contentc"></div>
				<div class="content"></div>
				<div class="contentc"></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>