<!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=gb2312" />
<title>饮料类cssdiv模板 by yihaowangluo</title>
<meta name="keywords" content="css模板,css教程,cssdiv模板,css" />
<meta name="description" content="天字一号网络专业的css模板下载站！" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">饮料类cssdiv模板</a></h1>
<h2><a href="http://www.yihaowangluo.com/">By yihaowangluo</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" title="">Home</a></li>
<li><a href="#" title="">About</a></li>
<li><a href="#" title="">Products</a></li>
<li><a href="#" title="">Services</a></li>
<li><a href="#" title="">Contact</a></li>
</ul>
</div>
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<p><img src="images/img04.jpg" alt="" width="420" height="200" /></p>
<h2>Welcome to Carbonated!</h2>
<p><strong>Carbonated</strong> is a template from <a href="http://www.yihaowangluo.com/">yihaowangluo</a> released under a <a href="http://www.9aifree.com">www.9aifree.com</a>. The photos are from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use it for both commercial or personal use. welcome to www.yihaowangluo.com in some way. <em>Enjoy :)</em></p>
<div class="hr">
<hr />
</div>
<h2>Examples of Common Tags</h2>
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>“Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio.”</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh.</p>
<p>This is another example of a paragraph followed by an ordered list:</p>
<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>News & Events</h2>
<dl>
<dt><strong>April 5, 2014</strong></dt>
<dd>In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula. <a href="#">More…</a></dd>
<dt><strong>April 2, 2014</strong></dt>
<dd>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. <a href="#">More…</a></dd>
<dt><strong>March 30, 2014</strong></dt>
<dd>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. <a href="#">More…</a></dd>
</dl>
</li>
<li>
<h2>Numbered List</h2>
<ol>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
<li><a href="#">Etiam malesuada rutrum enim</a></li>
<li><a href="#">Aenean elementum facilisis</a></li>
<li><a href="#">Ut tincidunt elit vitae augue</a></li>
<li><a href="#">Sed quis odio sagittis leo</a></li>
</ol>
</li>
<li>
<h2>A Sidebar's Blockquote</h2>
<blockquote>
<p>“Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.”</p>
</blockquote>
<ul>
<li><a href="#">Ut semper vestibulum est</a></li>
<li><a href="#">Vestibulum luctus venenatis</a></li>
<li><a href="#">Integer rutrum nisl in mi</a></li>
</ul>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p id="legal">Copyright © 2014 Carbonated. All Rights Reserved. Designed by <a href="http://www.yihaowangluo.com/"><strong>yihaowangluo</strong></a>from<a href="http://www.yihaowangluo.com/"><strong></strong></a>andlinkstomyfriends</p>
<p id="links"><a href="http://www.yihaowangluo.com/"><strong>yihaowangluo</strong></a> | <a href="http://www.yihaowangluo.com/"><strong></strong></a> | </p>
</div>
</body>
</html>
(65)_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
24 浏览量
2023-08-02
16:25:29
上传
评论
收藏 50KB ZIP 举报
(65)_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （9个子文件） 
天字一号网络 (65) 065 
default.css 3KB
index.html 4KB images 
img04.jpg 34KB
img06.gif 43B img05.gif 44B img01.gif 6KB img02.gif 5KB spacer.gif 43B img03.gif 54B资源评论
