<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/component.css" rel="stylesheet" type="text/css" />
<!--Custom-Theme-files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Gorgeous Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--//Custom-Theme-files-->
<!--js-->
<script src="js/jquery-1.11.1.min.js"></script>
<!--//js-->
<!--start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
</head>
<body class="cbp-spmenu-push">
<!--banner-->
<div class="banner" id="home">
<!--header-->
<div class="header">
<div class="logo">
<h1><a href="index.html">Gorgeous</a></h1>
</div>
<div class="top-nav">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
<h3>Menu</h3>
<a href="index.html" class="active scroll">Home</a>
<a href="#about" class="scroll">About Us</a>
<a href="#gallery" class="scroll">Gallery</a>
<a href="#news" class="scroll">News</a>
<a href="#advantages" class="scroll">Our Advantages</a>
<a href="#contact" class="scroll">Contact Us</a>
</nav>
<div class="main buttonset">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
<!--<span class="menu"></span>-->
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
<!-- /script-for-menu -->
</div>
<div class="clearfix"></div>
</div>
<!--//header-->
<div class="container">
<div class="banner-bottom">
<ul>
<li class="s1"><p>SCROLL DOWN</p><a href="#about" class="scroll"><img src="images/d-arw.png" alt="" /></a></li>
<li class="s2"><p>SCROLL DOWN</p><a href="#about" class="scroll"><img src="images/d-arw.png" alt="" /></a></li>
</ul>
</div>
<div class="bnr-grids">
<div class="col-md-4 bnr-left">
<div class="b-one">
<img src="images/1.png" alt="" />
<p>Ut tincidunt dolor sed neque malesuada ullamcorper. In accumsan magna in tristique consectetur.</p>
</div>
</div>
<div class="col-md-4 bnr-left">
<div class="b-two">
<img src="images/2.png" alt="" />
<p>Ut tincidunt dolor sed neque malesuada ullamcorper. In accumsan magna in tristique consectetur.</p>
</div>
</div>
<div class="col-md-4 bnr-left">
<div class="b-tre">
<img src="images/3.png" alt="" />
<p>Ut tincidunt dolor sed neque malesuada ullamcorper. In accumsan magna in tristique consectetur.</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--//banner-->
<!--about-starts-->
<div class="about" id="about">
<div class="container">
<div class="about-top heading">
<h2>About Us</h2>
<p>Donec eu aliquam eros. Integer consequat purus ac lorem finibus vestibulum. Donec pulvinar purus a nibh tempus convallis. Sed scelerisque posuere maximus.</p>
</div>
<div class="about-bottom">
<div class="col-md-6 about-left">
<div class="abt-one">
<div class="abt-left">
<h4>Pellentesque mollis malesuada</h4>
<p>Nulla et finibus libero. Suspendisse vitae ex facilisis, ultricies est sed, porta ante. Vivamus tristique luctus lorem, eget dignissim lacus sodales tristique.</p>
</div>
<div class="abt-right">
<span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="abt-two">
<div class="abt-left">
<h4>Pellentesque mollis malesuada</h4>
<p>Nulla et finibus libero. Suspendisse vitae ex facilisis, ultricies est sed, porta ante. Vivamus tristique luctus lorem, eget dignissim lacus sodales tristique.</p>
</div>
<div class="abt-right">
<span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 about-left">
<div class="abt-one">
<div class="ab-left">
<span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
</div>
<div class="ab-right">
<h4>Pellentesque mollis malesuada</h4>
<p>Nulla et finibus libero. Suspendisse vitae ex facilisis, ultricies est sed, porta ante. Vivamus tristique luctus lorem, eget dignissim lacus sodales tristique.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="abt-two">
<div class="ab-left">
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
</div>
<div class="ab-right">
<h4>Pellentesque mollis malesuada</h4>
<p>Nulla et finibus libero. Suspendisse vitae ex facilisis, ultricies est sed, porta ante. Vivamus tristique luctus lorem, eget dignissim lacus sodales tristique.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--about-end-->
<!--gallery-starts-->
<div class="gallery" id="gallery">
<div class="container">
<div class="gallery-top heading">
<h3>Our Gallery</h3>
</div>
<div class="gallery-bottom">
<div class="gallery-grids">
<div class="col-md-3 gallery-left">
<div class="g-1">
<a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="images/g-2.jpg" alt=""/></a>
</div>
<div class="g-2">
<a class="example-image-link" href="images/g7.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="images/g-7.jpg" alt=""/></a>
</div>
</div>
<div class="col-md-6 gallery-left">
<a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="images/g-1.jpg" alt=""/></a>
<div class="g-5">
<div class="col-md-6 g-3">
<a class="example-image-link" href="images/g5.jpg" data-lightbox="example-set" data-title=""><img class="example-image" src="images/g-5.jpg" alt=""/></a>
</div>
<div class="col-md-6 g-4">
<a
胭脂化妆品企业网站模板是一款html5模板，适合化妆品公司网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （58个子文件） 
胭脂化妆品企业网站模板是一款html5模板，适合化妆品公司网站模板下载。 moban787 js 
modernizr.custom.97074.js 8KB jquery.chocolat.js 10KB jquery.flexslider.js 41KB easing.js 5KB classie.js 2KB move-top.js 1KB modernizr.custom.js 8KB jquery-1.11.1.min.js 94KB css style.css 23KB flexslider.css 4KB component.css 2KB bootstrap.css 138KB chocolat.css 2KB
index.html 18KB images 
g3.jpg 77KB g2.jpg 73KB b1.jpg 42KB g-2.jpg 19KB test-1.jpg 14KB g-5.jpg 13KB
3.png 17KB g8.jpg 55KB a-1.jpg 20KB a-3.jpg 25KB menu.png 3KB g-4.jpg 13KB g-6.jpg 17KB left-1.png 3KB social.png 4KB 1.png 15KB bnr.jpg 86KB g-3.jpg 29KB g7.jpg 44KB a-2.jpg 14KB g6.jpg 61KB b5.jpg 20KB b4.jpg 27KB d-arw.png 3KB g5.jpg 42KB a-4.jpg 23KB close.png 280B g-8.jpg 28KB right-1.png 3KB g4.jpg 48KB g-1.jpg 25KB top-arrow.png 5KB g-7.jpg 26KB 2.png 24KB g1.jpg 46KB c-banner.jpg 53KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB SourceSansPro-Regular.ttf 146KB Niconne-Regular.ttf 45KB Italianno-Regular.ttf 134KB资源评论
