首页

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.

所以1988年得知海南建省，年轻气盛的王功权再也按耐不住，连夜写了一封洋洋洒洒的辞职信，同时递交给党委书记、处长等五位领导，老父亲死活劝不住。

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

　　正当毕胜艰难地与供应商一家一家死磕时，2009年9月，美国华人小伙谢家华创办的网上鞋店Zappos被亚马逊以8.47亿美元收购，一时引起热议。

<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

迫于无奈，张兰只能以3亿美元的价格把俏江南82.7%股权卖给了知名私募股权投资公司CVC，张兰本人则套现12亿元。　　同时，知道哪些页面表现得好也是极其重要的。

<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

这边地产大佬一出手，那边68万投资者就开始排大队购买了，杨国强自然一夜之间就成为中国首富，身价暴涨到492亿。是否想要成为第一个获取更新的用户?”　　 　　后面还有具体方法的链接，点击进去是WindowsInsider注册页面，因此这条信息既是微软宣布Win10创意者更新即将发布，也在暗示Win10创意者更新预览版将首先获得正式版更新，这和之前Win10大版本的正式版升级保持一致的做法。

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

Image without style

　　而正是从五月份开始，《王者荣耀》里的版本更新内容疯狂的加入各种各样的社交功能，战队、恋人、师徒，直到最新的LBS玩法，完全消除用户在游戏内的社交障碍，力推用户把《王者荣耀》变成他们现实社交的一部分。　　2012年6月，乐淘一口气推出了恰恰、乐薇、茉希、迈威、斯伽五个自由品牌。

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

Image Style 1

　　当时，碧桂园位置很偏，前不着村、后不着店，一共就卖出了三套。但是对于过程如何去跟同事沟通，今天对于每个创业者来说时间都很珍贵，今天真的值得反思的是说，花在外面沟通的时间，跟我们真正同事沟通的时间、跟战友沟通的时间比例是多少?　　很多创业者是自嗨的创业者，外面侃侃而谈很开心，说了自己不相信的话;反而跟自己战友、团队沟通时间很少。

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

Image Style 2

与此同时，金融行业也伴随着14年开始的大牛市，开始了一场轰轰烈烈的“加杠杆”跨越式冲刺。根据目前统计的数据来看，这三万家投资机构都是一些比较好的潜在买家。

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

Image Style 3

　　正是凭着那300亩土地，半年后，王功权就升为秀港工业公司总经理，虽然那只是一个只有5万元资金的皮包公司。　　也曾有过幸福时刻　　从全民宠儿到人人喊打，中国的虚拟经济火了不到两年时间。

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