<!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>
响应式js大气轮播网站模板_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.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资源评论
woisking2
- 粉丝: 12
- 资源: 6718
最新资源
- 量产直流无刷电机驱动器技术资料汇总：多种功能模式、信号选择与BLDC控制学习模块,量产直流无刷电机驱动器资料 功能支持模式：有霍尔和无霍尔两种； 速度信号：0-5V的模拟量（0-100%的PWM）或
- Labview源码揭秘：汽车齿轮齿条转向器疲劳试验台运动控制及数据采集分析系统实践,Labview汽车齿轮齿条转向器疲劳试验台项目源码，运动控制，数据采集与分析 ,核心关键词：Labview; 汽车齿
- 数学建模与决策分析中的Python全局灵敏度分析方法及应用
- 基于ABAQUS的隧道阶梯开挖模型：锚杆、钢架支撑与衬砌施工技术研究,ABAQUS隧道开挖模型，阶梯开挖，包含锚杆，钢架支撑， 衬砌 ,核心关键词：ABAQUS隧道开挖模型; 阶梯开挖; 锚杆;
- Socket TCP服务器端通信框架核心代码，支持多线程与大量连接，简化物联网项目中的Socket管理，适合初学者与急需完成项目使用 ,Socket tcp服务器端通信框架，服务器端部分，这是从一个商
- 西门子PLC与发那科机器人协同作业检测净水器碳芯案例：自动化系统集成与应用,西门子PLC 发那科机器人案例 本案例采用西门子1200系列的1215C PLC和西门子人机界面跟两台发那科机器人以及视觉
- 三菱FX3U系列伺服焊接系统程序：PLC通讯、伺服定位与模拟量高级应用全套方案及资料,三菱FX3U系列13伺服焊接系统程序，本人以前工程项目亲自编写，比系统包括了PLC之间通讯，伺服定位，模拟量高级应
- 甲状腺结节图像分类数据集【已标注，约7,000张数据】
- 基于Python实现的字典树(Trie)高效字符串数据处理与检索技术
- 2000-2020年各省银行业金融机构各项存款余额数据
- 花卉图像分割数据集-可用在yolo8和yolo11等代码中训练使用
- luaedit-master.zip
- 积水图像分割检测数据集-可用于yolo8、yolo11等代码的图像分割训练
- 墙体裂缝图像分割数据集-可用于yolo8、yolo11等代码训练使用
- 送给公主的新年专属烟花
- 西门子1500PLC智能杀菌机：功能全面，编程灵活，操作便捷，一级二级代码可定制调整输出输入动作,西门子1500plc，杀菌机功能比较齐整，程序灵活度很高，通过一级代码和二级代码，步骤和每步的动作都可
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
