<!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>www.zjf88.com</title>
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- CSS
================================================== -->
<link rel="stylesheet" href="styles/style.css" />
<link rel="stylesheet" href="styles/inner.css" />
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css' />
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="bodychild">
<div id="outercontainer">
<!-- HEADER -->
<div id="outerheader">
<header id="top">
<section id="navigation">
<nav>
<ul id="topnav" class="sf-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="current">About</a>
<ul>
<li><a href="element.html">Element</a></li>
<li><a href="single.html">Blog Detail</a></li>
<li><a href="accommodation-details.html">Accommodation Details</a></li>
</ul>
</li>
<li><a href="accommodation.html">Accommodation</a></li>
<li><a href="facilities.html">Facilities</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul><!-- topnav -->
</nav><!-- nav -->
<ul id="sn">
<li><a href="http//www.zjf88.com" title="Twitter"><span class="icon-img" style="background:url(images/social/twitter.png)"></span></a></li>
<li><a href="https//www.zjf88.com" title="Google+"><span class="icon-img" style="background:url(images/social/google.png)"></span></a></li>
<li><a href="http//www.zjf88.com" title="Facebook"><span class="icon-img" style="background:url(images/social/facebook.png)"></span></a></li>
<li><a href="http//www.zjf88.com" title="pinterest"><span class="icon-img" style="background:url(images/social/pinterest.png)"></span></a></li>
</ul>
<div class="clear"></div>
</section>
<div class="nav-shadow"></div>
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>
<div class="clear"></div>
</header>
</div>
<!-- END HEADER -->
<!-- MAIN CONTENT -->
<div id="outermain">
<div id="maincontent">
<section id="mainthecontent">
<h1 class="pagetitle">Elements</h1><div id="breadcrumb">You are here: <a href="index.html">Home</a> / Elements</div>
<div class="one_half firstcols">
<h4>Images in Paragraph</h4>
<p><img src="images/content/gallery/g1.jpg" alt="" class="alignleft frame" />Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Sed placerat libero quis metus malesuada venenatis.</p>
<p>Morbi a eros sed nisi laoreet.Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.laoreet molestie. Nulla facilisi. Duis condimentum molestie lacus ac tincidunt.Morbi a eros sed nisi laoreet molestie. Sed placerat libero quis metus malesuada venenatis. Proin vulputate, ligula id pellentesque laoreet, arcu odio tincidunt nunc, in dictum leo dui sed sapien. Cras rhoncus odio quis risus porta ullamcorper adipiscing nulla sodales. </p>
</div>
<div class="one_half lastcols">
<h4>Tables</h4>
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr class="even">
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr class="even">
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
</tr>
</tbody>
</table>
</div>
<div class="clear"></div>
<div class="separator line"><div></div></div>
<div class="one_half firstcols">
<h1>This is H1 tag</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id leo sem. In non eros viverra orci consequat sagittis sed sed lectus. Mauris tempus eleifend elit, ut fringilla nunc commodo sed. Nunc quam nunc, auctor id fringilla ut, faucibus euismod felis. Phasellus in est diam. Ut dolor neque, luctus ut laoreet non, dictum non diam. Donec lectus tortor, facilisis et dignissim vel, fringilla nec magna.</p>
</div>
<div class="one_half lastcols">
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS精品网页模板H105.rar
共107个文件
jpg:33个
png:28个
html:14个
0 下载量 88 浏览量
2024-05-10
21:36:31
上传
评论
收藏 1.12MB RAR 举报
温馨提示
HTML5+CSS+JS精品网页模板,设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能;适用于大学生期末大作业或公司网页制作。响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 下载文件解压缩,用Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件打开,只需更改源代码中的文字和图片可直接使用。图片的命名和格式需要与原图片的名字和格式一致,其他的无需更改。如碰到HTML5+CSS+JS等专业技术问题,以及需要对应行业的模板等相关源码、模板、资料、教程等,随时联系博主咨询。 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,5000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS精品网页模板H105.rar (107个子文件)
style.css 21KB
prettyPhoto.css 18KB
inner.css 6KB
Thumbs.db 359KB
Thumbs.db 10KB
Thumbs.db 6KB
loader.gif 2KB
staff4.gif 2KB
staff3.gif 2KB
staff1.gif 2KB
staff2.gif 2KB
avatar.gif 296B
default_thumbnail.gif 227B
arrow.gif 49B
line.gif 47B
square.gif 43B
element.html 28KB
gallery.html 16KB
single.html 15KB
blog.html 13KB
index.html 11KB
accommodation.html 11KB
accommodation-details.html 9KB
facilities.html 9KB
contact.html 9KB
about.html 7KB
index.html 2KB
index.html 935B
index.html 871B
index.html 579B
favicon.ico 894B
slide2.jpg 73KB
slide4.jpg 72KB
pic1.jpg 61KB
slide3.jpg 60KB
slide1.jpg 58KB
post3.jpg 35KB
post2.jpg 32KB
post1.jpg 29KB
img2.jpg 12KB
f5.jpg 12KB
f2.jpg 11KB
f1.jpg 10KB
img1.jpg 10KB
pic2.jpg 10KB
img3.jpg 9KB
f4.jpg 9KB
f6.jpg 8KB
f3.jpg 8KB
g7.jpg 8KB
g8.jpg 7KB
g10.jpg 7KB
g2.jpg 7KB
g3.jpg 7KB
g9.jpg 7KB
g4.jpg 7KB
g5.jpg 7KB
g11.jpg 7KB
g6.jpg 6KB
g12.jpg 6KB
g1.jpg 6KB
rp3.jpg 2KB
rp1.jpg 2KB
rp2.jpg 2KB
jquery-1.6.4.min.js 90KB
jquery.prettyPhoto.js 24KB
jquery.cycle.all.min.js 23KB
jquery.jcarousel.pack.js 9KB
superfish.js 4KB
supersubs.js 3KB
hoverIntent.js 3KB
contact.js 2KB
custom.js 2KB
filter.js 2KB
gallery.js 2KB
fade.js 767B
bell.png 77KB
pattern.png 17KB
logo.png 17KB
sprite.png 4KB
btnNext.png 845B
btnPrevious.png 828B
pinterest.png 759B
hover-link.png 743B
hover-zoom.png 701B
toggle-down.png 631B
toggle.png 620B
google.png 544B
twitter.png 451B
quote.png 436B
hover-doc.png 434B
button-prevnext.png 407B
facebook.png 284B
bottom.png 268B
bg-nav.png 233B
contentPatternTop.png 142B
contentPatternBottom.png 142B
contentPatternLeft.png 137B
contentPatternRight.png 136B
nav-shadow.png 135B
共 107 条
- 1
- 2
资源评论
仙女网页制作
- 粉丝: 4132
- 资源: 173
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功