首页

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.

　　对于魔力TV而言，之所以一开始就能尝试内容矩阵，并延展出MCN模式，与其新三板上市的母公司新片场的基因有关。

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

　　有些看客不懂什么叫贴牌，我顺便跟大家科普一下贴牌的意思：市场上的知名品牌大多是没有生产能力的，他们只能贴牌，一个服装品牌会有西装，棉袄，大衣，毛衫，衬衫，T裇，裤子，鞋，包，等等。

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

就这样又过了3年，到了2015年，O2O的火热让他们再次看到了好的创业方向，他们决定再次转型做一款在线教育类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

结果大众化没实现，“高端”的牌子却被砸了　　公司破产后，背负债务的李进也渐渐想明白：“加入一家公司的优秀团队一起成长，把一件事情从小做大也不错，不一定非要自己创业。

<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

　　3.那些期望从工作中寻求到幸福感的人，往往会变得情感上无法满足。学校招生前三个月，碧桂园售楼处门口日夜排起了2000多米的长队。

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

Image without style

　　看完这个广告，你觉得RIO卖的是酒还是瓶子?　　既然是耍酷道具，这种道具就不能太多，如果满大街都是，而且良莠不齐，原来的消费者就会厌倦这种道具，进而选择新的道具。　　他会通过微信、视频各种方式开会，有时也会把会议拉到片场开。

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

Image Style 1

”　　他们的第一款游戏走的是付费道具的盈利模式，第一款游戏确实花了30万，玩的用户也很多，但由于团队对玩家的心理揣摩不到位，迟迟没有用户购买道具。　　吴奇隆的逻辑恰好相反，他更愿意亲力亲为。

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

Image Style 2

关键一点，我是在电影《保镖》中学到的。《37个汽车分时租赁项目全盘点：看一年之后谁还能活着》　　行业正处在大热的风口，各色玩家们激战正酣，而友友用车的突然溃败则成了这热闹场景中的第一盆冷水。

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