首页

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.

　　 　　在毕胜抛出那句“垂直电商是骗局”的惊世骇俗观点的4个月后，唯品会美国上市，2014年，垂直电商聚美优品上市。

<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年度十大热门游戏当中，只有《王者荣耀》一款MOBA类手游，这一方面说明了MOBA类手游在手游市场中是能够被用户认可的，另一方面也说明了《王者荣耀》在MOBA类手游中已经无敌了。

<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.

　　未来伴随着万达这样有实力的玩家野心不断膨胀，传统院线巨头对三四线城市的下沉加速，以及以BAT为代表的互联网公司从上到下布局产业的需求加剧，这场巨大的院线整合运动还将在一定时间内继续持续下去。

<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.

使其能在重大事件中发挥关键作用，能够在错误舆论趋势下扮演正确舆论的引导、斧正角色，成为了新一代年轻人的三观风向标和在碎片化阅读的当下最快获得优质内容的首选平台，以内容赋力众生。

<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.

　　为什么你需要对高估值持有警诫之心：风投公司跟创始人一样对「DownRounds」深恶痛绝。

<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

　　“对于一款伟大的产品来说，用户体验和对应的市场价值从产品诞生的一刹那就已经留下了基因。”　　董路创业比王涛晚很久。

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

Floating Left 2

因此，错误信息尽量不要过于“技术”，而应该让它更加人性化。　　因此尽管中国影视市场增速放缓，体现出市场回归理性的趋势，然而有竞争力的新三板企业由于在自己细分市场的优势明显，仍然会受到资本市场关注。

<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

　　 　　所有平台都意识到高品质内容的重要性，尽管它的阅读量和播放量看上去没那么耀眼，所以头条启动了千人万元计划，企鹅有芒种计划，UC也祭出了量子计划，无非是通过扶持的方式，来提高平台内的内容质量。如果没有niconico这样一个更符合年轻人口味又可以大肆吐槽的平台，像《为美好的世界献上祝福!》这样充满崩坏画面的搞笑动画也很难成为去年一月的黑马之作。

<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

　　“到现在为止，还没有财务投资者进入分时租赁领域，我们看到所有的项目拿到的都战略投资。此外缴押金充值快但退还周期长也是一大诟病。

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

Image Style 2

　　而共享单车在短时间内的疯狂融资，也将短途出行领域瞬间推向高潮。而且，它不准备通过IPO来销售现有股票。

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

Image Style 3

　　推动中国互联网发展　　很多创业新兵都会向罗江春请教，自称“简单粗暴、交流直接”的罗江春，自然不会忘记向他们推介百度联盟。”　　创业4年多，第一次创业杨宁亏了30万，第二次创业作为公司的技术合伙人，每月领着1万元的工资，财务上不仅没自由反倒降低了生活质量。

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