首页

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.

　　财富管理我们不用过多解释，属于鼎晖投资战略投资的融资渠道之一。

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

倘若中国院线有着足够的力量，便可以尝试针对不同地区，提供差异化的内容。

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

　　 　　中国互联网最朝气蓬勃，最活跃的那几年里，网易错过了2008年的团购大战，错过了2009年的视频大战，错过了电商、社交、O2O、直播、分享经济各种风口，最重要的是，错过了一大波可能改变网易的创业者。

<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

”document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。你可以使用现有的元素来传达这一信息。

<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

在毕胜看来，C2M(Customer-to-Manufactory，顾客到工厂)的模式是时候落地了。　　2016年底开始的“宝万之争”就此走向终局

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

Image without style

　　第一，今天印度的城市化和工业化程度尚且很低，而事件发生地又处在印度南部的热带地区的9月，正是雨季刚结束的时候。一时间造成印度全国货币流通紧缩80%以上，换币黑市兴起。

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

Image Style 1

　　实际上，后来李宇在项目关停后接受的大部分媒体采访都是出于“无奈”和“被迫”，她为了能够澄清自己并没有“恶意卷款跑路”，一遍又一遍地对着各种媒体阐述自己的失败经历。同时还在百度花费大量成本投放广告，使获客成本急剧上升。

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

Image Style 2

　　以下为发布上市辅导公告之后股价跌幅超过20%的公司：　　　　document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。　　周末，最火的事情无疑是“北京一男子辱骂地铁扫码女孩”。

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

Image Style 3

各位，看出这里面的门道了吗?　　这意味着，百度抛弃掉新闻源机制(至于有多大影响，我们稍后再说)，又重新构建了一套新的机制，把鸡蛋从一个要“破掉”的旧筐子拿到了新框里，更狠的是，在这个新框里，你可能要付费才有可能进阶到VIP2甚至VIP3，以争取到足够的竞争筹码。　　第四，公司方是如何配合的，会不会配合老股东转让?首先从公司方看一看，作为公司方，他应该可以理解，投资人进来是为了博取以后的投资收益，没有一个投资机构会和公司一直走下去，总是会有退出的时候。

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