北美票房：《复仇者联盟4》破纪录封王

比尔盖茨：去世后20年将关闭基金会

组图：今田美樱登《with》封面 夏日清新装扮令人眼前一亮

李佳琦力荐控油妆前乳

今天起世园会开展啦！九图教你辨别常见花卉

拉卡拉上市：雷军首次天使投资狂赚900倍

习近平在一带一路论坛开幕式上的演讲

月光族的福利！这车售价仅6万，省油耐造比帕萨特更值得买

习近平在一带一路论坛开幕式上的演讲

Intel手机基带往事：因苹果而始，为苹果而终

深陷信任危机的小红书能否破局？

Description

但是具体来说，你会做那种选择?　　事实上，虽然直觉上我们做了选择，在创业路上，30%的几率挣到300万的策略却总是让步于0.3%挣到3亿。

<ul id="pro_breadcrumbs-one">
	<li><a href="#"> 1 </a></li>
	<li><a href="#"> 2 </a></li>
	...
	<li><a href="#" class="current"> You are here </a></li>
</ul>

Breadcrumbs Style 2

<ul id="pro_breadcrumbs-two">
	<li><a href="#"> 1 </a></li>
	<li><a href="#"> 2 </a></li>
	...
	<li><a href="#" class="current"> You are here </a></li>
</ul>

Breadcrumbs Style 3

<ul id="pro_breadcrumbs-four">
	<li><a href="#"> 1 </a></li>
	<li><a href="#"> 2 </a></li>
	...
	<li><a href="#" class="current"> You are here </a></li>
</ul>

网易公布2018年第二季度财报

Description

Ordered List

<ol>
	<li> <a href="#"> ... </a> </li>
	<li> ... </li>
	...
</ol>

Ordered List 2

<ol class="pro_list3">
	<li> <a href="#"> ... </a> </li>
	<li> ... </li>
	...
</ol>

Unordered List 1

<ul class="pro_list1">
	<li> <a href="#"> ... </a> </li>
	<li> ... </li>
	...
</ul>

Unordered List 2

<ul class="pro_list2">
	<li> <a href="#"> ... </a> </li>
	<li> ... </li>
	...
</ul>

Mixed List

<ol>
	<li> <a href="#"> ... </a> </li>
	<li>
		<ul class="pro_list1">
			<li> ... </li>
		</ul>
	</li>
	...
</ol>

Definition List

<dl>
	<dt> <a href="#"> ... </a> </dt>
	<dd> ... </dd>
	<dt> <a href="#"> ... </a> </dt>
	<dd> ... </dd>
	...
</dl>

最佳阵容：7外援霸占中前场

大师都力推的家常菜，超下饭！

Description

Simple Form

我们很多同事都是986作息，早上9点，晚上8点，每周6天。

<label><span class="pro_text-form">First Name:</span><input type="text"></label>

To create select box use the following code:

<label>
	<span class="pro_text-form">Country:</span>
	<select>
		<option>United States</option>
		<option>United States</option>
	</select>
</label>

To add new options to the select box use the tag "option": <option>Your Text</option>

　　据印度本土手游开发团队MechMocha介绍，他们自研的轻度手机游戏在9月后的三个月里下载量激增了3倍。

<div class="pro_wrapper">
	<input type="radio" name="group1"><div class="pro_text-form2 fleft">Yout Text</div>
</div>

Please note that all "input" tags with attribute type="radio" should have same name name="NameOfRadioGroup"

　　这是我昨天的截图，微信占了90%的电量，可能有一点特殊，但是我相信每个人手机里面电量的显示，微信可能都要占70%以上。

<div class="pro_wrapper">
	<input type="checkbox"><div class="pro_text-form3 fleft">Sign me up for your newsletter</div>
</div>

Any input tag can be displayed as checkbox. To do this type "checkbox" for the input tag type attribute (<input type="checkbox">)

“新能源的里程数一直在增加，从之前150公里到现在的300公里，未来还会逐渐变得更长。　　这名男子应该万万没有想到，当时并没有出手阻拦的“吃瓜群众”将其拍摄下来并发到网上，并被大V转发，而他自己，也被人肉了......　　 　　人肉后，该男子开了一个微博小号进行澄清，还原了视频前的一些情况：　　 　　看完这个前因后果，小财女觉得这个男的是道德双标嘛，既然不喜欢别人骂人的时候带家人朋友，那你骂那两个女孩的时候为什么要带上家人朋友?　　3月5日凌晨，微博@平安北京发文称，经过连夜工作，已将该男子查获。

<form id="pro_form1">
	<label><span class="pro_text-form">First Name:</span><input type="text"></label>
	...
	<label>
		<span class="pro_text-form fleft">Country:</span>
		<select>
			<option>United States</option>
			<option>United States</option>
		</select>
	</label>
	<label>
		<div class="pro_text-form">Message:</div>
		<textarea></textarea>
	</label>
	<div class="pro_wrapper">
		<input type="radio" name="group1"><div class="pro_text-form2 fleft">Male</div>
	</div>
	<div class="pro_wrapper">
		<input type="radio" name="group1"><div class="pro_text-form2 fleft">Female</div>
	</div>
	<div class="pro_wrapper">
		<input type="checkbox"><div class="pro_text-form3 fleft">Sign me up for your newsletter</div>
	</div>
	<a class="pro_btn">Send</a>
</form>

Advanced Form

可人家毕竟只是我朋友，不是我爸，也不是我干爹，总有一天要还的。说来也怪，一到硅谷，远离无休无止的争吵，不用整天端着架子，王功权心态一下放松了下来。”　　彼得·蒂尔的200万美金天使投资到账后，Palantir正式诞生。

<form id="pro_form2">
	<label><span class="pro_text-form">First Name:</span><input type="text"></label>
	...
	<label>
		<span class="pro_text-form fleft">Country:</span>
		<select>
			<option>United States</option>
			<option>United States</option>
		</select>
	</label>
	<label>
		<div class="pro_text-form">Message:</div>
		<textarea></textarea>
	</label>
	<div class="pro_wrapper">
		<input type="radio" name="group1"><div class="pro_text-form2 fleft">Male</div>
	</div>
		<div class="pro_wrapper">
	<input type="radio" name="group1"><div class="pro_text-form2 fleft">Female</div>
	</div>
	<div class="pro_wrapper">
		<input type="checkbox"><div class="pro_text-form3 fleft">Sign me up for your newsletter</div>
	</div>
	<a class="pro_btn">Send</a>
</form>

Contact Form

　　意识到自己被外部环境以及资本裹挟前进，毕胜紧急“踩下刹车”，停止了全部广告投放，并注销了一些分公司。　　因此，我们在做网站设计中，应该主动使用不同颜色混搭效果，让网站很在视觉效果方面产生不同的化学反应。

Description

糖心vlog

<form id="pro_search">
	<input type="text">
	<a class="pro_btn">Search</a>
</form>

Subscribe Form

<form id="pro_subscribe">
	<input type="text">
	<a class="pro_btn">Subscribe</a>
</form>

Log In Form

<form id="pro_log_in">
	<input type="text">
	<input type="password">
	<a class="pro_btn">Log In</a>
</form>

贾玲：高情商，一个人的终极性感

Description

<div class="pro_quotes_2">
 <blockquote>
 <!-- insert text here -->
 </blockquote>
 <span></span>
</div>
<div class="pro_quotes-links">
	<a href="#">Link Text</a>
</div>

大学生手绘画卷 致敬五四运动

<span class="pro_info"> insert text here </span>

<span class="pro_info pro_info_success"> insert text here </span>

<span class="pro_info pro_info_warning"> insert text here </span>

<span class="pro_info pro_info_important"> insert text here </span>

<span class="pro_info pro_info_pro_info"> insert text here </span>

二甲双胍再添一"神"用途

<address> insert text here </address>