<!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>Dragonfly, free website template</title>
<meta name="keywords" content="dragonfly, free website templates, one page layout, jquery" />
<meta name="description" content="Dragonfly is one-page layout using jQuery and it is free website template from templatemo.com" />
<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/orman.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://www.moobnn.com/" title=""></a></div>
<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>
<div class="social_button">
<a href="#"><img src="images/facebook.png" alt="Facebook" /></a>
<a href="#"><img src="images/flickr.png" alt="Flickr" /></a>
<a href="#"><img src="images/twitter.png" alt="Twitter" /></a>
<div class="clear"></div>
</div>
<p>
© 2072 Company Name<br />
<a href="http://www.moobnn.com/" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> from<br />
<a href="http://www.moobnn.com" target="_parent">网站模板</a><br />
</p>
</div>
<div id="templatemo_main">
<div id="content">
<div id="home" class="home_slider">
<div class="theme-orman">
<div id="slider" class="nivoSlider">
<img src="images/slider/01.jpg" alt="Dragonfly 1" rel="images/slider/01_thumb.jpg" />
<img src="images/slider/02.jpg" alt="Dragonfly 2" rel="images/slider/02_thumb.jpg" />
<img src="images/slider/03.jpg" alt="Dragonfly 3" rel="images/slider/03_thumb.jpg" />
<img src="images/slider/04.jpg" alt="Dragonfly 4" rel="images/slider/04_thumb.jpg" />
<img src="images/slider/05.jpg" alt="Dragonfly 5" rel="images/slider/05_thumb.jpg" />
</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({
controlNavThumbs:true,
controlNavThumbsFromRel:true,
directionNav:false, // Next and Prev
keyboardNav:true, // Use left and right arrows
pauseOnHover:true // Stop animation while hovering
});
});
</script>
</div>
<div class="section section_with_padding" id="about">
<h1>About</h1>
<div class="img_border img_fl">
<a href="http://www.moobnn.com" ><img src="images/templatemo_image_01.jpg" alt="image 1" /></a>
</div>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.</em></p>
<p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. </p>
<div class="clear h40"></div>
<div class="img_border img_fr">
<img src="images/templatemo_image_02.jpg" alt="image 2" />
</div>
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.</em></p>
<p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate <a href="#" >XHTML</a> & <a href="#" >CSS</a>.</p>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<div class="section section_with_padding" id="services">
<h1>Services</h1>
<div class="half right">
<div class="img_border img_nom">
<a href="http://www.moobnn.com" ><img src="images/templatemo_image_04.jpg" alt="image 4" /></a>
</div>
<ul class="list_bullet">
<li>Maecenas ac odio ipsum donec</li>
<li>Fusce risus tortor, interdum</li>
<li>Proin facilisis ullamcorper</li>
<li>Sed vel justo quis ligula</li>
<li>Ut tristique sagittis arcu</li>
<li>Maecenas ac odio ipsum donec</li>
<li>Fusce risus tortor, interdum</li>
<li>Proin facilisis ullamcorper</li>
</ul>
</div>
<div class="half left">
<div class="img_border img_nom">
<img src="images/templatemo_image_03.jpg" alt="image 3" />
</div>
<p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. </em></p>
<p>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.</p>
</div>
</div>
<div class="section" id="gallery">
<ul id="gallery_wrapper">
<li><a href="images/gallery/09-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/09.jpg" alt="image 9" /></a></li>
<li><a href="images/gallery/10-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/10.jpg" alt="image 10" /></a></li>
<li><a href="images/gallery/11-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/11.jpg" alt="image 11" /></a></li>
<li><a href="images/gallery/12-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/12.jpg" alt="image 12" /></a></li>
<li><a href="images/gallery/01-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/01.jpg" alt="image 01" /></a></li>
<li><a href="images/gallery/02-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/02.jpg" alt="image 02" /></a></li>
<li><a href="images/gallery/03-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/03.jpg" alt="image 03" /></a></li>
<li><a href="images/gallery/04-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/04.jpg" alt="image 04" /></a></li>
<li><a href="images/gallery/05-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/05.j
没有合适的资源?快使用搜索试试~ 我知道了~
摄影公司案例展示企业HTML模板_摄影相册个人案例展示企业迷你作品窄web简历简历简单黑色.rar
共60个文件
jpg:34个
png:8个
js:8个
需积分: 0 0 下载量 33 浏览量
2023-09-12
08:43:09
上传
评论
收藏 2.06MB RAR 举报
温馨提示
html
资源推荐
资源详情
资源评论
收起资源包目录
摄影公司案例展示企业HTML模板_摄影相册个人案例展示企业迷你作品窄web简历简历简单黑色.rar (60个子文件)
02.jpg 78KB
prevlabel.gif 1KB
05_thumb.jpg 10KB
templatemo_header_2.png 2KB
templatemo_image_02.jpg 11KB
jquery.localscroll-min.js 2KB
06.jpg 5KB
10.jpg 8KB
templatemo_logo.png 1KB
04-l.jpg 159KB
01.jpg 102KB
jquery-1.6.1.min.js 89KB
11-l.jpg 167KB
loading.gif 3KB
default.css 2KB
05-l.jpg 138KB
02-l.jpg 93KB
flickr.png 978B
closelabel.gif 979B
orman.css 2KB
02_thumb.jpg 7KB
06-l.jpg 55KB
jquery.nivo.slider.js 25KB
08.jpg 5KB
jquery.scrollTo-min.js 2KB
08-l.jpg 64KB
slimbox2.js 4KB
07.jpg 7KB
01-l.jpg 148KB
12.jpg 10KB
09-l.jpg 107KB
templatemo_image_03.jpg 8KB
03-l.jpg 170KB
twitter.png 1KB
jquery.nivo.slider.pack.js 16KB
slimbox2.css 1KB
12-l.jpg 143KB
04_thumb.jpg 5KB
facebook.png 1KB
init.js 1KB
01_thumb.jpg 6KB
05.jpg 119KB
03_thumb.jpg 7KB
index.html 11KB
11.jpg 9KB
location.jpg 29KB
04.jpg 53KB
nextlabel.gif 1KB
nivo-slider.css 1KB
templatemo_header.png 2KB
07-l.jpg 87KB
jquery.min.js 56KB
10-l.jpg 96KB
templatemo_list.png 981B
09.jpg 8KB
templatemo_style.css 5KB
templatemo_image_04.jpg 12KB
templatemo_image_01.jpg 7KB
03.jpg 92KB
templatemo_thumbnail_bg.png 2KB
共 60 条
- 1
资源评论
Q_97095639
- 粉丝: 380
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功