<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aqua Theme, free website template</title>
<meta name="keywords" content="aqua theme, free website templates, one page, vertical scrolling, free layouts, CSS, HTML" />
<meta name="description" content="Aqua Theme is a free website template with vertical scrolling one page layout by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.scrollTo-min.js'></script>
<script type='text/javascript' src='js/jquery.localscroll-min.js'></script>
<script type="text/javascript">
$(document).ready(function () {
$.localScroll();
});
</script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
</head>
<body>
<div id="background">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<a href="http://cn.forwallpaper.com/" class="templatemo_link" ></a>
<div id="site_title"><a href="http://www.templatemo.com/page/1">Free Website Template</a></div>
</div> <!-- END of -->
<div id="templatmeo_menu">
<ul>
<li><a href="#home" class="home">Home</a></li>
<li><a href="#about" class="about">About</a></li>
<li><a href="#portfolio" class="portfolio">Portfolio</a></li>
<li><a href="#services" class="services">Services</a></li>
<li><a href="#contact" class="contact">Contact</a></li>
</ul>
</div> <!-- END of -->
<div id="templatemo_main">
<div id="home" class="main_box">
<h1>Aqua Theme</h1>
<div class="col col_23">
<img src="images/templatemo_image_01.jpg" alt="image" class="img_float_l" />
<p><em>Quisque vel urna ac nunc sagittis adipiscing. Morbi sem nulla, dictum id convallis eget, ultrices ut eros. Duis in magna elit.</em></p>
<p align="justify"> Maecenas enim nisl, semper dictum faucibus sed, tincidunt et ligula. Proin lacinia convallis tempus. Suspendisse libero neque, molestie sit amet imperdiet sollicitudin, eleifend eget sem. In eget sapien lorem, vitae tempus justo. Sed molestie ultrices dolor, eu ullamcorper neque bibendum eu. In mollis imperdiet sapien eget malesuada. Nullam tincidunt tellus ac sem suscipit interdum.</p>
<div class="cleaner h30"></div>
<h3>Our Services</h3>
<p>Proin lacinia convallis tempus. Suspendisse libero neque, molestie sit amet imperdiet sollicitudin, eleifend eget sem. In eget sapien lorem, vitae tempus justo. Sed molestie ultrices dolor, eu ullamcorper neque bibendum eu. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
<ul class="tmo_list">
<li>Nulla facilisi. Maecenas ac odio ipsum donec cursus</li>
<li>Fusce risus tortor, interdum in malesuada pulvinar</li>
<li>Proin facilisis ullamcorper turpis, in placerat</li>
<li>Sed vel justo quis ligula blandit commodo molestie</li>
<li>Ut tristique sagittis arcu, vel laoreet turpis</li>
</ul>
</div>
<div class="col col_13 no_margin_right">
<h3>Testimonial</h3>
<blockquote>
<p>Nam ultricies euismod lorem vitae hendrerit. Ut sollicitudin, dolor at placerat lobortis, odio lectus ultricies velit, eget varius lorem ante vel odio. Aliquam neque ipsum, aliquam eget auctor nec, malesuada sit amet risus. Aliquam mollis viverra massa, vitae pulvinar odio accumsan ullamcorper.</p>
<cite>John - <span>New Company</span></cite>
</blockquote>
<div class="cleaner h30"></div>
<h3>Updates</h3>
<ul class="twitter_post">
<li>Aenean ligula dolor, cursus in interdum semper, auctor et metus. <a href="#">http://bit.ly/46oaND</a></li>
<li>Phasellus in erat erat, sed pulvinar nunc. Duis vel mauris a dolor fringilla scelerisque nec et libero. <a href="#">http://bit.ly/32WZck</a></li>
<li>Donec cursus sem sit amet nibh ornare a luctus tellus faucibus. Vivamus vel dolor purus. <a href="#">http://bit.ly/86vCxd</a></li>
</ul>
</div>
<div class="cleaner"></div>
<div class="main_bottom">
<a href="#templatemo_header"></a>
</div>
<div class="cleaner"></div>
</div> <!-- END of home -->
<div id="about" class="main_box">
<h1>About Us</h1>
<img src="images/templatemo_image_02.jpg" alt="image" class="img_float_r" />
<p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius consectetur arcu, ut fermentum sem adipiscing id. Visit <a href="http://www.templatemo.com" target="_parent">www.templatemo.com</a></em></p>
<p>Integer vitae lacus vitae ligula interdum scelerisque. Sed feugiat pulvinar magna sed sollicitudin. Sed porttitor, risus pretium faucibus ornare, tellus sem rutrum ante, sit amet placerat enim ante vitae augue. Quisque sollicitudin, elit a hendrerit varius, urna nulla viverra mi, a semper ligula risus ac mi. Aenean viverra aliquam lacus, id consectetur felis tincidunt sit amet. Donec magna leo, rhoncus nec feugiat vitae, viverra eu erat. In hac habitasse platea dictumst. Etiam risus orci, accumsan at sollicitudin sed, condimentum nec nisi. Pellentesque ut erat id dolor pharetra pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed pharetra varius libero sit amet ultrices. Suspendisse ac sapien turpis. Donec congue dolor eu purus adipiscing fringilla.</p>
<p>Suspendisse cursus venenatis libero, vel volutpat eros sodales eu. Aliquam convallis sem non elit placerat at blandit risus blandit. Integer sit amet nibh eu sapien vehicula luctus. Sed euismod justo a turpis varius at elementum magna cursus. Nam ultricies euismod lorem vitae hendrerit. Ut sollicitudin, dolor at placerat lobortis, odio lectus ultricies velit, eget varius lorem ante vel odio. Aliquam neque ipsum, aliquam eget auctor nec, malesuada sit amet risus. Aliquam mollis viverra massa, vitae pulvinar odio accumsan ullamcorper. Aliquam erat volutpat. Duis id lacus ac odio varius ultricies.</p>
<div class="cleaner h40"></div>
<div class="col col_23">
<h3>Top Management</h3>
<div class="col col_13">
<blockquote>
<p>Sed molestie ultrices dolor, eu ullamcorper neque bibendum eu. In mollis imperdiet sapien eget malesuada. Nullam tincidunt tellus ac sem suscipit interdum.</p>
<cite>Michael - <span>Chief Executive Officer</span></cite></blockquote>
</div>
<div class="col col_13 no_margin_right">
<blockquote>
<p>Proin lacinia convallis tempus. Suspendisse libero neque, molestie sit amet imperdiet sollicitudin, eleifend eget sem. In eget sapien lorem, vitae tempus justo. </p>
<cite>Ray - <span>Business Development Manager</span></cite></blockquote>
</div>
</div>
<div class="col col_13 no_margin_right">
<h3>News</h3>
<ul class="twitter_post">
<li>Nam feugiat, ipsum eget dignissim pellentesque, dui est eleifend neque.
没有合适的资源?快使用搜索试试~ 我知道了~
html5精品模板001.rar
共58个文件
jpg:29个
png:16个
js:5个
需积分: 0 0 下载量 68 浏览量
2024-06-02
23:52:22
上传
评论
收藏 2.89MB RAR 举报
温馨提示
HTML5+CSS+JS精品网页模板,网页不限于设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能;适用于大学生期末大作业或公司网页制作。响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 下载文件解压缩,用Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件打开,只需更改源代码中的文字和图片可直接使用。图片的命名和格式需要与原图片的名字和格式一致,其他的无需更改。如碰到HTML5+CSS+JS等专业技术问题,以及需要对应行业的模板等相关源码、模板、资料、教程等,随时联系博主咨询。 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,5000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页,感谢关注和支持!
资源推荐
资源详情
资源评论
收起资源包目录
html5精品模板001.rar (58个子文件)
html5精品模板001
.htaccess 1KB
js
jquery.localscroll-min.js 2KB
jquery.scrollTo-min.js 2KB
slimbox2.js 4KB
logging.js 158B
jquery.min.js 56KB
css
slimbox2.css 1KB
index.html 16KB
images
go_to_top.png 3KB
prevlabel.gif 1KB
templatemo_image_02.jpg 22KB
logo_fireworks.png 110KB
templatemo_logo.png 18KB
portfolio
02.jpg 185KB
09-s.jpg 31KB
06.jpg 212KB
10.jpg 184KB
11-s.jpg 23KB
01.jpg 225KB
01-s.jpg 28KB
08-s.jpg 26KB
06-s.jpg 18KB
04-s.jpg 19KB
05-s.jpg 17KB
08.jpg 210KB
12-s.jpg 15KB
07.jpg 226KB
07-s.jpg 31KB
12.jpg 145KB
03-s.jpg 22KB
05.jpg 161KB
11.jpg 169KB
04.jpg 148KB
09.jpg 297KB
02-s.jpg 22KB
10-s.jpg 22KB
03.jpg 159KB
templatemo_footer.png 1KB
loading.gif 3KB
closelabel.gif 979B
templatemo_body_center.jpg 167KB
home.png 2KB
templatemo_menu.png 1KB
about.png 2KB
contact.png 2KB
templatemo_image_03.jpg 18KB
twitter.png 2KB
main_bottom.png 943B
facebook.png 2KB
portfolio.png 2KB
templatemo_menu_divider.png 1KB
nextlabel.gif 1KB
services.png 3KB
templatemo_main.png 1012B
templatemo_body_repeat.jpg 2KB
templatemo_image_01.jpg 23KB
comment.png 2KB
templatemo_style.css 5KB
共 58 条
- 1
资源评论
一只小小的眠羊
- 粉丝: 2491
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- js基础但是这个烂怂东西要求标题不能少于10个字才能上传然后我其实还没有写完之后再修订吧.md
- electron-tabs-master
- Unity3D 布朗运动算法插件 Brownian Motion
- 鼎微R16中控升级包R16-4.5.10-20170221及强制升级方法
- 鼎微R16中控升级包公版UI 2015及强制升级方法,救砖包
- 基于CSS与JavaScript的积分系统设计源码
- 生物化学作业_1_生物化学作业资料.pdf
- 基于libgdx引擎的Java开发连连看游戏设计源码
- 基于MobileNetV3的SSD目标检测算法PyTorch实现设计源码
- 基于Java JDK的全面框架设计源码学习项目
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功