- This is abbreviation
<abbr> </abbr>
- This is strong
<strong> </strong>
- This is emphasis
<em> </em>
- 张婧
- 金布里克
- This is cite
<cite> </cite>
- This is small text
<small> </small>
- This is
deleted text<del> </del>
- 许美静
- This is defining instance
<dfn> </dfn>
- This is user input
<kbd> </kbd>
- This is sample output
<samp> </samp>
- This is
“inline quotation”
<q> </q>
- This is superscript
<sup> </sup>
- This is subscript
<sub> </sub>
- This is a variable
<var> </var>
Add desired class to the <a> tag (<a href="#" class=""> Button Text </a>)
<a class="pro_btn"> </a>
class="pro_btn pro_success"
class="pro_btn pro_warning"
class="pro_btn pro_danger"
class="pro_btn pro_inf"
<ul class="pro_pages"> <li> <a href="#" class="pro_btn pro_prev"><span></span></a> </li> <li class="current"> <a href="#" class="pro_btn pro_page">1</a> </li> ... <li> <a href="#" class="pro_btn pro_next"><span></span></a> </li> </ul>
- Description
结果3000字的文章写好后,他突然耍赖说不给钱了,任我怎么联系他就是不理我 。
<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>
- 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>
Header1 | Header2 | Header3 | Header4 | Header5 | Header6 |
---|---|---|---|---|---|
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
- Description
<table class="pro_table"> <thead> <tr> <th> ... </th> ... </tr> </thead> <tbody> <tr> <td> ...</td> ... </tr> </tbody> </table>
Header1 | Header2 | Header3 | Header4 | Header5 | Header6 |
---|---|---|---|---|---|
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
- Description
<table class="pro_table pro_table-striped"> <thead> <tr> <th> ... </th> ... </tr> </thead> <tbody> <tr> <td> ...</td> ... </tr> </tbody> </table>
Header1 | Header2 | Header3 | Header4 | Header5 | Header6 |
---|---|---|---|---|---|
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
- Description
<table class="pro_table pro_table-bordered"> <thead> <tr> <th> ... </th> ... </tr> </thead> <tbody> <tr> <td> ...</td> ... </tr> </tbody> </table>
陆鸣坚持道 :“你留在这里也没用,回去吧 ,等一会儿我随便找个地方眯一会儿就行了……对了,这事就别告诉他们了,大过年的,省的大家瞎操心……”
Header1 | Header2 | Header3 | Header4 | Header5 | Header6 |
---|---|---|---|---|---|
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
Division 1 | Division 2 | Division 3 | Division 4 | Division 5 | Division 6 |
- Description
<table class="pro_table pro_table-bordered pro_table-striped2"> <thead> <tr> <th> ... </th> ... </tr> </thead> <tbody> <tr> <td> ...</td> ... </tr> </tbody> </table>
- Description
Simple Form
如今 ,跟风的企业纷纷退场,百润股份仍在收拾残局 。
<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>
很显然 ,这是一笔不确定的交易 ,巴克斯酒业到底值多少钱要看其后期表现 。
<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"
与其他新加坡本地的线上服务相似,摩拜支付方式支持借记卡或信用卡 ,此外还将与NETS和SMRT公司合作,在未来接入电子支付方式。
<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">)
来白山时他就对霍涛提了这一个要求,要长驻沈阳。 小米Note没有指纹识别 ,而同期搭载了指纹识别的华为Mate7一战成名,取代小米成了最受黄牛喜爱的机型,价格一度被抄到了和苹果一样的5000元档 。
<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万欧,所以是2200万欧。不少优秀的人力资源会告诉你 ,了解不熟悉业务的最好方式是,发布一个招聘信息,职位高高的 ,吸引行业的大牛来面试,在面试过程中偷学 。 ——网易云音乐用户@醋溜6 在梶浦由记《Palpitation!》歌曲下方的评论 当然,还有关于爱情 “你还记得她吗?” “早忘了 ,哈哈” “我还没说是谁 。
<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
刁寒
<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>
Ut tellus dolor, dapibus eget, elemenm. Quis que nulla. Vestibulum libero nisl, porta velce lerisque eget, males uada at, neque. Vivmus eget nibh. Etiam cursue vel metus.
Jessica Priston
- Description
<blockquote> <!-- text --> </blockquote>
带着这个理念,不甘心的杨宁还想再参与一次创业 ,便来到了现在这家互联网金融公司,根据前几次创业的经验 ,提前考察好合伙人、资金和团队的杨宁觉得这次应该来对了地方 。更多的是那些犹豫不决想继续支撑下去的人 ,在公司倒闭后回想起曾经一闪而过的机会时 ,难免留下一丝悔意,比如曾经有机会卖掉公司而选择了继续坚持下去的李进。
President and CEO, R&D Services
- 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>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi feugiat pharetra turpis, sed posuere nisi porta a. Ut tellus dolor, dapibus eget, elemenm. Quis que nulla. Vestibulum libero nisl, porta velce lerisque eget, males uada at, neque. Vivmus eget nibh. Etiam cursue vel metus.
云林县
- Description
<blockquote class="pro_quotes_3"> <!-- insert text here --> <img src="images/pro_images/quote-br.gif" alt=""><br> <a href="#">Link Text</a> </blockquote>
<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>