误区一:内容一定要原创 “内容为王”已经喊了好多年了 ,而原创内容也被做SEOer所推崇,也不是说追求原创有问题 ,初期想破脑袋的写原创文,写完就赶紧发布 ,生怕晚了一秒钟,从而忽视了页面优化,根本没有做到页面布局合理、图文并茂 。
Bootstrap's global default font-size
is 14px, with a line-height
of 20px. This is applied to the <body>
and all paragraphs. In addition, <p>
(paragraphs) receive a bottom margin of half their line-height (10px by default).
因为在短视频行业里 ,还有第四种非常流行 ,甚至比这三种方式更流行 、更直接的获利方式 ,就是做乙方 、制作方 ,给企业、机构去做视频策划、制作的服务。 2006年,张兰耗资3亿打造了兰会所 ,虽然有利于打造俏江南“高端奢华”的品牌,但3亿已经是俏江南3年的净利润了 ,可以说几乎抽干了俏江南的现金流 。
即便在他最熟悉的影视领域 ,他也曾有过失败,但在现在看来 ,一切都已云淡风轻。 失败无关上市 不追求品质才是真因 有人说 ,俏江南之所以会沦落到今天的地步,完全是因为和资本联姻 ,仿佛张兰当初能够拒绝投资,就能保住俏江南。 2.建立多步骤付款过程 比如说将客户输入邮件地址和其他付款信息分开 ,这样就算客户在付款途中放弃。
涂抹竞争对手 ,或者以最短的时间烧掉最多的钱……这都不是我们的方式 。根据此前消息 ,Win10创意者更新RTM将在3月签署,预计3月底或4月初推送正式版 。 假如心理状态不好的 ,遇到风险就手忙脚乱的,不想活受罪的 ,建议不要创业了。
<p>...</p>
Make a paragraph stand out by adding .lead
.
1961年,王功权出生于吉林公主岭九局子屯 ,那是一个四、五十户人家,不足500人的美丽小村庄。”开餐馆 ,从古至今是“江湖”行当。
<p class="lead">...</p>
The typographic scale is based on two LESS variables in variables.less: @baseFontSize
and @baseLineHeight
. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.
但实际上,这些看起来光鲜的靓丽的数据面子下面,其实还掩藏着不堪入目的里子:注册客户上涨了20倍,但这里面充斥了大量的僵尸客户 ,真正活跃的企业客户估计10%都不到;交易流量数据的确上涨了几十倍,但是里面的水分……这我也就不细说了。
For de-emphasizing inline or blocks of text, use the small tag.
This line of text is meant to be treated as fine print.
<p> <small>This line of text is meant to be treated as fine print.</small> </p>
For emphasizing a snippet of text with a heavier font-weight.
The following snippet of text is rendered as bold text.
<strong>rendered as bold text</strong>
For emphasizing a snippet of text with italics.
The following snippet of text is rendered as italicized text.
<em>rendered as italicized text</em>
克拉玛依市 Feel free to use <b>
and <i>
in HTML5. <b>
is meant to highlight words or phrases without conveying additional importance while <i>
is mostly for voice, technical terms, etc.
二是成功鸡汤式学习 ,常见于各种成功学课程 ,并且被众多企业家追捧。
在川上量生看来:“只有自由的环境才能孕育有趣的文化。
截至2015年12月,白山已与搜狐 、凤凰网、汽车之家等36家客户签约,实现了数千万元的收入。
张颖 :我是用打仗把你骗来的。
杨宁说他很理解那篇文章中主人公的感受。
最近的很多报道都指出了公关公司和部分企业PR,可能是受百度取消新闻源影响最大的一个群体 ,这和他们的考核方式直接相关 。
<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>
<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.</p>
<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
Stylized implemenation of HTML's <abbr>
element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title
attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.
打电话给爸妈 ,他们很多时候也不能理解我创业所经历的酸甜苦辣 。
An abbreviation of the word attribute is attr.
<abbr title="attribute">attr</abbr>
Add .initialism
to an abbreviation for a slightly smaller font-size.
HTML is the best thing since sliced bread.
<abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
Present contact information for the nearest ancestor or the entire body of work.
TOP7 :杜蕾斯《不存在的Air概念店》谈论哲学问题 范青(蓝色光标移动首席顾问):杜雷斯的广告创意有太多经典,还能有所突破再创新意实属不易 。
<address> <strong>Twitter, Inc.</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br> <abbr title="Phone">P:</abbr> (123) 456-7890 </address> <address> <strong>Full Name</strong><br> <a href="mailto:#">first.test@test.com</a> </address>
For quoting blocks of content from another source within your document.
Wrap <blockquote>
around any HTML as the quote. For straight quotes we recommend a <p>
.
快速读取容易让人们产生类似幸存者偏差式的片面化认知,标签的存在又给标签承受者带来了额外的舆论压力
<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> </blockquote>
Style and content changes for simple variations on a standard blockquote.
主营业务是否发生变化存疑 《首次公开发行股票并在创业板上市管理办法》中明确规定 :“发行人最近两年内主营业务和董事、高级管理人员均没有发生重大变化,实际控股人没有发生变更 。 3月7日,左驭资本执行董事韩泽、娱乐工场合伙人刘献民 、星座女神创始人莫小棋 、淘梦网创始人兼CEO阴超以“内容付费的春天要来了吗?”为主题展开线上讨论 ,包括 :①娱乐行业里的内容付费和内容变现;②知识付费;③观众问答 。
相信在谈到“你幸福吗?”这个话题时,不少人脑海中浮现的是 : 赵传在《沉默的羔羊》中声嘶力竭地唱着: 幸福对我来说,其实是一种传说! 人一直在追求幸福 ,路漫漫其修远兮 ,吾将上下而求索! 然鹅,结果常常是找也找不到! 幸福感是一种看不见 ,摸不着的感觉 ,拥有时你不觉得,失去时你才突然“蓦然回首那人却在灯火阑珊处”。
Someone famous in Source Title
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous <cite title="Source Title">Source Title</cite></small>
</blockquote>
Use .pull-right
for a floated, right-aligned blockquote.
<blockquote class="pull-right"> ... </blockquote>
A list of items in which the order does not explicitly matter.
<ul> <li>...</li> </ul>
A list of items in which the order does explicitly matter.
<ol> <li>...</li> </ol>
A list of items with no list-style
or additional left padding.
<ul class="unstyled"> <li>...</li> </ul>
A list of terms with their associated descriptions.
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
Make terms and descriptions in <dl>
line up side-by-side.
<dl class="dl-horizontal"> <dt>...</dt> <dd>...</dd> </dl>
鄂尔多斯市
Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow
. In narrower viewports, they will change to the default stacked layout.
群聊天截图 互联网从来不乏草根,这些做号者如同当年PC时代的站长一样 ,在各大平台里疯狂制造内容垃圾,但散户还不足撑起整个市场 ,这个市场真正的大玩家,早已经机构化运作了。
For example, <code><section></code> should be wrapped as inline.
Use <pre>
for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.
<p>Sample text here...</p>
<pre> <p>Sample text here...</p> </pre>
萍乡市 Be sure to keep code within <pre>
tags as close to the left as possible; it will render all tabs.
“不一定买我 ,试一下行吧?可以先试一下 。 然而 ,她男朋友依然不依不饶地逼她离职 ,她也一直不给我一个明确的答复 。
用“风口”来揭示自己的成功,就和很多人祝贺我《最强大脑》国际赛赢了之后我回复说“运气好”是一样的。 小米Note没有指纹识别,而同期搭载了指纹识别的华为Mate7一战成名 ,取代小米成了最受黄牛喜爱的机型 ,价格一度被抄到了和苹果一样的5000元档。
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table"> … </table>
Add any of the following classes to the .table
base class.
“后来我发现 ,创业本质上是和一伙志同道合的人做成一件事,所以合适的人非常重要 。 有流通股的682企业中,“复活”企业营收中位数为6674.22万元,增长中位数为10.04%,净利润为568.45万元,增长中位数为42.69%。
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
<table class="table table-striped"> … </table>
Add borders and rounded corners to the table.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
Mark | Otto | @TwBootstrap | |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-bordered"> … </table>
Enable a hover state on table rows within a <tbody>
.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-hover">
…
</table>
Makes tables more compact by cutting cell padding in half.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry the Bird |
<table class="table table-condensed"> … </table>
Use contextual classes to color table rows.
Class | Description |
---|---|
.success | Indicates a successful or positive action. |
.error | Indicates a dangerous or potentially negative action. |
.warning | Indicates a warning that might need attention. |
.info | Used as an alternative to the default styles. |
# | Product | Payment Taken | Status |
---|---|---|---|
1 | TB - Monthly | 01/04/2012 | Approved |
2 | TB - Monthly | 02/04/2012 | Declined |
3 | TB - Monthly | 03/04/2012 | Pending |
4 | TB - Monthly | 04/04/2012 | Call in to confirm |
... <tr class="success"> <td>1</td> <td>TB - Monthly</td> <td>01/04/2012</td> <td>Approved</td> </tr> ...
List of supported table HTML elements and how they should be used.
Tag | Description |
---|---|
<table> | Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr> ) to label table columns
|
<tbody> |
Container element for table rows (<tr> ) in the body of the table
|
<tr> |
Container element for a set of table cells (<td> or <th> ) that appears on a single row
|
<td> | Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labels Must be used within a <thead> |
<caption> | Description or summary of what the table holds, especially useful for screen readers |
<table> <caption>...</caption> <thead> <tr> <th>...</th> <th>...</th> </tr> </thead> <tbody> <tr> <td>...</td> <td>...</td> </tr> </tbody> </table>
Individual form controls receive styling, but without any required base class on the <form>
or large changes in markup. Results in stacked, left-aligned labels on top of form controls.
<form> <fieldset> <legend>Legend</legend> <label>Label name</label> <input type="text" placeholder="Type something…"> <span class="help-block">Example block-level help text here.</span> <label class="checkbox"> <input type="checkbox"> Check me out </label> <button type="submit" class="btn">Submit</button> </fieldset> </form>
Included with Bootstrap are three optional form layouts for common use cases.
这种形态非常成熟,可能有百万量级的付费用户。” 吴奇隆自己去看小说,谈版权 ,拍电视剧 ,还会跟游戏公司商量旗下IP改编游戏的核心玩法…… 他甚至不太愿意接受投资 ,“觉得是欠别人的 ,很有压力” ,他更喜欢默默地赚钱,然后 ,自己投入 。
<form class="form-search"> <input type="text" class="input-medium search-query"> <button type="submit" class="btn">Search</button> </form>
Add .form-inline
for left-aligned labels and inline-block controls for a compact layout.
<form class="form-inline"> <input type="text" class="input-small" placeholder="Email"> <input type="password" class="input-small" placeholder="Password"> <label class="checkbox"> <input type="checkbox"> Remember me </label> <button type="submit" class="btn">Sign in</button> </form>
Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail" placeholder="Email">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Password</label>
<div class="controls">
<input type="password" id="inputPassword" placeholder="Password">
</div>
</div>
<div class="control-group">
<div class="controls">
<label class="checkbox">
<input type="checkbox"> Remember me
</label>
<button type="submit" class="btn">Sign in</button>
</div>
</div>
</form>
Examples of standard form controls supported in an example form layout.
另一项研究发现 ,谈判中,比起那些心情愉悦的人,心情不佳的人能取得更好的成果。 提升UI的可理解性 杂乱的UI会让你的用户信息量过载:每增加一个新的控件(按钮,文本、图像)都会让你的整体设计的混乱度再上一个新的台阶 。
纪录片《江南味道》介绍了醉庐之后 ,很多人慕名来寻找这个藏于江南小村的院子。
<input type="text" placeholder="Text input">
Form control which supports multiple lines of text. Change rows
attribute as necessary.
<textarea rows="3"></textarea>
Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.
<label class="checkbox"> <input type="checkbox" value=""> Option one is this and that—be sure to include why it's great </label> <label class="radio"> <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> Option one is this and that—be sure to include why it's great </label> <label class="radio"> <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> Option two can be something else and selecting it will deselect option one </label>
Add the .inline
class to a series of checkboxes or radios for controls appear on the same line.
<label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox1" value="option1"> 1 </label> <label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox2" value="option2"> 2 </label> <label class="checkbox inline"> <input type="checkbox" id="inlineCheckbox3" value="option3"> 3 </label>
Use the default option or specify a multiple="multiple"
to show multiple options at once.
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<select multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
Adding on top of existing browser controls, Bootstrap includes other useful form components.
document.writeln('关注创业、电商 、站长,扫描A5创业网微信二维码 ,定期抽大奖 。理性之后的审时度势与埋头耕耘,也许才能带来真实的想象力 。
以下是沙龙上的干货辑 ,欢迎留下评论。在他跟阿里融资的过程中,其实是非常惊心动魄跟有起伏的。
<div class="input-prepend"> <span class="add-on">@</span> <input class="span2" id="prependedInput" type="text" placeholder="Username"> </div> <div class="input-append"> <input class="span2" id="appendedInput" type="text"> <span class="add-on">.00</span> </div>
Use both classes and two instances of .add-on
to prepend and append an input.
<div class="input-prepend input-append">
<span class="add-on">$</span>
<input class="span2" id="appendedPrependedInput" type="text">
<span class="add-on">.00</span>
</div>
Instead of a <span>
with text, use a .btn
to attach a button (or two) to an input.
<div class="input-append"> <input class="span2" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div>
<div class="input-append"> <input class="span2" id="appendedInputButtons" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div>
<div class="input-append"> <input class="span2" id="appendedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> ... </ul> </div> </div>
<div class="input-prepend">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
Action
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
...
</ul>
</div>
<input class="span2" id="prependedDropdownButton" type="text">
</div>
<div class="input-prepend input-append"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> ... </ul> </div> <input class="span2" id="appendedPrependedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action <span class="caret"></span> </button> <ul class="dropdown-menu"> ... </ul> </div> </div>
<form class="form-search"> <div class="input-append"> <input type="text" class="span2 search-query"> <button type="submit" class="btn">Search</button> </div> <div class="input-prepend"> <button type="submit" class="btn">Search</button> <input type="text" class="span2 search-query"> </div> </form>
Use relative sizing classes like .input-large
or match your inputs to the grid column sizes using .span*
classes.
这批企业2015年平均营业收入达到了4.64亿元 ,平均净利润达到了4251万元 。 一个企业领导人为何要自毁长城?“我不想传递很多假大空的东西,我想传递一些比较真实的东西。
<input class="input-block-level" type="text" placeholder=".input-block-level">
<input class="input-mini" type="text" placeholder=".input-mini"> <input class="input-small" type="text" placeholder=".input-small"> <input class="input-medium" type="text" placeholder=".input-medium"> <input class="input-large" type="text" placeholder=".input-large"> <input class="input-xlarge" type="text" placeholder=".input-xlarge"> <input class="input-xxlarge" type="text" placeholder=".input-xxlarge">
漳州市 In future versions, we'll be altering the use of these relative input classes to match our button sizes. For example, .input-large
will increase the padding and font-size of an input.
离开第二家公司后 ,杨宁在休息期间又目睹了一位创业朋友的失败 :那是一家公司完全由投资人持股,CEO只占2%股份的创业项目,最终被投资人左右,以失败告终。 核心还是你想做什么,作为创始人你想做什么 。
<input class="span1" type="text" placeholder=".span1"> <input class="span2" type="text" placeholder=".span2"> <input class="span3" type="text" placeholder=".span3"> <select class="span1"> ... </select> <select class="span2"> ... </select> <select class="span3"> ... </select>
For multiple grid inputs per line, use the .controls-row
modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.
<div class="controls"> <input class="span5" type="text" placeholder=".span5"> </div> <div class="controls controls-row"> <input class="span4" type="text" placeholder=".span4"> <input class="span1" type="text" placeholder=".span1"> </div> ...
Present data in a form that's not editable without using actual form markup.
邯郸市
<span class="input-xlarge uneditable-input">Some value here</span>
End a form with a group of actions (buttons). When placed within a .form-horizontal
, the buttons will automatically indent to line up with the form controls.
<div class="form-actions"> <button type="submit" class="btn btn-primary">Save changes</button> <button type="button" class="btn">Cancel</button> </div>
Inline and block level support for help text that appears around form controls.
<input type="text"><span class="help-inline">Inline help text</span>
<input type="text"><span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
Provide feedback to users or visitors with basic feedback states on form controls and labels.
想想也是,就像互联网圈都在讲屌丝经济已死一样,把那些“优质”的 、用户体验好的圈住了 ,他们的身份感 、认同归属感也强,支付意愿更强不是?至于后期怎么收费、怎么分成 ,还不是好商量? 第二类 ,公关公司以及部分企业PR ,这算是捆在一条线上的群体 。 喂猪、放牛,煮茶 、弄饭 ,不到一年他就成了家里的一把好手。
<input class="input-xlarge" id="focusedInput" type="text" value="This is focused...">
Add the disabled
attribute on an input to prevent user input and trigger a slightly different look.
<input class="input-xlarge" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
Bootstrap includes validation styles for error, warning, info, and success messages. To use, add the appropriate class to the surrounding .control-group
.
<div class="control-group warning">
<label class="control-label" for="inputWarning">Input with warning</label>
<div class="controls">
<input type="text" id="inputWarning">
<span class="help-inline">Something may have gone wrong</span>
</div>
</div>
<div class="control-group error">
<label class="control-label" for="inputError">Input with error</label>
<div class="controls">
<input type="text" id="inputError">
<span class="help-inline">Please correct the error</span>
</div>
</div>
<div class="control-group success">
<label class="control-label" for="inputSuccess">Input with success</label>
<div class="controls">
<input type="text" id="inputSuccess">
<span class="help-inline">Woohoo!</span>
</div>
</div>
我们可以想象 ,这些人无论是退休了还是继续创业,其实都有一个更高的财富起点。
<img src="..." class="img-rounded"> <img src="..." class="img-circle"> <img src="..." class="img-polaroid">
铁岭市.img-rounded
and .img-circle
do not work in IE7-8 due to lack of border-radius
support.
140 icons in sprite form, available in dark gray (default) and white, provided by 刘韵.
侃侃 Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creators have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to 夏卡毛乐团 whenever practical.
另外,阿里也向消费者发布补充提示 ,指出被曝光的卡乐比麦片为防止被屏蔽和下架,目前已经用多种变异词和假名称,还在国内一些平台和社交网络进行销售。 但论做菜 ,包括厨师、新菜式 、服务 、文化 ,俏江南都不如竞争对手 ,或者说不断退步。
<i class="icon-search"></i>
There are also styles available for inverted (white) icons, made ready with one extra class. We will specifically enforce this class on hover and active states for nav and dropdown links.
<i class="icon-search icon-white"></i>
银川市
When using beside strings of text, as in buttons or nav links, be sure to leave a space after the <i>
tag for proper spacing.
需要注意的是 ,即使一个网页之前非常受欢迎,它也会过时,最终拉低网站内容的SEO价值。
<div class="btn-toolbar"> <div class="btn-group"> <a class="btn" href="#"><i class="icon-align-left"></i></a> <a class="btn" href="#"><i class="icon-align-center"></i></a> <a class="btn" href="#"><i class="icon-align-right"></i></a> <a class="btn" href="#"><i class="icon-align-justify"></i></a> </div> </div>
<div class="btn-group"> <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#"><i class="icon-pencil"></i> Edit</a></li> <li><a href="#"><i class="icon-trash"></i> Delete</a></li> <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li> <li class="divider"></li> <li><a href="#"><i class="i"></i> Make admin</a></li> </ul> </div>
<a class="btn btn-small" href="#"><i class="icon-star"></i></a>
<ul class="nav nav-list"> <li class="active"><a href="#"><i class="icon-home icon-white"></i> Home</a></li> <li><a href="#"><i class="icon-book"></i> Library</a></li> <li><a href="#"><i class="icon-pencil"></i> Applications</a></li> <li><a href="#"><i class="i"></i> Misc</a></li> </ul>
<div class="control-group">
<label class="control-label" for="inputIcon">Email address</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input class="span2" id="inputIcon" type="text">
</div>
</div>
</div>