首页

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.

　　截至2016年12月，拉卡拉剥离出去的公司都完成了工商变更和相应的审批手续。

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

　　采用指标：总阅读数R、平均阅读数R/N，最高阅读数Rmax，总点赞数Z，平均阅读数R/N，最高阅读数Rmax，总点赞数Z，平均阅读数Z/N，最高点赞数Zmax,点赞率Z/R。

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

http://n.sinaimg.cn/translate-12/37/w960h677/20180321/sP_g-fyskeue1406807.jpg

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

　　将信息根据关系和属性分割成不同的组，能够让用户更容易分辨。

<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

　　在内部分工上，白山的融资几乎全部是沙涌和代翔在负责，而霍涛则一门心思扑到招人与研发、业务上，能否招到合适的人才一直困扰着霍涛。　　张志清(第一财经)：对于传统媒体来说，原来享有了很大一部分的渠道溢价，然后渠道优势没有了。

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

Image without style

当时不少人劝她，高档写字楼租金高、投资大、客源少，风险实在太大了，但张兰却有自己的想法：在所有消费者中，白领消费者最具理性，如果饭菜符合他们的口味，他们会结伴而来。　　 　　卖了6个月玩具后，有天毕胜收到公司副总发来的邮件，说公司的日营业额已经过万，实现了盈利。

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

Image Style 1

　　TOP10：陌陌《做一只动物》呼吁年轻人回归本性　　劳博(广告门创办人兼CEO)：《做一只动物》呼吁年轻人回归本性。　　新榜：网易云音乐在选取歌曲评论做广告投放时，有征求评论用户本人同意吗?　　网易云音乐：在活动之前，我们都和评论用户有过私信沟通，在传播这些评论的时候，也都带上了用户ID。

<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

　　所以滴滴就搞了个创业伙伴计划让司机加盟，用每月保证流水的方式在三年后获得一部车辆。　　 　　4、梓橦宫：诡异的暴涨后，是估值回归　　梓橦宫(832566.OC)主营医药片剂、硬胶囊剂等产品，于2015年6月8日挂牌，2015年12月15日做市。

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