<!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
版权申诉
4 浏览量
2021-11-06
12:47:06
上传
评论
收藏 2.07MB RAR 举报
摄影公司案例展示企业HTML模板_摄影 相册 个人 案例 展示 企业 迷你 作品 窄 web简历 简历 简单 黑色.rar （66个子文件） 
摄影公司案例展示企业HTML模板_摄影 相册 个人 案例 展示 企业 迷你 作品 窄 web简历 简历 简单 黑色 tpmo_378_dragonfly js 
jquery.localscroll-min.js 2KB jquery-1.6.1.min.js 89KB jquery.nivo.slider.js 25KB jquery.scrollTo-min.js 2KB slimbox2.js 4KB jquery.nivo.slider.pack.js 16KB init.js 1KB jquery.min.js 56KB css default.css 2KB orman.css 2KB slimbox2.css 1KB nivo-slider.css 1KB
index.html 11KB nivo-slider.css 1KB images 
prevlabel.gif 1KB
templatemo_header_2.png 2KB
templatemo_image_02.jpg 11KB templatemo_logo.png 1KB loading.gif 3KB flickr.png 978B closelabel.gif 979B gallery 02.jpg 6KB 06.jpg 5KB 10.jpg 8KB 04-l.jpg 159KB 01.jpg 6KB 11-l.jpg 167KB 05-l.jpg 138KB 02-l.jpg 93KB 06-l.jpg 55KB 08.jpg 5KB 08-l.jpg 64KB 07.jpg 7KB 01-l.jpg 148KB 12.jpg 10KB 09-l.jpg 107KB 03-l.jpg 170KB 12-l.jpg 143KB 05.jpg 7KB 11.jpg 9KB 04.jpg 9KB 07-l.jpg 87KB 10-l.jpg 96KB 09.jpg 8KB 03.jpg 10KB templatemo_image_03.jpg 8KB twitter.png 1KB facebook.png 1KB location.jpg 29KB nextlabel.gif 1KB templatemo_header.png 2KB slider 02.jpg 78KB 05_thumb.jpg 10KB 01.jpg 102KB 02_thumb.jpg 7KB 04_thumb.jpg 5KB 01_thumb.jpg 6KB 05.jpg 119KB 03_thumb.jpg 7KB 04.jpg 53KB 03.jpg 92KB templatemo_list.png 981B templatemo_image_04.jpg 12KB templatemo_image_01.jpg 7KB templatemo_thumbnail_bg.png 2KB templatemo_style.css 5KB资源评论
