<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CSS Heaven 1 | Free CSS Template</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="top">
<h1 id="sitename">Name <em>Of</em> Website</h1>
<div id="searchbar">
<form action="#">
<div id="searchfield">
<input type="text" name="keyword" class="keyword" /> <input class="searchbutton" type="image" src="images/searchgo.gif" alt="search" /></div>
</form>
</div>
</div>
<div id="menu">
<ul>
<li><a href="index.html"><span>Welcome</span></a></li>
<li><a href="styles.html"><span>Styles</span></a></li>
<li><a href="articles.html"><span>Articles</span></a></li>
<li class="active"><a href="notes.html"><span>Notes</span></a></li>
<li><a href="#nogo"><span>A long link text</span></a></li>
</ul>
</div>
<div id="contentwrap">
<div id="header">
</div><div id="mainpage" class="normalpage">
<div id="left" class="widepage">
<div class="post">
<h2><a href="#">License & Permission</a></h2>
<div class="postmeta"><span class="date">Posted on 12 June 2010</span> <span class="author">By YourName</span><span class="category">Example Category</span> </div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/88x31.png" /></a><br /><span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/InteractiveResource" property="dc:title" rel="dc:type">CSSH-1 Free CSS Template</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.cssheaven.org" property="cc:attributionName" rel="cc:attributionURL">Roshan M. Ravi</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a>.<br />Based on a work at <a xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://www.cssheaven.org" rel="dc:source">www.cssheaven.org</a>.<br />Permissions beyond the scope of this license may be available at <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.cssheaven.org" rel="cc:morePermissions">http://www.cssheaven.org</a>. <p>Example of image in a post without a css class</p>
<img src="images/image6.jpg" alt="chat" /> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dui ante, venenatis eleifend, condimentum vel, tincidunt eu, nisl. Nulla eu augue. Vivamus scelerisque sagittis lorem. Nunc tincidunt eleifend risus. </p>
<p>Example of Image with css class - .alignleft</p>
<p><img class="alignleft" src="images/image4.jpg" alt="Image" width="270" height="140" />Suspendisse laoreet, mi eget dapibus eleifend, risus dolor egestas ante, in luctus est risus ac mi. Mauris in libero eget leo laoreet rhoncus. Nam porta nisi id turpis. Ut ac justo at urna consequat mollis. Ut interdum sem ac justo. Curabitur vestibulum nulla ac nibh. Praesent imperdiet. Morbi lorem sem, pulvinar condimentum, porttitor ultricies, dignissim a, leo. Proin ligula libero, elementum eget, aliquam a, dictum eget, lectus. Etiam diam leo, ullamcorper vel, eleifend sodales, fringilla ac, arcu. Pellentesque enim elit, lobortis ut, egestas sit amet, imperdiet sed, ante. In sit amet urna. Nulla iaculis, est vel scelerisque posuere, ligula nunc condimentum ante, et porta leo libero in nunc. Phasellus nisl. Proin a neque. Pellentesque ac odio eu leo commodo luctus.
</p>
<p>Example of Image with css class - .alignright</p>
<p><img class="alignright" src="images/imgsample.jpg" alt="Image" width="196" height="178" />Suspendisse laoreet, mi eget dapibus eleifend, risus dolor egestas ante, in luctus est risus ac mi. Mauris in libero eget leo laoreet rhoncus. Nam porta nisi id turpis. Ut ac justo at urna consequat mollis. Ut interdum sem ac justo. Curabitur vestibulum nulla ac nibh. Praesent imperdiet. Morbi lorem sem, pulvinar condimentum, porttitor ultricies, dignissim a, leo. Proin ligula libero, elementum eget, aliquam a, dictum eget, lectus. Etiam diam leo, ullamcorper vel, eleifend sodales, fringilla ac, arcu. Pellentesque enim elit, lobortis ut, egestas sit amet, imperdiet sed, ante. In sit amet urna. Nulla iaculis, est vel scelerisque posuere, ligula nunc condimentum ante, et porta leo libero in nunc. Phasellus nisl. Proin a neque. Pellentesque ac odio eu leo commodo luctus.
</p><span class="readmore"><a href="#">Read More</a></span>
<div class="postbottom"><a href="#">Permalink</a> <a href="#">Comments</a> <a href="#">Category</a> <a href="#">Author</a></div>
</div><div class="post">
<h2>Blockquotes, Lists & Code</h2>
<p>Blockquote without a CSS Class</p>
<blockquote>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dui ante, venenatis eleifend, condimentum vel, tincidunt eu, nisl. Nulla eu augue. </p></blockquote>
<p>Blockquote with CSS Class .alignleft</p>
<blockquote class="alignleft"> <p>Vivamus scelerisque sagittis lorem. Nunc tincidunt eleifend risus. </p></blockquote>
<p>Suspendisse laoreet, mi eget dapibus eleifend, risus dolor egestas ante, in luctus est risus ac mi. Mauris in libero eget leo laoreet rhoncus. Nam porta nisi id turpis. Ut ac justo at urna consequat mollis. Ut interdum sem ac justo. Curabitur vestibulum nulla ac nibh. Praesent imperdiet. </p>
<p>Ordered List</p>
<ol>
<li>Morbi lorem sem</li>
<li> pulvinar condimentum</li>
<li> porttitor ultricies</li>
<li> dignissim </li>
</ol>
<p>Unordered List</p>
<ul>
<li>Morbi lorem sem</li>
<li> pulvinar condimentum</li>
<li> porttitor ultricies</li>
<li> dignissim </li>
</ul>
<p>Code</p>
<code>
code {
display:block;
padding:5px;
background: #3A3936;
white-space: pre;
border: 1px solid #000000;
font: normal 12px 'Courier New', Courier, monospace;}
</code>
<p>leo. Proin ligula libero, elementum eget, aliquam a, dictum eget, lectus. Etiam diam leo, ullamcorper vel, eleifend sodales, fringilla ac, arcu. Pellentesque enim elit, lobortis ut, egestas sit amet, imperdiet sed, ante. In sit amet urna. Nulla iaculis, est vel scelerisque posuere, ligula nunc condimentum ante, et porta leo libero in nunc. Phasellus nisl. Proin a neque. Pellentesque ac odio eu leo commodo luctus. </p><span class="readmore"><a href="#">Read More</a></span>
<div class="postbottom"><a href="#">Permalink</a> <a href="#">Comments</a> <a href="#">Category</a> <a href="#">Author</a></div>
</div><div class="post">
<h2>Tables</h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dui ante, venenatis eleifend, condimentum vel, tincidunt eu, nisl.</p>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th scope="col">Lorem</th>
<th scope="col">Ipsum</th>
<th scope="col">Dolor</th>
</tr>
<tr>
<td>Sit</td>
<td>Ipsum</td>
<td>Consectetuer</td>
</tr>
<tr>
<td>Adipiscing elit</td>
<td>Aliquam Negue mi</td>
<td>Euismond vitae</td>
</tr>
<tr>
<td>Morbi elit nulla</td>
<td>Laoreet Vel</td>
<td>Posuere et</td>
</tr>
<tr>
<td>Sit</td>
<td>Ipsum</td>
<td>Consectetuer</td>
</tr>
<tr>
<td>Adipiscing elit</td>
<td>Aliquam Negue mi</td>
<td>Euismond vitae</td>
</tr>
<tr>
<td>Morbi elit nulla</td>
<td>Laoreet Vel</td>
<td>Posuere et</td>
</tr>
</tbody>
</table>
<p> Nulla eu augue. Vivamus scelerisque sagittis lorem. Nunc tincidunt eleifend risus. Suspendisse laoreet, mi eget d
416web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
173 浏览量
2023-08-03
11:14:25
上传
评论
收藏 1.07MB ZIP 举报
416web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （74个子文件） 
416 
style.css 8KB fontface.css 2KB
styles.html 13KB
1.jpg 148KB articles.html 12KB notes.html 13KB index.html 9KB fontface contra-italic-webfont.eot 63KB quigleyw-webfont.otf 152KB comfortaa_thin-webfont.woff 32KB .DS_Store 6KB League Gothic.otf 17KB quigleyw-webfont.eot 66KB
quigleyw-webfont.svg 134KB quigleyw-webfont.woff 27KB contra-webfont.eot 57KB contra-italic-webfont.woff 32KB Prociono-Regular.otf 36KB contra-italic-webfont.otf 83KB comfortaa_bold-webfont.woff 32KB comfortaa_thin-webfont.svg 68KB comfortaa_regular-webfont.eot 52KB comfortaa_regular-webfont.svg 68KB Chunkfive.ttf 27KB comfortaa_bold-webfont.svg 69KB comfortaa_thin-webfont.ttf 52KB comfortaa_bold-webfont.ttf 51KB contra-webfont.svg 66KB comfortaa_bold-webfont.eot 51KB League Gothic 0B contra-webfont.woff 30KB comfortaa_thin-webfont.eot 52KB comfortaa_regular-webfont.woff 32KB contra-webfont.otf 72KB contra-italic-webfont.svg 74KB comfortaa_regular-webfont.ttf 52KB LeaguGot 0B Chunkfive.otf 9KB images .DS_Store 12KB imgsample.jpg 15KB image1.jpg 4KB
footerbg.gif 4KB bug.jpg 5KB searchbar.gif 1KB contentbg.gif 146B menu2.gif 183B image4.jpg 7KB boxh2bg.jpg 307B ftlv.jpg 308B sbbox3.jpg 791B image2.jpg 11KB image5.jpg 9KB mainheader.jpg 11KB header.jpg 29KB hbox2.jpg 8KB menuh1.gif 382B sbbox1.jpg 537B sbbox2.jpg 2KB hbox1.jpg 837B ftl-h.jpg 308B menuh2.gif 215B bg.jpg 24KB menu1.gif 293B cntntbtm.gif 514B image3.jpg 3KB readmorebtnh.gif 2KB hbox3.jpg 735B footerli2.gif 4KB footerli.gif 351B image6.jpg 6KB contenttop.gif 370B searchgo.gif 441B readmorebtn.gif 2KB sidebarbg.gif 47B资源评论
