<!DOCTYPE html>
<html lang="en">
<head>
<title>Gallery - Gallery Page | Design Company - Free Website Template from Templatemonster.com</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/zerogrid.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/responsiveslides.css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Humanst521_BT_400.font.js"></script>
<script type="text/javascript" src="js/Humanst521_Lt_BT_400.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/roundabout.js"></script>
<script type="text/javascript" src="js/roundabout_shapes.js"></script>
<script type="text/javascript" src="js/gallery_init.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="js/loopedslider.min.js"></script>
<script type="text/javascript">
$(function(){
// Option set as a global variable
$('#loopedSlider').loopedSlider({
container: ".wrap",
containerClick: false
});
});
</script>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="all">
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/IE9.js"></script>
<![endif]-->
<script src="js/responsiveslides.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
maxwidth: 962,
namespace: "centered-btns"
});
});
</script>
<style>
aside{
width: 290px;
}
</style>
</head>
<body>
<!-- header -->
<header>
<div class="container">
<h1><a href="index.html">Design Company</a></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="privacy.html">Privacy</a></li>
<li><a href="gallery.html" class="current">Gallery</a></li>
<li><a href="contacts.html">Contact</a></li>
<li><a href="sitemap.html">Sitemap</a></li>
</ul>
</nav>
</div>
</header>
<!-- #gallery -->
<section id="gallery">
<div class="container">
<ul id="myRoundabout">
<li><img src="images/slide3.jpg" alt=""></li>
<li><img src="images/slide2.jpg" alt=""></li>
<li><img src="images/slide5.jpg" alt=""></li>
<li><img src="images/slide1.jpg" alt=""></li>
<li><img src="images/slide4.jpg" alt=""></li>
</ul>
</div>
</section>
<section id="res-slider">
<div class="slider">
<div class="rslides_container">
<ul class="rslides" id="slider">
<li><img src="images/slide3.jpg" alt=""></li>
<li><img src="images/slide2.jpg" alt=""></li>
<li><img src="images/slide5.jpg" alt=""></li>
<li><img src="images/slide1.jpg" alt=""></li>
<li><img src="images/slide4.jpg" alt=""></li>
</ul>
</div>
</div>
</section>
<!-- /#gallery -->
<div class="main-box">
<div class="container">
<div class="inside">
<div class="wrapper zerogrid">
<div class="row">
<div class="col-1-3">
<div class="wrap-col">
<!-- aside -->
<aside>
<h2>Template <span>Subpages</span></h2>
<!-- loopedSlider begin -->
<div id="loopedSlider">
<div class="wrap">
<div class="slides">
<div><a href="#"><img src="images/thumb3.jpg" alt=""></a></div>
<div><a href="#"><img src="images/thumb2.jpg" alt=""></a></div>
<div><a href="#"><img src="images/thumb5.jpg" alt=""></a></div>
<div><a href="#"><img src="images/thumb1.jpg" alt=""></a></div>
<div><a href="#"><img src="images/thumb4.jpg" alt=""></a></div>
</div>
</div>
<ul class="nav-controls">
<li><a href="#" class="previous">Previous Page</a></li>
<li><a href="#" class="next">Next Page</a></li>
</ul>
</div>
<!-- loopedSlider end -->
</aside>
</div>
</div>
<!-- content -->
<div class="col-2-3">
<div class="wrap-col">
<div class="col-custom">
<section id="content">
<article>
<h2>About <span>Template</span></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudansam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.
</article>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer>
<div class="container">
<div class="wrapper">
<div class="fleft">Copyright - Type in your name here</div>
<div class="fright"><a rel="nofollow" href="http//www.templatesmonster.com" target="_blank">Website Templates</a> by TemplateMonster.com <br/> <a rel="nofollow" href="http//www.zerotheme.com" target="_blank">Responsive Themes</a> by Zerotheme.com</div>
</div>
</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
响应式js大气轮播网站模板_网站开发模板含源代码(css+html+js+图样).zip (50个子文件)
响应式js大气轮播网站模板
js
IE9.js 41KB
Humanst521_BT_400.font.js 37KB
html5.js 1KB
Humanst521_Lt_BT_400.font.js 36KB
responsiveslides.js 9KB
cufon-yui.js 18KB
loopedslider.min.js 6KB
jquery-1.4.2.min.js 71KB
roundabout.js 18KB
css3-mediaqueries.js 16KB
roundabout_shapes.js 5KB
gallery_init.js 115B
cufon-replace.js 339B
sitemap.html 6KB
privacy.html 6KB
css
style.css 10KB
responsive.css 1KB
reset.css 918B
zerogrid.css 2KB
ie
ie6.css 58B
responsiveslides.css 3KB
contacts.html 6KB
index.html 6KB
about.html 6KB
images
thumb4.jpg 39KB
gallerry-bg.gif 163B
temp1.jpg 137KB
slide5.jpg 82KB
slide2.jpg 133KB
thumb5.jpg 30KB
date-bg2.gif 1KB
arrow1.gif 49B
img2.jpg 3KB
date-bg1.gif 2KB
header-bg.gif 111B
thumb3.jpg 32KB
slide1.jpg 101KB
themes.gif 359B
img4.jpg 3KB
img1.jpg 6KB
date-bg4.gif 1KB
slide4.jpg 107KB
slide3.jpg 86KB
banner1.jpg 30KB
img3.jpg 4KB
logo.jpg 3KB
thumb2.jpg 51KB
thumb1.jpg 38KB
date-bg3.gif 2KB
gallery.html 7KB
共 50 条
- 1
资源评论
CyMylive.
- 粉丝: 7265
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功