首页

The template is based on a grid system that uses 24 columns. In order to create the full-witdh column you will need to insert the following code:

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_24">
			<!-- insert content here -->
		</div>
	</div>
</div>

Lets examine the pro_layout creation process, step by step:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

我想做几千年之前还很和平的时候的一个国王。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_12">
			<!-- insert content here -->
		</div>
		<div class="grid_12">
			<!-- insert content here -->
		</div>
	</div>
</div>

Two Columns Layout creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

　　寻找用户新引擎　　每一种喜欢都标好了价格　　大文娱产业到底多大?　　根据易观智库发布的相关数据显示，2016年中国文化娱乐产业规模超过3500亿元，同比增长11.8%。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_8">
			<!-- insert content here -->
		</div>
		<div class="grid_8">
			<!-- insert content here -->
		</div>
		<div class="grid_8">
			<!-- insert content here -->
		</div>
	</div>
</div>

Three Columns Layout creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

　　而自2016年以来，“互联网进入下半场”成为了业界高频词汇，透过词汇的表象去看背后的实质，则是以往互联网所盛行的“消费人口红利、得屌丝者得天下”的理论在人口红利消耗殆尽，消费升级的今天变得不那么适用了。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
	</div>
</div>

Four Columns Layout creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

10年前俏江南还能以笔筒沙拉、江石滚肥牛等菜式吸引顾客，但10年后还是只有这些菜式，而且质量也直线下降，价格又贵，怎么留得住客户?　　在知乎上，“俏江南是如何衰落”共有134个回答，每一个回答都直指俏江南的菜式并不可口、服务不够周到。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_18">
			<!-- insert content here -->
		</div>
	</div>
</div>

Layout with left sidebar creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

“场景流”是场景情景下用户情绪的涌现，是情感片段在时间与空间中的流动，通过客观现实与多维连接引发用户体验变化。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_18">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
	</div>
</div>

Layout with right sidebar creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

Floating Left

　　实际上，在准备关停友友用车之前，李宇和合伙人已经通过各种方式联系平台用户办理退款，但最终仍有7%的用户联系不上。document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。

<div class="pro_wrapper">
	<div class="pro_image_left">
		<img src="YourImage.jpg" alt="">
	</div>
	<p> <!-- insert text here --> </p>
</div>

Floating Left 2

　　但是，幸福感并一定就能提升工作效率。比如，我们深入地去思考一下，可能就会得出这样一个测算模型：　　 　　按照这种算法，我们可能前期能够去拓展的市场的天花板只有3%。

<div class="pro_wrapper">
	<div class="pro_image_left">
		<img src="YourImage.jpg" alt="">
	</div>
	<p class="extra-wrap"> <!-- insert text here --> </p>
</div>

Floating Right

　　【TechWeb报道】4月1日消息，P2P借贷平台信而富(ChinaRapidFinance)周五向美国证券交易委员会(SEC)提交了IPO(首次公开招股)招股书，计划在纽约证券交易所上市，股票代码为“XRF”，预计筹资额为1亿美元　　不仅如此，新三板影视行业整体盈利能力高于新三板平均水平。

<div class="pro_wrapper">
	<div class="pro_image_right">
		<img src="YourImage.jpg" alt="">
	</div>
	<p> <!-- insert text here --> </p>
</div>

Image without style

　　对于创新，像我们这样的平台公司，在座大多数可能会用到运营，用运营推动业务。反观我们的产品，在服务商端，他们的确有强烈的转型升级的需求，但是，在企业端，这个方面的管理需求却并不强烈，特别是我们面向的中小企业，对于这样的产品，基本都属于可有可无的状态，或者说它并不是企业的刚需……也就是说，我们搭建的平台在需求端从一开始就瘸腿失衡了，而且缺的是最关键的需求端的那条腿。

<img src="images/YourImage.jpg" alt="">

Image Style 1

他谈餐厅是开着轿车谈的，我们还开着电动车，这个速率效率慢很多，这个仗怎么打?最早的时候他也做营销，当时配一个餐送一个荷包蛋、或送一杯可乐，一块钱、两块钱补贴。如果没有niconico这样一个更符合年轻人口味又可以大肆吐槽的平台，像《为美好的世界献上祝福!》这样充满崩坏画面的搞笑动画也很难成为去年一月的黑马之作。

<span class="pro_image_style1"> 
	<img src="images/YourImage.jpg" alt=""> 
</span>

Image Style 2

　　李丰：想问李翔，本质上你卖给用户的更多的是内容还是服务?　　李翔：是结合在一起的。　　纪中展(知识分子)：如果从内容付费的角度来讲我极不看好，天花板极低、用户太少，想收费的人太多。

<span class="pro_image_style2"> 
	<img src="images/YourImage.jpg" alt=""> 
</span>

Image Style 3

因为那可以剥夺后者的非语言因素干扰，比如魅力和自信等因素。在B轮融资的时候，他们就希望再拿到400万，为什么会要这么少的钱?因为没人愿意给他们更多了，没有人愿意在一个估值降低的融资轮里参与投资。

<span class="pro_image_style3"> 
	<img src="images/YourImage.jpg" alt=""> 
</span>