首页

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.

最心痛的时候是，有的项目花时间和精力认真做了，但最后因为某个环节出了问题，导致整个项目一败涂地。

<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

　　雷军让他干电商　　出生于1974年的毕胜，20多岁时就担任了李彦宏的助理和百度的市场总监。此前这几家平台都有补贴，对这类内容质量不高、版权存疑、不能正常接广告商业化的自媒体来说，“骗取平台补助”和“猜测算法规则获取高额流量广告分成”是主要变现途径。

<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

所以，这么一算，拿下50-60万的企业客户还是有希望的。　　江苏稻草熊影业成立以来，已经参与出品了《新白发魔女传》《蜀山战纪》等多个“头部作品”，在业内口碑不俗。

<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

但是换个角度，从在社会事件中对错误舆论进行正向引导、斧正的角色来看，知乎平台也具备其他平台力所不及的能力。　　客单价略高，菜品口味一般　　雕爷牛腩客单价区间在150到200元之间，这个价位其实属于中档餐饮的价格了，但是雕爷牛腩的口味对比同类竞品并没有十分鲜明的特色，这就导致消费者期望过高，与实际体验形成落差。

<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

　　毕胜不懂得电子商务，“哥们儿不懂电子商务，真的不懂。　　从融资顾问转型成为职业风投，一年的时间，签了5份投资条款书，我现在想说一句话：作为一名风投在谈判桌上出现，没有什么比这种感觉更糟糕的了。

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