<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Gelios 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href='http://fonts.useso.com/css?family=Playball' rel='stylesheet' type='text/css'>
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
<script src="js/jquery.easydropdown.js"></script>
<!----- start-Share-instantly-slider---->
<!-- Prettify -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo , #owl-demo1").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
});
});
</script>
<script>
$(document).ready(function() {
$("#owl-demo3").owlCarousel({
items : 4,
lazyLoad : true,
autoPlay : true,
navigation: false,
pagination: false,
});
});
</script>
<!----- //End-Share-instantly-slider---->
<script type="text/javascript" src="js/hover_pack.js"></script>
</head>
<body>
<!----start-header---->
<div class="header">
<div class="container">
<div class="dropdown_box">
<select class="dropdown" tabindex="10" data-settings='{"wrapperClass":"metro"}'>
<option value="0">English</option>
<option value="1">French</option>
<option value="2">German</option>
</select>
</div>
<div class="clearfix"></div>
<div class="header_top">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="images/nav_icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="404.html">Shortcodes</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
<script type="text/javascript" src="js/responsive-nav.js"></script>
</div>
<div class="clearfix"> </div>
<!----//End-top-nav---->
</div>
</div>
</div>
<!----//End-header---->
<div class="banner">
<div class="banner_container">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner_right">
<h1>Welcome to <span class="color1">G</span>elios<span class="color1">.</span></h1>
<h2>Awesome , Clean & Unique Template</h2>
<a href="#" title="Online Reservation" class="btn btn-primary btn-normal btn-inline " target="_self">Read More about gelios</a>
</div>
<div class="clearfix"></div>
</article>
<article style="position: relative; width: 100%; opacity: 1;">
<div class="banner_right">
<h1>Welcome to <span class="color1">G</span>elios<span class="color1">.</span></h1>
<h2>There are many variations</h2>
<a href="#" title="Online Reservation" class="btn btn-primary btn-normal btn-inline " target="_self">Read More about gelios</a>
</div>
<div class="clearfix"></div>
</article>
</div>
<a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
</div>
</div>
<div class="banner_text">
<div class="container">
<ul class="banner_box">
<li class="box_desc">There are many variations of passages of Lorem ipsum available but the majority.</li>
<li class="box_but"><a href="#" title="Download" class="btn1 btn1-primary1" target="_self">Download Now theme</a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="grid_1 text-center">
<div class="container">
<div class="col-md-4 box_1">
<i class="icon1"> </i>
<h3>Web Design</h3>
<p>Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus Morbi in dui quis est pulvinar</p>
</div>
<div class="col-md-4 box_1">
<i class="icon2"> </i>
<h3>Web Development</h3>
<p>Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus Morbi in dui quis est pulvinar</p>
</div>
<div class="col-md-4 box_1">
<i class="icon3"> </i>
<h3>Simple and Clean</h3>
<p>Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus Morbi in dui quis est pulvinar</p>
</div>
</div>
</div>
<div class="grid_2">
<h3>Recent Projects</h3>
<div id="owl-demo3" class="owl-carousel owl-carousel2">
<div class="item">
<a href="#" class="b-link-stroke b-animate-go thickbox">
<img class="lazyOwl" data-src="images/p1.jpg" alt="Lazy Owl Image"><div class="b-wrapper">
</div></a>
</div>
<div class="item">
<a href="#" class="b-link-stroke b-animate-go thickbox">
<img class="lazyOwl" data-src="images/p2.jpg" alt="Lazy Owl Image"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">Photo 1</h2><p class="b-animate b-from-right b-delay03 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></a>
</div>
<div class="item">
<a href="#" class="b-link-stroke b-animate-go thickbox">
<img class="lazyOwl" data-src="images/p3.jpg" alt="Lazy Owl Image"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">Photo 1</h2><p class="b-animate b-from-right b-delay03 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div></a>
</div>
<div class="item">
<a href="#" class="b-link-stroke b-animate-go thickbox">
彩妆美容美甲公司模板_html5 bootstrap 响应式模板UI前端源码.rar
176 浏览量
2023-08-01
14:03:00
上传
评论
收藏 850KB RAR 举报
彩妆美容美甲公司模板_html5 bootstrap 响应式模板UI前端源码.rar （73个子文件） 
moban382 
portfolio.html 12KB js 
highcharts.js 149KB jquery.wmuSlider.js 12KB jquery.easydropdown.js 12KB jquery.flexslider.js 39KB hover_pack.js 12KB responsive-nav.js 1KB jquery-1.11.1.min.js 94KB owl.carousel.js 37KB jquery.etalage.min.js 17KB jquery.flexisel.js 8KB css style.css 49KB flexslider.css 4KB owl.carousel.css 9KB bootstrap.css 118KB etalage.css 5KB 404.html 6KB services.html 12KB index.html 19KB contact.html 8KB about.html 19KB single.html 12KB images 
port6.jpg 31KB
test_icon.png 4KB a2.jpg 8KB b1.jpg 32KB 2.jpg 15KB twitter.jpg 7KB f8.jpg 3KB f4.jpg 3KB f2.jpg 3KB b2.jpg 20KB arrow_left.png 3KB arrow.png 3KB f1.jpg 3KB f9.jpg 3KB blog_s4.jpg 3KB banner.jpg 64KB logo.png 4KB f5.jpg 4KB a1.jpg 6KB 1.jpg 27KB f6.jpg 4KB p4.jpg 35KB b3.jpg 30KB f3.jpg 3KB pic2.jpg 11KB arrows1.png 3KB arrow_right.png 3KB a3.jpg 6KB search.png 3KB pic3.jpg 17KB about_banner.jpg 29KB d.png 3KB pic1.jpg 17KB port5.jpg 21KB blog_s3.jpg 1KB port2.jpg 23KB blog_s1.jpg 1KB img-sprite.png 13KB blog_s2.jpg 1KB f_logo.png 4KB a4.jpg 8KB p2.jpg 23KB f7.jpg 4KB p3.jpg 28KB nav_icon.png 209B blog.jpg 43KB 3.jpg 23KB port8.jpg 26KB p1.jpg 33KB blog.html 11KB fonts ColabReg-webfont.ttf 43KB资源评论
