<!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 Website Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Dragonfly Template
http://www.templatemo.com/preview/templatemo_378_dragonfly
-->
<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="#"></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>
Copyright © 2072<br />Company Name</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="#"><img src="images/templatemo_image_01.jpg" alt="image 1" /></a>
</div>
<p><em>Dragonfly is free website template that can be used for any purpose. 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="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="section section_with_padding" id="services">
<h1>Services</h1>
<div class="half right">
<div class="img_border img_nom">
<a href="#"><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. You may download free <a href="#">templates</a> for your websites.</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.jpg" alt="image 05" /></a></li>
<li><a href="images/gallery/06-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/06.jpg" alt="image 06" /></a></li>
<li><a href="images/gallery/07-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/07.jpg" alt="image 07" /></a></li>
<li><a href="images/galler
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML网站源码,专为图片展示打造。这份源码简化了开发流程,节省您构建个人作品集或图片库的时间。具备响应式设计,适应各种屏幕和设备,无论在求职还是面试中,都能展现您的技术实力和创意视觉。快速部署,提升工作效率,让每一次展示都成为赢得机会的关键时刻。
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示HTML源码-蜻蜓图片展示信息网页模板.zip (66个子文件)
作品展示&图片展示HTML源码-蜻蜓图片展示信息网页模板
html
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
共 66 条
- 1
资源评论
DTcode7
- 粉丝: 7500
- 资源: 4499
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 数据分析实战3-豆瓣top250数据分析和可视化
- tomcat安装及配置教程.md
- tomcat安装及配置教程.md
- 51单片机贴片心形灯原理图PCB程序 亚克力外壳.dwg资料
- 户型为单家独院式图纸编号D068-三层-20.60&13.40米-施工图.dwg
- 农村小别墅图纸编号D067-三层-10.00&11.50米- 施工图.dwg
- 三层独栋别墅图纸编号D066-三层-12.00&12.00米- 施工图.dwg
- 农村小别墅图纸编号D065-三层-14.40&18.55米-施工图.dwg
- 基于YOLOv8检测高铁吊弦缺陷实现的系统的Python源码+文档说明+训练源文件+模型.zip
- 三层农村小别墅图纸编号D064-三层-13.80&22.20米-施工图.dwg
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功