首页

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.

　　号称500万元买秘方，在雕爷牛腩能和大咖同吃一口咖喱等等，很多餐饮老板不断推陈出新，试图用营销抓住眼球。

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

　　百度取消新闻源制度的消息可谓一石激起千层浪，铺天盖地的新闻报道翻来覆去就那几句话，你粘贴我几句，我copy你几句，估计连你旁边的猫都看烦了吧。

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

蜜淘网、淘在路上、博湃养车纷纷倒在了C轮融资的前夜;95后的创业明星坠落神坛;光圈直播率先按下直播淘汰赛的按钮;被寄予厚望的明星创业项目却突然间沦为“尸体”……　　如何解释这些“非正常”现象?用“资本寒冬”一词概括未免太过敷衍

<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

HTC要想在这一众对手中抢夺市场份额，定然需要费一番力气的。如果用户感到被忽视，或者无法获取合理的解决方案，他们会感到非常沮丧。

<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

　　对于做号者来说，传统的那一套：不论是策划选题、采访这些新闻流程，还是一般写作中所要求的逻辑性和文笔，统统都不重要，他们只关心流量，以及流量背后的收益。　　就在几个月前，关于唐纳德·特朗普是否会赢得大选一事，内特·希尔(NateSilver)曾做出了最为精确(并非“准确”)的预测。

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

Image without style

如果把他们和各自团队中准确度较高的人聚在一起，那么这一准确度又会激增，远远超出期望。而《王者荣耀》团队认为的可能是《王者荣耀》只是一款手机上的轻量化MOBA游戏，游戏更加偏向于社交化和休闲化，他们发现了中国的手机端用户对于小额游戏付费的抵触心理并没有那么高，所以其实它只需要保障土豪玩家不会影响游戏的公平性，并且同时零付费玩家的抗议不会太大就可以了，这也同样解释了为什么《王者荣耀》对于《英雄联盟》的铭文获得的体制上进行了修改，允许用户直接用人民币抽取铭文。

<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

　　HTC现在面临的首要问题正是企业的生死存亡，所以首先应该考虑的是如何生存的问题。期间，女孩欲报警，但被男子抢走手机，更过分的是，在地铁到站时，男子将女孩手机扔出，并将其活生生推出地铁，敲黑板，推出时间是地铁关闭的那一瞬间。

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