<!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
前端静态模板-美容网站-学生作业毕设实训素材.zip
版权申诉
80 浏览量
2022-04-07
22:11:11
上传
评论
收藏 2.27MB ZIP 举报
前端静态模板-美容网站-学生作业毕设实训素材.zip （61个子文件） 
美容网站 css 
jquery.lightbox.css 2KB camera.css 27KB superfish.css 5KB style.css 26KB
services.html 10KB images 
01.jpg 29KB g5.jpg 60KB 05.jpg 48KB slider3.jpg 269KB
icon1h.png 2KB 07.jpg 52KB
body-bg.gif 1KB marker.png 498B camera_skins.png 24KB logo1.png 4KB d1.png 346KB 3.jpg 53KB g1.jpg 69KB subindicator.png 3KB c1.jpg 17KB subindicator1.png 3KB c2.jpg 18KB icon2h.png 1KB shadow.png 4KB team.jpg 52KB icon2.png 1KB sicoal-icons.png 11KB home.png 383B icon1.png 2KB g4.jpg 65KB s2.jpg 83KB g6.jpg 57KB logo.png 3KB slider2.jpg 373KB s3.jpg 90KB s1.jpg 77KB slider1.jpg 295KB top.png 1KB 06.jpg 46KB g3.jpg 26KB link.png 1KB icon3.png 2KB g2.jpg 71KB g7.jpg 77KB icon3h.png 2KB index.html 13KB js jquery.js 91KB jquery.min.js 92KB move-top.js 1KB easing.js 5KB jquery.easing.min.js 5KB jquery.mixitup.min.js 14KB jquery.mobile.customized.min.js 17KB jquery.easing.1.3.js 8KB fliplightbox.min.js 14KB superfish.js 7KB camera.min.js 38KB jquery.lightbox.js 8KB about.html 10KB gallery.html 14KB contact.html 7KB资源评论
