<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>zGanto Free Html5 Responsive Template</title>
<meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy">
<meta name="author" content="www.htmldivcss.com">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/zerogrid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/responsiveslides.css" />
<link rel="stylesheet" href="css/searchform.css"/>
<!--[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 src="js/html5.js"></script>
<![endif]-->
<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
maxwidth: 960,
namespace: "centered-btns"
});
});
</script>
</head>
<body>
<!--------------Header--------------->
<header>
<div class="zerogrid">
<div class="row">
<div class="col05">
<div id="logo"><a href=""><img src="./images/logo.png"/></a></div>
</div>
<div class="col06 offset05">
<div id="searchbox">
<form class="searchform">
<input class="searchfield" type="text" value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}">
<input class="searchbutton" type="button" value="Go">
</form>
</div>
</div>
</div>
</div>
</header>
<!--------------Navigation--------------->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<section class="featured zerogrid">
<div class="row">
<div class="col16">
<div class="rslides_container">
<ul class="rslides" id="slider">
<li><img src="images/1.jpg"/></li>
<li><img src="images/2.jpg"/></li>
<li><img src="images/3.jpg"/></li>
<li><img src="images/4.jpg"/></li>
</ul>
</div>
</div>
</div>
</section>
<!--------------Content--------------->
<section id="content">
<div class="zerogrid">
<div class="row block offbottom">
<div class="main-content col11">
<div class="row">
<div class="col05">
<article>
<div class="heading">
<h2><a href="#">Sample post with, links, paragraphs and comments</a></h2>
<p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
</div>
<div class="content">
<img src="images/thumb1.jpg"/>
<p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.</p>
</div>
<div class="footer">
<p class="more"><a class="button" href="#">Read more >></a></p>
</div>
</article>
</div>
<div class="col05">
<article>
<div class="heading">
<h2><a href="#">This is Just Going To Be Another Test Post</a></h2>
<p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
</div>
<div class="content">
<img src="images/thumb2.jpg"/>
<p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.</p>
</div>
<div class="footer">
<p class="more"><a class="button" href="#">Read more >></a></p>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col05">
<article>
<div class="heading">
<h2><a href="#">This Is Going To Be A Decent Length Title With Little Text</a></h2>
<p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
</div>
<div class="content">
<img src="images/thumb3.jpg"/>
<p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.</p>
</div>
<div class="footer">
<p class="more"><a class="button" href="#">Read more >></a></p>
</div>
</article>
</div>
<div class="col05">
<article>
<div class="heading">
<h2><a href="#">This is Just Going To Be Another Test Post</a></h2>
<p class="info">>>> Posted by Admin - 01/01/2012 - 0 Comments</p>
</div>
<div class="content">
<img src="images/thumb4.jpg"/>
<p>Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit.</p>
</div>
<div class="footer">
<p class="more"><a class="button" href="#">Read more >></a></p>
</div>
</article>
</div>
</div>
</div>
<div class="sidebar col05">
<section class="block1">
<div class="heading">About us</div>
<div class="content">
Free Basic Html5 Templates collect from <a href="http://www.htmldivcss.com" title="模板在线">模板在线</a>. You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files.
</div>
</section>
<section class="block1">
<div class="heading">Categories</div>
<div class="content">
<ul class="list">
<li><a href="http://www.htmldivcss.com">Free Html5 Templates</a></li>
<li><a href="http://www.htmldivcss.com">Free Css3 Templates</a></li>
<li><a href="http://www.htmldivcss.com">
199web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （29个子文件） 
199 js 
html5.js 2KB responsiveslides.js 9KB jquery.min.js 91KB
1.jpg 177KB css style.css 5KB responsive.css 820B zerogrid.css 9KB searchform.css 2KB responsiveslides.css 3KB
index.html 11KB images thumb4.jpg 55KB menu-bg.jpg 343B 2.jpg 82KB thumb5.jpg 11KB
logo.png 13KB 1.jpg 126KB thumb3.jpg 42KB
themes.gif 359B box-bg.jpg 472B favicon.ico 1KB marker-1.gif 4KB menu-bg-act.jpg 333B thumb6.jpg 11KB box1-bg.jpg 477B thumb2.jpg 41KB thumb1.jpg 37KB 3.jpg 71KB 4.jpg 88KB shine.png 655KB资源评论
2301_76429513
- 粉丝: 14
- 资源: 6729
最新资源
- 磁共振图像脊柱结构多类别三维自动分割数据.zip
- MTK平台MT6631 短距芯片的DataSheet
- IMG_20241012_230444.jpg
- game_patch_1.28.13.12730.pak
- js-leetcode题解之24-swap-nodes-in-pairs.js
- js-leetcode题解之23-merge-k-sorted-lists.js
- js-leetcode题解之22-generate-parentheses.js
- js-leetcode题解之21-merge-two-sorted-lists.js
- js-leetcode题解之20-valid-parentheses.js
- js-leetcode题解之19-remove-nth-node-from-end-of-list.js
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
