首页

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.

究其原因，以目前的工业化水准和制剧周期、资源投入，要在一个本身期待值就偏高的原IP上实现增值并不容易。

<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

　　相比之下，友友用车的运营方式成本显然会高出一大截：用户把车停在任意的ETCP停车场，当车辆的电快要用尽时，运营人员需要三班倒把车开到充电桩进行充电，然后再放回离用户最近的地方。把你需要5年实现的梦想拆解到每一年可预期的目标，再把第一年的目标拆解成每个季度的目标，再把1个季度的目标拆解成每个月的目标。

<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

　　除此之外，2016年IP网剧的口碑之作多集中在一些相对小众的题材，例如《余罪》《法医秦明》，而《如果蜗牛有爱情》《最好的我们》《画江湖之不良人》则分别打动了不同的群体。　　韩泽：内容付费的重点是专业性和权威性，旅游攻略大多是UGC，而且每个人的UGC不一样。

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

Image without style

这时距白山要冲破6月底的半年计划只有两个月。　　4、有可能重新回到一个比较小众的定位。

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

Image Style 1

　　药给力：融资未果被投资人放了鸽子　　药给力是一家手机上的药品购买和移动健康平台，主打“1小时良药送上门”服务，北京思邈互联医药科技有限公司旗下产品。同时定价策略上发生改变，最早是抽8%的信息服务费。

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

Image Style 2

　　辨析：这段话之后，吴晓波花了一段篇幅分析这三种盈利方式为什么行不通。　　而纵观这一年多来的更新内容，可以看出来《王者荣耀》除了对于游戏本身的更新之外，主要更新的方向就是社交、玩法和电竞，它在玩法方面一边模仿《英雄联盟》等MOBA类端游的各种游戏功能，例如双排、五排、克隆大作战、战争迷雾、BAN/PICK、甚至是英雄的技能和装备，游戏的地图设定等，一方面又没有完全抛弃手游十分流行的PVE冒险模式，看来《王者荣耀》的团队还是坚信冒险模式在手游上面能够对PVP模式有一个很好的补充。

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

Image Style 3

不过，从此王功权就彻底告别了奋斗20年的风投领域。而两轮过亿的融资也还没有达成。

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