<!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>RS 17 | Free CSS Template collect from www.htmldivcss.com</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="nav">
<h1 id="sitename"><a href="#">Black & Blue</a></h1>
<ul id="menu">
<li><a href="index.html" title="Home" accesskey="h"><span>H</span>ome</a></li>
<li><a href="blog.html" title="Blog" accesskey="b"><span>B</span>log</a></li>
<li class="active"><a href="articles.html" title="Articles" accesskey="a"><span>A</span>rticles</a></li>
<li><a href="contact.html" title="Contact" accesskey="c"><span>C</span>ontact</a></li>
</ul>
</div>
<div id="wrap">
<div id="header">
<h2 id="desc">A free css template</h2>
</div>
<div id="topbar">
<ul class="breadcrumb">
<li>You Are Here »</li>
<li>YourSiteName.com » <a href="index.html">Home</a> »
</li>
<li><a href="#">Articles</a> »
</li>
</ul>
<div id="searchbar">
<form action="#" method="get">
<div>
<input name="keyword" type="text" class="keyword" value="test test test" />
</div>
<div>
<input type="image" src="images/searchbutton.jpg" name="search" />
</div>
</form>
</div>
</div>
<div id="content">
<div id="left">
<div class="post">
<div class="postheader"><h2><a href="#">The Story of Lorem Ipsum</a></h2>
<span class="postdetails">Published on 24 December, 2009 by<a href="#"> Roshan</a>. Filed under <a href="#">General</a></span>
</div>
<img src="images/articleimg-main.jpg" width="600" height="200" alt="Article Image" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula orci sed nisl blandit adipiscing. Aenean tortor ligula, vulputate nec auctor non, sollicitudin ac massa. Mauris bibendum ultrices sem, in condimentum enim sodales sit amet. In ac sollicitudin lacus. Duis mattis mattis quam, in convallis ligula viverra ut. In sit amet nisi eget est varius dictum. </p><blockquote>
<p>In hac habitasse platea dictumst. Nam id commodo dolor. In viverra porttitor consequat. Vivamus eros lectus, aliquet eu convallis nec, euismod vel dui. Pellentesque consequat, massa non laoreet ullamcorper, felis lorem egestas enim, consectetur commodo enim erat ut tellus.
<cite>BlockQuote Example</cite>
</p></blockquote>
<p> In et urna risus, sit amet placerat est. Donec et lorem non elit aliquam sagittis at laoreet metus. Quisque mattis, leo id convallis molestie, neque dolor auctor orci, in semper dolor odio quis lacus. Proin dignissim fermentum quam, nec hendrerit magna consequat fringilla. Vestibulum cursus pulvinar ipsum, et rhoncus erat ornare sed. Cras eros urna, tempus sagittis vulputate ut, aliquam non augue. Fusce in arcu massa. Nam ut malesuada ligula. Integer non pellentesque risus.</p>
<p>Sed posuere tincidunt nisl. Pellentesque ac nunc urna, eu pretium tellus. Morbi in neque dolor. Nullam sed vehicula nibh. Pellentesque id ligula erat. Sed at pellentesque mauris. Donec nunc ipsum, volutpat a porttitor a, volutpat at arcu. Duis iaculis fringilla ligula, vel aliquet justo mollis nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed imperdiet quam eu dui dapibus euismod. Phasellus gravida ultricies nibh, vitae tincidunt tellus rutrum in. Nam vulputate lobortis mauris eget condimentum. Aenean consectetur faucibus viverra. Pellentesque eleifend neque in turpis rutrum consectetur. Nulla ac libero eget est elementum fringilla elementum sed ante. Etiam non arcu est. Donec accumsan, orci gravida placerat facilisis, lectus urna scelerisque nunc, vitae interdum massa magna id orci. Vivamus commodo dolor euismod erat tincidunt fringilla. Suspendisse vel ultricies orci.
</p>
<blockquote class="alignright">
<p>In hac habitasse platea dictumst. Nam id commodo dolor. In viverra porttitor consequat. Vivamus eros lectus, aliquet eu convallis nec, euismod vel dui. Pellentesque consequat, massa non laoreet ullamcorper, felis lorem egestas enim, consectetur commodo enim erat ut tellus.
<cite>BlockQuote Example</cite>
</p></blockquote>
<p>
Nunc elementum vestibulum tortor at tincidunt. Vestibulum ut neque egestas nulla dictum ultrices id nec nunc. Aenean gravida ornare eros id auctor. Nam sapien leo, molestie ac posuere ac, semper vitae nunc. Proin nulla mauris, facilisis eget bibendum et, vehicula id libero. Integer ultricies neque quis sapien accumsan consequat gravida dolor elementum. Duis eu diam lectus, non rutrum nulla. Integer eros risus, auctor vitae porttitor at, dapibus sed lorem. Phasellus egestas enim ut risus tristique pulvinar. Nam pharetra odio a metus ornare ornare. Donec eget sem diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla pellentesque aliquet nunc ornare aliquet. Mauris et neque vitae lorem volutpat pellentesque in non lacus.
</p>
<h3>Image Alignments</h3>
<p>
<img src="images/img1.jpg" width="305" height="180" alt="Image 1" class="alignleft" />Etiam sit amet massa pretium sapien scelerisque aliquam. Duis id magna quam. Phasellus porta lobortis velit quis pulvinar. Vivamus tempor ultrices turpis sit amet sodales. In sem ipsum, malesuada ut mollis nec, rhoncus nec nisi. Donec tellus est, ultricies ac commodo eget, sollicitudin in metus. Pellentesque a ipsum ut mi ultricies tempor. Sed porta dolor vel neque suscipit vel sodales nulla interdum. Donec at felis sed mauris vulputate rhoncus nec in arcu. In a ipsum metus. Nulla posuere, mi vitae venenatis posuere, lectus urna rutrum nibh, et convallis augue nunc ac nisl. Duis pellentesque tempus condimentum. Morbi id interdum metus. Nulla adipiscing pharetra suscipit. Nulla nec turpis eget lacus interdum aliquam. Praesent lobortis congue neque imperdiet lobortis. </p>
<img src="images/img3.jpg" width="305" height="180" alt="Image 2" class="alignright" />
<p>
Pellentesque luctus dignissim felis vitae ultrices. Mauris rutrum ultricies interdum. Suspendisse lobortis massa pellentesque ipsum porta venenatis. Integer vulputate velit vitae nulla varius id tempus nisl ornare. Curabitur ut dui quis ipsum pulvinar consectetur ut egestas lacus. Nam in eros rhoncus justo scelerisque iaculis ut sit amet est. Aliquam volutpat fermentum sem, in iaculis libero sagittis sit amet. Nunc vitae metus non orci pellentesque bibendum. Donec porta aliquam elit quis iaculis. Cras rhoncus ornare eros vel lobortis. Donec vel interdum magna. Sed commodo mi et velit dictum laoreet. Nam non tellus sed libero scelerisque sollicitudin. Fusce est dolor, pretium ut iaculis ac, faucibus sed lectus. Pellentesque rutrum mollis orci, faucibus mollis massa sodales ultrices.</p>
<h4>Lists & Codes</h4>
<p>Vestibulum eget enim neque, non sodales purus. Nulla semper dapibus tempor. Morbi iaculis accumsan lorem, eu dapibus tortor adipiscing eu. In adipiscing vestibulum cursus. Mauris nulla orci, tincidunt lacinia convallis ultricies, ornare vel elit.</p>
<h4>Unordered List</h4>
<ul>
<li>Duis varius, augue eget auctor pellentesque, lectus risus sodales nunc, eget congue dolor ante nec nunc. </li>
<li>Quisque sollicitudin mollis risus, eget vestibulum eros euismod nec. Suspendisse bibendum sem id ligula interdum sed vehicula nisl scelerisque. </li>
<li>Suspendisse tincidunt tortor a nunc pellentesque et imperdiet ipsum tincidunt. Aenean porttitor eleifend eros, in pretium mi tincidunt eget. </li>
<li>Maecenas elementum semper lectus at faucibus. </li>
<li>Nam blandit eros ut nisi interdum eu tempor tellus dapibus. </li>
<li>Sed nec lacus eu lectus commodo viverra. Duis erat risus, sodales sit amet commodo vel, porttitor nec ligula. </li>
</ul>
<h4>Ordered List</h4>
<ol>
<li>Duis varius, augue eget auctor pellentesque, lectus risus sodales nunc, eget congue dolor ante nec nu
410_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （37个子文件） 
410 
style.css 9KB
1.jpg 136KB
articles.html 18KB index.html 9KB images headerbar.jpg 330B simg1.jpg 7KB ad4.jpg 3KB
topbar.png 1KB articleimg-main.jpg 51KB bodybg.jpg 3KB bottombar.jpg 480B simg3.jpg 4KB searchfield.jpg 480B templateimg.jpg 8KB img2.jpg 13KB header.jpg 11KB learnmore-hover.jpg 934B catgory1.jpg 477B ad2.jpg 3KB contenttop.jpg 2KB img1.jpg 11KB simg2.jpg 6KB searchbutton.jpg 899B img3.jpg 20KB learnmore.jpg 620B darkbox1.jpg 403B darkbox2.jpg 373B darkbox3.jpg 429B pagebg.jpg 696B
bullet.gif 170B catgory2.jpg 593B author.gif 13KB comment-button.jpg 1KB avatar.jpg 646B ad1.jpg 3KB quote.jpg 507B blog.html 12KB资源评论
icwx_7550592
- 粉丝: 18
- 资源: 7163
最新资源
- 牙科铣床三维建模图纸 STP格式 .zip
- 基于Spring Boot框架的优惠券卡包系统.zip
- SSS Shader Graph
- 基于Spring Boot框架的仿牛客网社区.zip
- 基于Spring Boot框架的仓库管理系统.zip
- OpenNJet实现了NGINX云原生功能增强、安全加固和代码重构，利用动态加载机制可以实现不同的产品形态，如Web服务器等等
- 基于正负序分离控制的三相离网逆变器，带不平衡阻性负载 图片为基于正序控制的和基于正负序分离控制的离网逆变器分别带载的波形
- 基于Spring Boot框架的乐优商城.zip
- 基于ros2的fast-lio2定位算法
- 基于Spring Boot框架的Hadoop集群管理系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
