<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery</title>
<meta charset="utf-8">
<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/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.7.1.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/Glegoo_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/jquery.galleriffic.js" type="text/javascript"></script>
<script src="js/jquery.opacityrollover.js" type="text/javascript"></script>
<!--[if lt IE 8]>
<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>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page5">
<!--==============================header=================================-->
<header>
<div class="main">
<div class="wrapper">
<h1><a href="index.html">EaglesTroops</a></h1>
<nav class="fright">
<ul class="menu">
<li><a href="index.html">About</a></li>
<li><a href="foundation.html">Foundation </a></li>
<li><a href="program.html">Program</a></li>
<li><a href="leaders.html">Leaders </a></li>
<li><a class="active" href="gallery.html">Gallery</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!--==============================content================================-->
<section id="content"><div class="ic">More Website Templates @ TemplateMonster.com - February 06, 2012!</div>
<div class="main">
<div class="container_12">
<div class="wrapper p3">
<article class="grid_4">
<div class="banner">
<figure><img src="images/banner-1.png" alt="" /></figure>
<a class="button" href="#">more</a>
</div>
</article>
<article class="grid_4">
<div class="banner">
<figure><img src="images/banner-2.png" alt="" /></figure>
<a class="button" href="#">more</a>
</div>
</article>
<article class="grid_4">
<div class="banner">
<figure><img src="images/banner-3.png" alt="" /></figure>
<a class="button" href="#">more</a>
</div>
</article>
</div>
<div class="wrapper">
<article class="grid_8">
<h2 class="p1">Our Gallery</h2>
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
<div id="thumbs" class="navigation p3">
<ul class="thumbs noscript">
<li>
<a class="thumb" href="images/gallery-img1.jpg">
<img src="images/thumb-1.png" alt="" />
</a>
</li>
<li>
<a class="thumb" href="images/gallery-img2.jpg">
<img src="images/thumb-2.png" alt="" />
</a>
</li>
<li class="last">
<a class="thumb" href="images/gallery-img3.jpg">
<img src="images/thumb-3.png" alt="" />
</a>
</li>
<li class="last2">
<a class="thumb" href="images/gallery-img4.jpg">
<img src="images/thumb-4.png" alt="" />
</a>
</li>
<li class="last2">
<a class="thumb" href="images/gallery-img5.jpg">
<img src="images/thumb-5.png" alt="" />
</a>
</li>
<li class="last3">
<a class="thumb" href="images/gallery-img6.jpg">
<img src="images/thumb-6.png" alt="" />
</a>
</li>
</ul>
</div>
<a class="button2" href="#">more</a>
</article>
<article class="grid_4">
<div class="indent-top">
<h3 class="img-indent-bot">Gallery Updates</h3>
<div class="indent-left p4">
<p class="prev-indent-bot">Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores rebum. </p>
<p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua vero eos et accusam.</p>
<a class="button2" href="#">more</a>
</div>
<h3 class="indent-bot">Our Archive</h3>
<div class="indent-left">
<ul class="list-2">
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consetetur sadipscing elitr sed diam </a></li>
<li><a href="#">Nonumy eirmod tempor invidunt ut </a></li>
<li><a href="#">Labore et dolore magna</a></li>
<li><a href="#">Aliquyam erat sed diam voluptua</a></li>
<li><a href="#">Vero eos et accusam et justo duo </a></li>
<li><a href="#">Stet clita kasd gubergren</a></li>
<li class="last-item"><a href="#">Sea takimata sanctus est lorem </a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
</div>
</
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS精品网页模板H110.rar
共56个文件
png:20个
js:9个
gif:9个
0 下载量 48 浏览量
2024-05-13
23:29:02
上传
评论
收藏 2.21MB RAR 举报
温馨提示
HTML+CSS+JS精品网页模板,设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能;适用于大学生期末大作业或公司网页制作。响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 下载文件解压缩,用Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件打开,只需更改源代码中的文字和图片可直接使用。图片的命名和格式需要与原图片的名字和格式一致,其他的无需更改。如碰到HTML5+CSS+JS等专业技术问题,以及需要对应行业的模板等相关源码、模板、资料、教程等,随时联系博主咨询。 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,5000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS精品网页模板H110.rar (56个子文件)
HTML+CSS+JS精品网页模板H110
program.html 10KB
js
Glegoo_400.font.js 47KB
jquery-1.7.1.min.js 92KB
PIE.htc 40KB
FF-cash.js 386B
html5.js 1KB
cufon-yui.js 18KB
jquery.galleriffic.js 32KB
jquery.opacityrollover.js 935B
cufon-replace.js 304B
script.js 200B
foundation.html 8KB
css
style.css 9KB
reset.css 918B
grid.css 5KB
ie.css 171B
contacts.html 8KB
index.html 9KB
images
page4-img2.png 73KB
gallery-img1.jpg 182KB
thumb-6.png 48KB
pic-1.gif 43B
row-bot-tail.gif 4KB
button-tail.gif 156B
body-tail.gif 920B
gallery-img2.jpg 148KB
thumb-3.png 52KB
logo.png 43KB
banner-2.png 121KB
content-tail.gif 1KB
thumb-5.png 52KB
social-icons.png 3KB
gallery-img3.jpg 83KB
thumb-4.png 64KB
page2-img1.png 87KB
gallery-img6.jpg 98KB
h3-tail.gif 421B
thumb-1.png 65KB
gallery-img5.jpg 64KB
thumb-2.png 56KB
time-bg.png 689B
button2-tail.gif 265B
page3-img1.png 29KB
marker-1.gif 65B
page3-img2.png 99KB
page1-img2.png 88KB
box-tail.gif 384B
page3-img3.png 50KB
banner-1.png 105KB
page1-img1.png 193KB
page1-img3.jpg 8KB
banner-3.png 102KB
gallery-img4.jpg 166KB
page4-img1.png 77KB
leaders.html 9KB
gallery.html 10KB
共 56 条
- 1
资源评论
仙女网页制作
- 粉丝: 3754
- 资源: 168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功