首页

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.

　　我知道不少人欣赏这类公司，但为什么不推荐你去这样的公司呢?　　因为这类公司有可能被一份文件打败，也有很大可能性兼并或重组，而在这个过程中，公司创始人和VP们始终是有机会解套的，比如优步中国归了滴滴，柳甄马上去今日头条开工了，赶集与58合并，杨浩涌转首就做了瓜子二手车，土豆的王微也转行做了追光动画，但普通员工甚至中层不会有这份好运。

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

　　这些UP主选择在官方生日的4个月后再次为niconico庆生是有原因的。

<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

　　 　　3月7日，左驭资本执行董事韩泽、娱乐工场合伙人刘献民、星座女神创始人莫小棋、淘梦网创始人兼CEO阴超以“内容付费的春天要来了吗?”为主题展开线上讨论，包括：①娱乐行业里的内容付费和内容变现;②知识付费;③观众问答。　　 　　在游戏类型方面，艾媒咨询数据显示，棋牌、酷跑、回合RPG、卡牌、休闲、角色扮演等红海市场游戏类型已趋于饱和，MOBA、3D动作、沙盒等蓝海市场有待探索。

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

Floating Left 2

以至于我现在提交时都已经准备好了被拒绝，如果你突然让我通过了可能会吓到我间接性精神不正常。数据显示，2014—2015年，影视行业并购重组分别发生67起和90起，并购金额分别达到119.42亿元和722.39亿元。

<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

　　好的设计师是品牌的灵魂，但只有灵魂的东西真的不能称之为品牌。　　回到当下的2017年，曾经风光一时的垂直电商们，活下来的却寥寥无几，凡客经历阵痛，如同做了一次大手术，至今元气未复;当当网股价长期低迷，后从美国退市;聚美优品风光不在，私有化方案倍受争议;曾经的乐淘网的对手们，如今也踪迹难觅……　　卖掉乐淘后的毕胜，在2014年重新出发，创办了“必要商城”。

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

Image without style

　　或许MCN的称呼是资本层面的一个噱头，但基于大号带小号的多账号生态打法的确成了风口期2017年大玩家们的共同选择。　　以往的杭港地铁1号线和整个江陵路地铁站，来来往往都是行色匆匆的行人，但这两天却格外引人驻足。

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

Image Style 1

那些权重低、内容时效性和质量相对较差的小站点、自媒体站点，很可能会被K掉，比如笔者的一个不成熟小站前段时间就被百度K掉了，这个过程其实已经进行了一段时间了，只不过这次取消新闻源的动作更大更狠一些，但即使不取消新闻源，很多小站依然还是会慢慢被淘汰掉。　　第二，盈利模式不清晰，严重依赖资本　　移动医疗火热是现实，业内人士指出，移动医疗尚处于市场培育期，企业处于烧钱推广阶段，鲜有实现盈利者，企业对资本依赖程度较大

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

Image Style 2

　　今日头条CEO张一鸣在2016年宣布将投入10亿元贴补短视频创作者，并通过海外收购Flipagram和取得视听牌照完善该领域布局。　　(1)饥饿营销首先要把握饥饿“度”　　饥饿营销在尺度把控上首先要注意的问题是:确定市场容量和需求情况。

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