<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/superfish.css" media="screen">
<script src="js/jquery.js"></script>
<script src="js/superfish.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script>
(function($){ //create closure so we can safely use $ as alias for jQuery
$(document).ready(function(){
// initialise plugin
var example = $('#example').superfish({
//add options here if required
});
// buttons to demonstrate Superfish's public methods
$('.destroy').on('click', function(){
example.superfish('destroy');
});
$('.init').on('click', function(){
example.superfish();
});
$('.open').on('click', function(){
example.children('li:first').superfish('show');
});
$('.close').on('click', function(){
example.children('li:first').superfish('hide');
});
});
})(jQuery);
</script>
</head>
<body>
<!---start-wrap---->
<div class="wrap">
<!---start-header---->
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" title="naturex" /></a>
</div>
<div class="top-social-icons">
<ul>
<li><a class="icon1" href="#"> </a></li>
<li><a class="icon2" href="#"> </a></li>
<li><a class="icon3" href="#"> </a></li>
<li><a class="icon4" href="#"> </a></li>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
<!---End-header---->
<!---start-top-nav---->
<div class="top-nav">
<ul class="sf-menu sf-menu2" id="example">
<li class="current home">
<a href="index.html"></a>
</li>
<li class="active">
<a href="about.html">About</a>
</li>
<li>
<a class="direct" href="services.html">Services</a>
<ul>
<li>
<a href="#">electronic</a>
</li>
<li class="current">
<a href="#">typesetting</a>
<ul>
<li class="current"><a href="#">printin</a></li>
<li><a href="#">typesetting</a></li>
<li><a href="#">scrambled</a></li>
<li><a href="#">specimen book</a></li>
<li><a href="#">electronic typesetting</a></li>
</ul>
</li>
<li>
<a href="#">specimen book</a>
<ul>
<li><a href="#">scrambled</a></li>
<li><a href="#">specimen book</a></li>
<li><a href="#">electronic typesetting</a></li>
</ul>
</li>
<li>
<a href="#">scrambled</a>
<ul>
<li><a href="#">scrambled</a></li>
<li><a href="#">specimen book</a></li>
<li><a href="#">electronic typesetting</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="gallery.html">Gallery</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
<!---End-header---->
</div>
<!---start-content----->
<div class="content">
<!---start-services----->
<div class="gallery1">
<div class="wrap">
<h1>Our<span>Gallery</span></h1>
<div class="clear"> </div>
<div class="container">
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="app card icon logo web">Categorie1</span></li>
<li><span class="filter" data-filter="app">Categorie2</span></li>
<li><span class="filter" data-filter="card">Categorie3</span></li>
<li><span class="filter" data-filter="icon">Categorie4</span></li>
<li><span class="filter" data-filter="logo">Categorie5</span></li>
<li><span class="filter" data-filter="web">Categorie6</span></li>
</ul>
<div class="clear"></div>
<div id="portfoliolist">
<div class="portfolio logo1" data-cat="logo">
<div class="portfolio-wrapper">
<a href="images/s1.jpg" class="flipLightBox">
<img src="images/s1.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Bird Document</a>
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<a href="images/s4.jpg" class="flipLightBox">
<img src="images/s2.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Visual Infography</a>
<span class="text-category">APP</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio web" data-cat="web">
<div class="portfolio-wrapper">
<a href="images/s3.jpg" class="flipLightBox">
<img src="images/s3.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Sonor's Design</a>
<span class="text-category">Web design</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="images/s1.jpg" class="flipLightBox">
<img src="images/s1.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Typography Company</a>
<span class="text-category">Business card</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<a href="images/s1.jpg" class="flipLightBox">
<img src="images/s1.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Weatherette</a>
<span class="text-category">APP</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="images/s2.jpg" class="flipLightBox">
<img src="images/s2.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">BMF</a>
<span class="text-category">Business card</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio card" data-cat="card">
<div class="portfolio-wrapper">
<a href="images/s3.jpg" class="flipLightBox">
<img src="images/s3.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">Techlion</a>
<span class="text-category">Business card</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio logo1" data-cat="logo">
<div class="portfolio-wrapper">
<a href="images/s1.jpg" class="flipLightBox">
<img src="images/s1.jpg" alt="Image 2" />
</a>
<div class="label">
<div class="label-text">
<a class="text-title">KittyPic</a>
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</div>
</div>
<div class="portfolio app" data-cat="app">
<div class="portfolio-wrapper">
<a href="images/s2.jp
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
美容网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (61个子文件)
美容网站
js
fliplightbox.min.js 14KB
camera.min.js 38KB
jquery.easing.min.js 5KB
easing.js 5KB
superfish.js 7KB
move-top.js 1KB
jquery.lightbox.js 8KB
jquery.mixitup.min.js 14KB
jquery.easing.1.3.js 8KB
jquery.js 91KB
jquery.min.js 92KB
jquery.mobile.customized.min.js 17KB
css
style.css 26KB
superfish.css 5KB
camera.css 27KB
jquery.lightbox.css 2KB
services.html 10KB
index.html 13KB
contact.html 7KB
about.html 10KB
images
g3.jpg 26KB
g2.jpg 71KB
logo1.png 4KB
slider3.jpg 269KB
06.jpg 46KB
c1.jpg 17KB
s1.jpg 77KB
s2.jpg 83KB
c2.jpg 18KB
01.jpg 29KB
icon1.png 2KB
icon2h.png 1KB
logo.png 3KB
body-bg.gif 1KB
home.png 383B
g7.jpg 77KB
07.jpg 52KB
g6.jpg 57KB
icon3h.png 2KB
link.png 1KB
d1.png 346KB
g5.jpg 60KB
sicoal-icons.png 11KB
slider2.jpg 373KB
icon1h.png 2KB
top.png 1KB
05.jpg 48KB
subindicator1.png 3KB
subindicator.png 3KB
shadow.png 4KB
marker.png 498B
team.jpg 52KB
icon3.png 2KB
g4.jpg 65KB
s3.jpg 90KB
slider1.jpg 295KB
camera_skins.png 24KB
3.jpg 53KB
g1.jpg 69KB
icon2.png 1KB
gallery.html 14KB
共 61 条
- 1
资源评论
2201_75761617
- 粉丝: 21
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功