<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gallery, free web template</title>
<meta name="keywords" content="gallery, yellow, curves, free template, website design, jquery" />
<meta name="description" content="Gallery is a yellow-beige curved web design template " />
<link href="templatemo_style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
<link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><a href="http://sc.chinaz.com" title="free templates">Yellow Gallery</a></div>
<a href="http://cn.forwallpaper.com" class="header" target="_blank"><img src="images/header.png" title="Forwallpaper" alt="Forwallpaper" /></a>
</div>
<div id="templatemo_menu">
<ul class="nav_menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#gallery">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<ul class="social_button">
<li><a href="#"><img src="images/twitter-2.png" alt="Twitter" /></a></li>
<li><a href="#"><img src="images/flickr.png" alt="Flickr" /></a></li>
<li><a href="#"><img src="images/skype.png" alt="Skype" /></a></li>
</ul>
<div class="clear h10"></div>
<div id="templatemo_footer">
Copyright © 2013 <a href="#">Company Name</a> | Collect from <a href="http://sc.chinaz.com">网页模板</a>
</div>
</div>
<div id="templatemo_main">
<div id="content">
<div id="home" class="section">
<div class="slider-wrapper theme-orman">
<div class="ribbon"></div>
<div id="slider" class="nivoSlider">
<img src="images/slider/01.jpg" alt="photo 1" title="Yellow Curved Gallery" />
<img src="images/slider/02.jpg" alt="photo 2" title="Customize your web design" />
<img src="images/slider/03.jpg" alt="photo 3" title="#htmlcaption1" />
<img src="images/slider/04.jpg" alt="photo 4" title="Use this template for any purpose" />
<img src="images/slider/05.jpg" alt="photo 5" title="#htmlcaption2" />
</div>
<div id="htmlcaption1" class="nivo-html-caption">
Credit goes to <a href="http://dev7studios.com/nivo-slider" target="_blank">Nivo Slider</a>
</div>
<div id="htmlcaption2" class="nivo-html-caption">
Download <a href="#">Free Templates</a> for your websites!
</div>
</div>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
directionNav: false,
controlNav:false,
duration: 800
});
});
</script>
</div>
<div class="copyrights">Collect from <a href="http://sc.chinaz.com/" title="网页模板">网页模板</a></div>
<div class="section section_with_padding" id="about">
<div class="h20"></div>
<h2>About Us</h2>
<div class="half left">
<div class="img_border img_fl">
<img src="images/templatemo_image_02.jpg" alt="image" />
</div>
<p align="justify"><em>Phasellus feugiat nulla turpis, non pretium massa placerat nec. Nunc in magna leo. Integer varius, ut fermentum sem adipiscing id. Cras quis arcu malesuada, venenatis nisi rhoncus, eleifend justo.</em></p>
<p align="justify">Credit goes to <a href="http://www.photovaco.com" target="_blank">photovaco.com for photos</a> used in this template. Etiam faucibus, velit sit amet auctor eleifend, leo diam dignissim sapien, eu ultricies dolor lectus in neque. Integer ac justo lacinia, ornare massa a, sodales lacus. Proin accumsan eleifend nisi ut bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</div>
<div class="half right">
<ul id="social_links">
<li><a href="#" class="facebook">Facebook</a></li>
<li><a href="#" class="flickr">Flickr</a></li>
<li><a href="#" class="skype">Skype</a></li>
<li><a href="#" class="twitter">Twitter</a></li>
<li><a href="#" class="youtube">Youtube</a></li>
<li><a href="#" class="vimeo">Vimeo</a></li>
</ul>
</div>
<a href="#home" class="home_btn">home</a>
<a href="#home" class="page_nav_btn previous">Previous</a>
<a href="#services" class="page_nav_btn next">Next</a>
</div>
<div class="section section_with_padding" id="services">
<h1>Services</h1>
<div class="half left">
<p align="justify"><em>Suspendisse convallis, tortor eget tincidunt interdum, nulla mauris varius sem, sit amet gravida risus nulla a libero. Donec pharetra feugiat erat eu pretium. Donec lobortis sit amet metus vitae interdum.</em></p>
<p align="justify">Curabitur purus eros, vestibulum nec ultricies id, ullamcorper et eros. Nulla nibh nulla, cursus sit amet interdum eu, vestibulum vel eros. Fusce eget justo diam. Duis sit amet justo id libero pellentesque lacinia non vel magna. Fusce semper euismod orci, nec sodales enim feugiat ut. Nulla pellentesque sodales ante in ullamcorper. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>.</p>
</div>
<div class="half right">
<ul class="list_bullet">
<li>Duis in mauris sed leo malesuada tempus</li>
<li>Fusce risus tortor, interdum</li>
<li><a href="#">Pellentesque habitant morbi tristique</a></li>
<li>Sed vel justo quis ligula</li>
<li><a href="#">Ut tristique sagittis arcu</a></li>
<li>Maecenas ac odio ipsum donec cursus</li>
<li>Fusce risus tortor, interdum</li>
<li>Proin facilisis ullamcorper</li>
</ul>
</div>
<a href="#home" class="home_btn">home</a>
<a href="#about" class="page_nav_btn previous">Previous</a>
<a href="#gallery" class="page_nav_btn next">Next</a>
</div>
<div class="section" id="gallery">
<ul id="gallery_wrapper">
<li><a href="images/gallery/01-l.jpg" rel="lightbox
迷你交互个人相册CSS模板是一款黄色迷你个人相册展单页网站模板.rar
需积分: 0 36 浏览量
2023-09-12
08:43:04
上传
评论
收藏 1.49MB RAR 举报
迷你交互个人相册CSS模板是一款黄色迷你个人相册展单页网站模板.rar （53个子文件） 
02.jpg 58KB
prevlabel.gif 1KB
home_btn.png 3KB templatemo_image_02.jpg 10KB
jquery.localscroll-min.js 2KB vimeo.png 5KB 06.jpg 7KB templatemo_logo.png 6KB 04-l.jpg 159KB 01.jpg 67KB jquery-1.6.1.min.js 89KB loading.gif 3KB default.css 2KB 05-l.jpg 138KB 02-l.jpg 93KB flickr.png 3KB closelabel.gif 979B 06-l.jpg 55KB jquery.nivo.slider.js 25KB 08.jpg 7KB jquery.scrollTo-min.js 2KB 08-l.jpg 64KB slimbox2.js 4KB 07.jpg 9KB 01-l.jpg 144KB skype.png 4KB templatemo_image_03.jpg 23KB 03-l.jpg 170KB youtube.png 5KB header.png 135B jquery.nivo.slider.pack.js 16KB nav_btn_next.png 2KB slimbox2.css 1KB templatemo_body.jpg 1KB facebook.png 5KB init.js 1KB 05.jpg 75KB
index.html 12KB 04.jpg 72KB templatemo_menubar.png 2KB nextlabel.gif 1KB nivo-slider.css 1KB templatemo_header.png 18KB nav_btn_prev.png 2KB twitter-2.png 3KB 07-l.jpg 87KB jquery.min.js 56KB templatemo_list.png 990B templatemo_style.css 7KB templatemo_image_04.jpg 12KB templatemo_image_01.jpg 7KB 03.jpg 80KB comment.png 3KB资源评论
