<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/PT_Sans_400.font.js" type="text/javascript"></script>
<script src="js/PT_Sans_italic_400.font.js" type="text/javascript"></script>
<script src="js/Satisfy_400.font.js" type="text/javascript"></script>
<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/easyTooltip.js" type="text/javascript"></script>
<script src="js/jquery.galleriffic.js" type="text/javascript"></script>
<script src="js/jquery.opacityrollover.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page3">
<div class="extra">
<!--==============================header=================================-->
<header>
<div class="menu-row">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav class="fleft">
<ul class="services-menu">
<li class="m1"><a href="index.html"></a></li>
<li class="m2"><a href="contacts.html"></a></li>
<li class="m3"><a href="#"></a></li>
</ul>
</nav>
<nav class="fright">
<ul class="main-menu">
<li><a href="index.html">Main</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="gallery.html">Gallery</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="header-row"><div class="ic">More Website Templates @ TemplateMonster.com - November 07, 2011!</div>
<div class="main">
<h1 class="p0">
<a href="index.html">BeautyCenter</a>
<em>Keep Your Perfect Look</em>
</h1>
</div>
</div>
</header>
<!--==============================content================================-->
<section id="content">
<div class="bg">
<div class="main">
<div id="gallery" class="content">
<div class="wrapper">
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
</div>
</div>
<div id="thumbs" class="navigation">
<h3>Gallery</h3>
<ul class="thumbs noscript">
<li>
<a class="thumb" href="images/slider-img1.jpg" title=""> <img src="images/page3-img1.jpg" alt="" /><span></span> </a>
</li>
<li>
<a class="thumb" href="images/slider-img2.jpg" title=""> <img src="images/page1-img1.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/slider-img4.jpg" title=""> <img src="images/page2-img1.jpg" alt="" /> <span></span></a>
</li>
<li class="last">
<a class="thumb" href="images/slider-img3.jpg" title=""> <img src="images/page2-img2.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/slider-img4.jpg" title=""> <img src="images/page2-img1.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/slider-img3.jpg" title=""> <img src="images/page2-img2.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/slider-img1.jpg" title=""> <img src="images/page3-img1.jpg" alt="" /><span></span> </a>
</li>
<li class="last">
<a class="thumb" href="images/slider-img2.jpg" title=""> <img src="images/page1-img1.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/slider-img1.jpg" title=""> <img src="images/page3-img1.jpg" alt="" /><span></span> </a>
</li>
<li>
<a class="thumb" href="images/slider-img2.jpg" title=""> <img src="images/page1-img1.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/slider-img4.jpg" title=""> <img src="images/page2-img1.jpg" alt="" /> <span></span></a>
</li>
<li class="last">
<a class="thumb" href="images/slider-img3.jpg" title=""> <img src="images/page2-img2.jpg" alt="" /> <span></span></a>
</li>
<li class="last2">
<a class="thumb" href="images/slider-img4.jpg" title=""> <img src="images/page2-img1.jpg" alt="" /> <span></span></a>
</li>
<li class="last2">
<a class="thumb" href="images/slider-img3.jpg" title=""> <img src="images/page2-img2.jpg" alt="" /> <span></span></a>
</li>
<li class="last2">
<a class="thumb" href="images/slider-img1.jpg" title=""> <img src="images/page3-img1.jpg" alt="" /><span></span> </a>
</li>
<li class="last last2">
<a class="thumb" href="images/slider-img2.jpg" title=""> <img src="images/page1-img1.jpg" alt="" /> <span></span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="block"></div>
</section>
</div>
<!--==============================footer=================================-->
<footer>
<div class="footer-bg">
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_12">
<div class="wrapper">
<span class="footer-text">Beauty Center © 2011 <a rel="nofollow" href="http//www.html5xcss3.com/">Free Html5 Template</a> by TemplateMonster.com</span>
<ul class="list-services">
<li>Follow Us:</li>
<li class="item-1"><a class="tooltips" title="facebook" href="#"></a></li>
<li class="item-2"><a class="tooltips" title="twitter" href="#"></a></li>
<li class="item-3"><a class="tooltips" title="picasa" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(window).load(function() {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '940px'});
$('div.content').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.5;
$('#thumbs ul.thumbs li span').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 0.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 7000,
numThumbs: 12,
preloadAhead: 6,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '',
captionContainerSel: '',
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
美甲_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip (48个子文件)
美甲
js
Satisfy_400.font.js 25KB
FF-cash.js 386B
html5.js 1KB
NewsGoth_400.font.js 48KB
cufon-yui.js 18KB
tms_presets.js 19KB
easyTooltip.js 2KB
PT_Sans_400.font.js 21KB
tms-0.3.js 12KB
jquery.galleriffic.js 32KB
jquery-1.6.3.min.js 89KB
jquery.easing.1.3.js 8KB
jquery.opacityrollover.js 959B
PT_Sans_italic_400.font.js 22KB
cufon-replace.js 279B
script.js 85B
css
style.css 14KB
reset.css 918B
grid.css 5KB
contacts.html 7KB
services.html 7KB
index.html 8KB
about.html 8KB
images
page4-img1.jpg 12KB
pic-1.gif 43B
icon-contact.gif 65B
marker-1.png 1KB
slider-img3.jpg 96KB
icon-home.gif 65B
slider-img1.jpg 98KB
pagination-spacer.gif 311B
button-tail.gif 105B
bg-2.jpg 116KB
pagination-a.png 312B
logo.png 16KB
social-icons.png 4KB
page1-img1.jpg 10KB
bg.jpg 299KB
button2-tail.gif 164B
page2-img1.jpg 11KB
slider-img4.jpg 76KB
icon-tree.gif 64B
pagination-spacer.png 123B
page2-img2.jpg 11KB
marker-2.gif 51B
slider-img2.jpg 92KB
page3-img1.jpg 10KB
gallery.html 9KB
共 48 条
- 1
资源评论
qw_6918966011
- 粉丝: 22
- 资源: 6162
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功