<!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>Free Basic Html5 Responsive Template</title>
<meta name="description" content="Free Basic Html5 Templates Designed by Kimmy | zerotheme.com">
<meta name="author" content="www.zerotheme.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">
<!--[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>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->
<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
</head>
<body>
<!--------------Header--------------->
<header>
<div id="logo"><a href=""><img src="./images/logo.png"/></a></div>
</header>
<!--------------Navigation--------------->
<nav>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
<div class="minimenu"><div>MENU</div>
<select>
<option>Home</option>
<option>Blog</option>
<option>Gallery</option>
<option>Contact</option>
<option>About</option>
</select>
</div>
</nav>
<!--------------Content--------------->
<section id="content">
<div class="zerogrid">
<div class="row block">
<div class="main-content">
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/1.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/2.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/3.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/4.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/5.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/6.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/7.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/8.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
<article class="col-1-3">
<div class="wrap">
<div class="heading">
<img src="images/9.jpg"/>
<h2><a href="#">Sample post with, links, paragraphs</a></h2>
</div>
<div class="content">
<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. ...</p>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<!--------------Footer--------------->
<footer>
<p>Copyright © 2012 - Domain Name</p>
<p><a href="http//www.zerotheme.com/432/free-responsive-html5-css3-website-templates.html" target="_blank">Free Responsive Html5 Templates</a> by <a href="http//www.zerotheme.com" target="_blank">Zerotheme.com</a></p>
</footer>
</body></html>
没有合适的资源?快使用搜索试试~ 我知道了~
响应式炫彩背景网站模板.zip
共22个文件
jpg:10个
png:4个
js:3个
0 下载量 116 浏览量
2024-04-15
09:44:47
上传
评论
收藏 618KB ZIP 举报
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
响应式炫彩背景网站模板.zip (22个子文件)
响应式炫彩背景网站模板
js
html5.js 2KB
css3-mediaqueries.js 16KB
jquery.min.js 91KB
css
style.css 3KB
responsive.css 1KB
zerogrid.css 9KB
index.html 7KB
images
background.jpg 285KB
2.jpg 53KB
menu-bg.png 189B
6.jpg 49KB
logo.png 24KB
menu_separator.png 139B
1.jpg 32KB
5.jpg 35KB
favicon.ico 1KB
bg-footer.png 11KB
8.jpg 27KB
3.jpg 38KB
7.jpg 35KB
9.jpg 41KB
4.jpg 42KB
共 22 条
- 1
资源评论
小肥羊k
- 粉丝: 1427
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功