<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>SIDE MENU STYLE TEMPLATE</title>
<!-- BOOTSTRAP CORE STYLE -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME ICONS STYLE -->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- CUSTOM STYLE CSS -->
<link href="assets/css/custom.css" rel="stylesheet" />
</head>
<body>
<a id="menu-button" class="btn btn-success" href="#" > MENU</a>
<div id="sidebar-wrapper">
<ul class="sidebar-nav ">
<a id="menu-close" href="#" class="pull-right toggle" >CLOSE</a>
<span class="move-me">
<li >
<div class="main-name">
<a href="#"><strong>DESIGN</strong></a>
</div>
</li>
<li>
<a href="#home-sec">Home</a>
</li>
<li>
<a href="#services-sec">SERVICES</a>
</li>
<li>
<a href="#portfolio-sec">PORTFOLIO</a>
</li>
<li>
<a href="#contact-sec">Contact</a>
</li>
</span>
</ul>
</div>
<!-- END MENU SECTION-->
<div id="home-sec" >
<div class="overlay">
<div class="container">
<div class="row text-center">
<div class="col-md-8 col-md-offset-2" >
<h1 >Design STYLE</h1>
<p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis felis dolor vitae. Mauris sagittis felis dolor vitae.
Mauris sagittis felis dolor vitae Mauris sagittis felis dolor vitae.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<hr />
<hr />
<div class="just-pad"></div>
</div>
</div>
</div>
</div>
</div>
<!-- END HOME SECTION-->
<div id="services-sec">
<div class="container">
<div class="row text-center">
<div class="col-md-4" >
<i class="fa fa-home fa-5x ser-icon" ></i>
<h1 >Responsive Design</h1>
<p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<hr />
</div>
<div class="col-md-4" >
<i class="fa fa-bars fa-5x ser-icon"></i>
<h1 >Easy To Customize</h1>
<p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<hr />
</div>
<div class="col-md-4 " >
<i class="fa fa-recycle fa-5x ser-icon" style="border-radius:50%;height:150px;width:150px;border:8px solid #000;padding-top:30px;"></i>
<h1>Free To Download</h1>
<p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<hr />
</div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!--SERVICES SECTION END-->
<div id="just-sec" >
<div class="overlay">
<div class="container">
<div class="row text-center">
<div class="col-md-12" >
<h1 >
<i class="fa fa-quote-left fa-2x"></i> Simple Is Awesome
</h1>
</div>
</div>
</div>
</div>
</div>
<!-- END JUST SECTION-->
<div id="portfolio-sec" style="padding-top:50px;padding-bottom:80px;">
<div class="container">
<div class="row text-center">
<div class="col-md-12" >
<h1 class="header-line">Our Portfolio</h1>
----------------------------
<div class="just-pad"></div>
</div>
</div>
<div class="row text-center just-pad">
<div class="col-md-6" >
<img src="assets/img/p2.jpg" alt="" class="img-thumbnail img-responsive" />
<h1 class="port-name"># Portfolio Name #</h1>
<p >
Lorem ipsum dolor sit amet
</p>
<hr />
</div>
<div class="col-md-6" >
<img src="assets/img/p3.jpg" alt="" class="img-thumbnail img-responsive" />
<h1 class="port-name"># Portfolio Name #</h1>
<p >
Lorem ipsum dolor sit amet
</p>
<hr />
</div>
</div>
<div class="row text-center">
<div class="col-md-6" >
<img src="assets/img/p4.jpg" alt="" class="img-thumbnail img-responsive" />
<h1 class="port-name"># Portfolio Name #</h1>
<p >
Lorem ipsum dolor sit amet
</p>
</div>
<div class="col-md-6" >
<img src="assets/img/p1.jpg" alt="" class="img-thumbnail img-responsive" />
<h1 class="port-name"># Portfolio Name #</h1>
<p >
Lorem ipsum dolor sit amet
</p>
</div>
</div>
</div>
</div>
<!-- END PORTFOLIO SECTION-->
<div id="contact-sec" >
<div class="overlay">
<div class="container">
<div class="row text-center">
<div class="col-md-8 col-md-offset-2" >
<h1 style="color:#fff" class="header-line">Binarytheme.com</h1>
----------------------------
<h3><strong>256/90 </strong>Street, New Lane</h3>
<h3>The New Street</h3>
<h3>United States- 200-90-087</h3>
<br />
<div class="social-link">
<a href="#" >
<i class="fa fa-facebook-square fa-5x"></i>
</a>
<a href="#" >
<i class="fa fa-twitter-square fa-5x"></i>
</a>
<a href="#" >
<i class="fa fa-google-plus-square fa-5x"></i>
</a>
</div>
<br />
<h6> © 2014 YourDomain | More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> - Collect from <a href="http://www.moobnn.com/" title="模板在线" target="_blank">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></h6>
<br />
</div>
</div>
</div>
</div>
</div>
<!-- END CONTACT SECTION-->
<!-- JQUERY SCRIPTS-->
<script src="assets/js/jquery-1.11.1.js"></script>
<!-- BOOTSTRAP SCRIPTS-->
<script src="assets/js/bootstrap.js"></script>
<!-- SCROLL SCRIPTS-->
<script src="assets/js/jquery.easing.min.js"></script>
<!-- CUSTOM SCRIPTS-->
<script src="assets/js/custom.js"></script>
</body>
</html>
SIDEMENU旅行个人博客模板_旅行个人博客blogbootstrap响应式menu菜单侧栏.rar （24个子文件） 
bootstrap.js 59KB FontAwesome.otf 84KB custom.css 4KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB jquery.easing.min.js 5KB jquery-1.11.1.js 276KB fontawesome-webfont.eot 55KB font-awesome.css 26KB
header.jpg 395KB p4.jpg 111KB fontawesome-webfont.woff 64KB
just.png 350KB bootstrap.css 129KB
index.html 7KB p2.jpg 51KB fontawesome-webfont.svg 280KB p3.jpg 96KB fontawesome-webfont.ttf 110KB custom.js 2KB p1.jpg 142KB contact.jpg 412KB资源评论
