master

分支 (2)

管理

管理

master

xu

bean_fruit
/
personalCenter.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/personalCenter.css">
	<script src="js/personalCenter.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>
		</div>
	</header>
<!-- 我是邪恶的分割线 -->
	<section>
		<div class="section-box">
			<div class="person-center">
				<img src="image/personalCenter/personal_banner.png" alt="">
				<div class="person-img"></div>
				<div class="person-btn">
					<input type="button" value=" + 关注">
					<input type="button" class="fansnum" value="粉丝">
					<input type="button" class="caipunum" value="菜谱">
					<input type="button" class="notenum" value="日记">
				</div>
				<div class="person-nav">
					<input type="button" id="general" value="概览">
					<input type="button" id="menu" value="菜单">
					<input type="button" id="FoodDiary" value="美食日记">
					<input type="button" id="OurWorks" value="作品">
					<input type="button" id="Collection" value="收藏">
					<input type="button" id="LeavingMess" value="留言">
				</div>
			</div>
			<div class="personal-info">
				<div class="public-nav">

				</div>
				<div class="publicInfo-box">
					<div></div>
					<div class="page-number">
						<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="尾页">
					</div>
				</div>
				<div class="push-mess">
				</div>
			</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>