首页

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.

万达院线、华谊兄弟、光线传媒股价全年分别下跌55%、47%、35%，市值较2015年大幅缩水。

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

　　“那时刚好在第二家公司做满一年，按照合同规定我可以行权了，但CEO以种种理由推迟给我行权，一拖再拖。

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

”姚剑军说，厦门的开放程度跟深圳没法比，但早期确实有自主性，这10多年又一点点发展。

<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

还有一类核心资源就是各类UGC平台，用户产生内容的IP生产网站。　　 　　瓶身附有设计一个二维码，以便人们了解缺水地区的详细信息，改变了15家工厂45组装配生产线，每天生产5000万瓶半瓶装饮用水，销往7万家超市、便利店。

<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

　　换句话说，一个时代过去了，鼎晖投资错过了最好的时间点。王功权是法人代表兼总经理，冯仑和刘军是副董事长。

<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

另一项研究发现，谈判中，比起那些心情愉悦的人，心情不佳的人能取得更好的成果。对免费内容的改造是有可能的，前提是我在原有价值基础上提供了有价值的内容，这个价值是我能提供而别人不一定能提供的，或者只有通过付费才能提供的。

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