<div class="spring">
这是一段警告
<del>×</del>
</div>
<p class="border border-red text-red padding-small">When I was just a little girl,</p>
<p class="border border-yellow text-yellow padding-small">I asked my mother, </p>
<p class="border border-blue text-blue padding-small">"What will I be?</p>
<p class="border border-green text-green padding-small">Will I be pretty?</p>
<p class="border padding-small">Will I be rich?"</p>
<div class="taber">
<div class="head">
<a href="#" lang="t1" class="selected">典故</a>
<a href="#" lang="t2">关于</a>
<a href="#" lang="t3">其他</a>
<a href="#" lang="t4">其他</a>
</div>
<div class="body" id="t1">
快切犹急切。 何其芳《画梦录·炉边夜话》:“但这里的人从没有一个见过海的,辽远使我更加快切了。这里的快切是比渴望还要渴望的心情,快切是一种需求,是一种梦想,是激励我们实现目标的动力。
</div>
<div class="body" id="t2" style="display:none;">
快切是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准,可以让每个网站防 止枯燥的跨浏览器兼容性测试。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。
</div>
<div class="body" id="t3" style="display:none;">
更多相关资讯
</div>
<div class="body" id="t4" style="display:none;">
更多相关资讯
</div>
</div>
<ul class="sidebar">
<li class="selected"> <a href="#">栏目</a></li> <li><a href="#">菜单</a></li> <li><a href="#">菜单</a></li>
</ul>
<div class="pager"> <a href="#">首页</a> <a href="#">上一页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">...</a> <a href="#">99</a> <a href="#">下一页</a> <a href="#">尾页</a> </div>
默认 | <span class="label">默认</span> |
成功 | <span class="label success">成功</span> |
默认 | <span class="label warning">警告</span> |
默认 | <span class="label error">错误</span> |
<div class="heading"> <h1>这是一个heading</h1> <h2>这是一个heading的描述</h2> </div>
<div class="alert">
<strong>提示信息!</strong>这是一段普通的提示信息描述 </div>
<div class="progress">
<div class="bar" style="width:50%;"> </div> </div>
<div class="well">
... </div>
<div class="masthead">
<h1>快切</h1>
<div class="lead">国产响应式css框架</div>
<div class="social">兼容ie6,ie7,ie8,firefox,chrome等浏览器</div> </div>
<ul class="timeline">
<li class="event">
<label></label>
<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
<span>19 Nov</span>
</div>
<div class="inner">
<h3>I find your lack of faith disturbing</h3>
<p>Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.</p>
</div>
</li>
<li class="event">
<label></label>
<div class="thumb" style="background-image:url(imgs/darthvader.jpg);">
<span>19 Nov</span>
</div>
<div class="inner">
<h3>I find your lack of faith disturbing</h3>
<p>Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.</p>
</div>
</li>
</ul>
Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.
Don't be too proud of this technological terror you've constructed. The ability to destroy a planet is insignificant next to the power of the Force. The plans you refer to will soon be back in our hands. A tremor in the Force. The last time I felt it was in the presence of my old master. Escape is not his plan. I must face him. Alone.
<div class="pricing-tables">
<div class="pricing-box">
<div class="pricing-head">
Smart Starter
</div>
<div class="pricing-body">
<ul>
<li>I asked my mother</li>
<li>what will I be</li>
<li>will I be pretty</li>
<li>will I be rich</li>
</ul>
</div>
<div class="pricing-foot">
<h3>Price per month</h3>
<p><a href="#" class="button">Contact</a></p>
</div>
</div>
<div class="pricing-box large">
<div class="pricing-head">
Smart Medium
</div>
<div class="pricing-body">
<ul>
<li>I asked my mother</li>
<li>what will I be</li>
<li>will I be pretty</li>
<li>will I be rich</li>
</ul>
</div>
<div class="pricing-foot">
<h3>Price per month</h3>
<p><a href="#" class="button">Contact</a></p>
</div>
</div>
<div class="pricing-box">
<div class="pricing-head">
Smart Business
</div>
<div class="pricing-body">
<ul>
<li>I asked my mother</li>
<li>what will I be</li>
<li>will I be pretty</li>
<li>will I be rich</li>
</ul>
</div>
<div class="pricing-foot">
<h3>Price per month</h3>
<p><a href="#" class="button">Contact</a></p>
</div>
</div>
</div>