<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Serenity</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/movingbox.css" type="text/css" media="screen">
<script src="js/jquery-1.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/slider.js" type="text/javascript" charset="utf-8"></script>
<script type='text/javascript' src='http//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='js/jquery.color-RGBa-patch.js'></script>
<script type='text/javascript' src='js/example.js'></script>
<!--[if IE]><script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<header><!-- header -->
<br><br><br>
<h1>Serenity</h1>
</header><!-- end of header -->
<div class="nav-wrap">
<ul class="group" id="example-one">
<li class="current_page_item"><a href="#one">Home</a></li>
<li><a href="#two">About</a></li>
<li><a href="#three">Blog</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">The Show</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
<section id="main"><!-- #main content area -->
<p> </p>
<p><br></p>
<div id="slider">
<img class="scrollButtons left" src="images/leftarrow.png">
<div style="overflow: hidden;" class="scroll">
<div class="scrollContainer">
<div class="panel" id="panel_1">
<div class="inside">
<img src="images/p1.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very short excerpt goes here... <a href="#">more link</a></p>
</div>
</div>
<div class="panel" id="panel_2">
<div class="inside">
<img src="images/p2.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very short excerpt goes here... <a href="#">more link</a></p>
</div>
</div>
<div class="panel" id="panel_3">
<div class="inside">
<img src="images/p3.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very short excerpt goes here... <a href="#">more link</a></p>
</div>
</div>
<div class="panel" id="panel_4">
<div class="inside">
<img src="images/p4.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very short excerpt goes here... <a href="#">more link</a></p>
</div>
</div>
<div class="panel" id="panel_5">
<div class="inside">
<img src="images/p5.jpg" alt="picture" />
<h2>News Heading</h2>
<p>A very short excerpt goes here... <a href="#">more link</a></p>
</div>
</div>
</div>
<div id="left-shadow"></div>
<div id="right-shadow"></div>
</div>
<img class="scrollButtons right" src="images/rightarrow.png">
</div>
<article>
<p> </p>
<p>Eu eirmod interesset temporibus eum, sea cu amet reque quaestio. Qui erroribus assentior disputando an, quo quot accumsan menandri te, accumsan aliquando dissentias mei ea. Autem verear molestiae an mel, nominavi expetenda similique sit ei. Commodo utroque scribentur id nam, an ferri eruditi perpetua his, et has esse facer nominavi. Mei et essent dictas aliquip. Saepe eligendi phaedrum ne vix, sit putant eruditi eloquentiam at. Eu eirmod interesset temporibus eum, sea cu amet reque quaestio. Qui erroribus assentior disputando an, quo quot accumsan menandri te, accumsan aliquando dissentias mei ea. Autem verear molestiae an mel, nominavi expetenda similique sit ei. Commodo utroque scribentur id nam, an ferri eruditi perpetua his, et has esse facer nominavi. Mei et essent dictas aliquip. Saepe eligendi phaedrum ne vix, sit putant eruditi eloquentiam at. </p>
</article>
</section><!-- end of #content -->
<footer>
<section id="footer-area">
<section id="footer-outer-block">
<aside class="footer-segment first">
<h4> </h4>
<ul>
<li><a href="#">one linkylink</a></li>
<li><a href="#">two linkylinks</a></li>
<li><a href="#">three linkylinks</a></li>
</ul>
</aside><!-- end of #first footer segment -->
<aside class="footer-segment second">
<h4> </h4>
<ul>
<li><a href="#">one linkylink</a></li>
<li><a href="#">two linkylinks</a></li>
<li><a href="#">three linkylinks</a></li>
</ul>
</aside><!-- end of #second footer segment -->
<aside class="footer-segment third">
<h4> </h4>
<ul>
<li><a href="#">one linkylink</a></li>
<li><a href="#">two linkylinks</a></li>
<li><a href="#">three linkylinks</a></li>
</ul>
</aside><!-- end of #third footer segment -->
<aside class="footer-segment last">
<h4> </h4>
<p>© 2010 <a href="#">www.yoursite.com</a></p>
</aside><!-- end of #fourth footer segment -->
</section><!-- end of footer-outer-block -->
</section><!-- end of footer-area -->
</footer>
</div><!-- #wrapper -->
<!-- Free template created by http//freehtml5templates.com -->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
非响应式黑粉白图片展示网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
共22个文件
js:7个
png:6个
jpg:5个
需积分: 0 0 下载量 133 浏览量
2023-08-03
11:29:19
上传
评论
收藏 609KB ZIP 举报
温馨提示
非响应式黑粉白图片展示网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
资源推荐
资源详情
资源评论
收起资源包目录
非响应式黑粉白图片展示网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (22个子文件)
非响应式黑粉白图片展示网站
js
jquery-1.3.2.min.js 56KB
jquery.color-RGBa-patch.js 5KB
jquery-1.3.1.min.js 54KB
jquery.coda-slider-2.0.js 10KB
example.js 2KB
slider.js 3KB
jquery.easing.1.3.js 8KB
css
style.css 1KB
movingbox.css 1KB
index.html 5KB
images
rightshadow.png 147B
rightarrow.png 1KB
p4.jpg 99KB
header.png 99KB
bg.png 8KB
p2.jpg 60KB
p3.jpg 123KB
leftarrow.png 1KB
p5.jpg 117KB
leftshadow.png 153B
p1.jpg 63KB
styles.css 4KB
共 22 条
- 1
资源评论
qw_6918966011
- 粉丝: 23
- 资源: 6161
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功