<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<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/zerogrid.css" type="text/css" media="all">
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
<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>
<script type="text/javascript" src="js/css3-mediaqueries.js"></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 zerogrid">
<div class="col-full">
<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>
<div class='response-menu'>
<div><img src='images/menu2.png'/></div>
<select onchange="location=this.value">
<option></option>
<option value="index.html">Main</option>
<option value="about.html">About</option>
<option value="gallery.html">Gallery</option>
<option value="services.html">Services</option>
<option value="contacts.html">Contacts</option>
</select>
</div>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-row">
<div class="main zerogrid">
<h1>
<a href="index.html"><img src="images/logo.png" /></a>
<em>Keep Your Perfect Look</em>
</h1>
</div>
</div>
</header>
<!--==============================content================================-->
<section id="content">
<div class="main zerogrid">
<div class="gallery">
<h3>Gallery</h3>
<div class="row">
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img1.jpg"><img src="images/page3-img1.jpg" /></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img2.jpg"> <img src="images/page1-img1.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img4.jpg"> <img src="images/page2-img1.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img3.jpg"> <img src="images/page2-img2.jpg"/></a></div>
</div>
</div>
<div class="row">
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img4.jpg"><img src="images/page2-img1.jpg" /></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img3.jpg"> <img src="images/page2-img2.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img1.jpg"> <img src="images/page3-img1.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img2.jpg"> <img src="images/page1-img1.jpg"/></a></div>
</div>
</div>
<div class="row">
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img1.jpg"><img src="images/page3-img1.jpg" /></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img2.jpg"> <img src="images/page1-img1.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img4.jpg"> <img src="images/page2-img1.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img3.jpg"> <img src="images/page2-img2.jpg"/></a></div>
</div>
</div>
<div class="row">
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img4.jpg"><img src="images/page2-img1.jpg" /></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img3.jpg"> <img src="images/page2-img2.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img1.jpg"> <img src="images/page3-img1.jpg"/></a></div>
</div>
<div class="col-1-4">
<div class="wrap-col"><a class="img-border" href="images/slider-img2.jpg"> <img src="images/page1-img1.jpg"/></a></div>
</div>
</div>
</div>
</div>
<div class="block"></div>
</section>
</div>
<!--==============================footer=================================-->
<footer>
<div class="footer-bg">
<div class="main zerogrid">
<div class="col-2-3">
<div class="wrap-col">
<span class="footer-text">Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http//www.zjf88.com/">网页模板</a></span>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col">
<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>
</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 o
基于HTML实现的响应式黑黄美妆图片网站网页(含HTML源代码).zip
版权申诉
46 浏览量
2022-07-12
06:05:12
上传
评论
收藏 942KB ZIP 举报
基于HTML实现的响应式黑黄美妆图片网站网页(含HTML源代码).zip （52个子文件） 
响应式黑黄美妆图片网站 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 css3-mediaqueries.js 16KB 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 responsive.css 2KB reset.css 918B zerogrid.css 2KB grid.css 5KB
contacts.html 7KB services.html 8KB index.html 9KB about.html 9KB images 
page4-img1.jpg 12KB
menu2.png 318B
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资源评论
