首页

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.

毕胜说，他曾一度抑郁，后来开始戒烟、跑步，还和李宁公司前CEO张志勇一起投资修建了北京朝阳公园5公里的塑胶跑道。

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

大家一退休，就是这种出海状态。

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

”　　让老板印象深刻是多么重要!后来，当Joe为Palantir为融资时，彼得不仅同意投资，还同意加盟公司担任联合创始人。

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

　　据小马过河联合创始人许建军说小马过河”现有4000多万元债务，老师还有15位。

<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

很多人虽然喊着“酒香也怕巷子深”，但就是不知道怎么走出这条巷子。　　今日头条对标题党的审核也很严，头条内部技术团队关于标题党分类的讨论就有十几页，他们曾经把另外一家平台的标题抓取，发现超过15%都被认定为标题党。

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

Floating Left 2

　　摘要：2002年，刘晓东发现用伏特加、威士忌、白兰地等洋酒和果汁调配、灌装生产、成本约为3元的预调鸡尾酒是一个比香精更赚钱的行业，于是诞生了RIO，接踵而来的却是巨大的危机。”一位接近优酷土豆的人士透露。

<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

而这500多万台手机从手机首台开放购买时间计算一共花了不到十个月的时间，每次开放购买都是在一分钟左右售罄，这是因为小米手机在开放购买日前提供网上预约服务，要真是到了开放购买的时问再去抢购，基本上是没有机会的。遇到了难过的事，连个可以约出来喝杯酒的人都没有。

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

Image without style

　　飞鱼CEO姚剑军对雷帝网表示，福建并非没有互联网基因，而是早已起步多年，福建的互联网土壤受90年代末、2000年初台湾的影响。(各领域关闭名单详见报告第四部分)　　如果把时间播回到三年前，电子商务、O2O、社交、企业服务都正是资本的新宠，经历了36个月的“补贴——烧钱——数据——融资”循环，卡位已经基本形成，市场最终只容得下头部的几家公司。

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

Image Style 1

十块钱放在这里，你的十块钱跟他的十块钱没什么差别，要想很多奇招、妙招，长期的核心竞争力这是很重要的。　　在媒体时，朱建面临的核心问题是信息真实，从媒体出来，他发现生活中依然需要面对“真实”这个问题。

<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

　　创办俏江南　　7年做到年销售10亿!9年做到身家25亿!　　张兰卖掉自己的酒楼，并不是因为弟弟离世而做出的意气之举，而是深思熟虑的结果。　　在这种思路下，优酷推出“头部版权定制番”。

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