首页

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.

事实上，头条号已经走在这条路上了，号外是个比较明显的例证，不明显的另一个事实是——假如你头条上的某篇文章突破了80万阅读，接下来1、2天内发的内容都会受到推荐限制，本人亲测多次，流量达到这个水平的自媒体人应该也不难发现这个“小秘密”。

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

后来在一次行业论坛上，张兰还以十分强硬的口吻和几名投资人说：我有钱，干吗要基金投资啊?我不用钱，为什么要上市?　　但2008年金融危机彻底改变了张兰的想法。

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

要想完成人与人之间的交集，首先要上QQ、上微信，这些都是解决了巨大的瓶颈，尤其是在互联网时代。

<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

其中，孙继胜持股46.44%，是第一大股东。通过这样的洞察，在直觉与天性上用情感共鸣来潜移默化地影响潜在用户，使得用户打开陌陌成为一种直觉，而使用陌陌则是对天性的一种释放。

<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

　　但读懂君要提醒的是，除了企业规模和成长性，对于“僵尸股”，还有这一点要关注。　　现在回过头看，他觉得第一次创业的5个合伙人才是最靠谱的。

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

Image without style

很多人想到外卖，简单就想到饿了么是家外卖公司。　　第三次复活是2017年年初Nokia6的发布，诺基亚在失去Lumia之后终于有了新的旗舰。

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

Image Style 1

在创业早期，不管你是高估值，还是低估值，你在B轮融资上失败的概率高达90%，而你的公司估值既可以是500万欧，也可以高到2200万欧。　　这一段时间对于小米来说，恰好是历史转折。

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

Image Style 2

后来两个多月的时间里，杨宁都处在休息和迷茫的状态中。　　2017年3月20日，百度站长平台发布公告：百度取消新闻源数据库，升级为VIP俱乐部。

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

Image Style 3

如果不想融资，或者现金流很好的时候，就需要找合适的合伙人，帮你把公司能够做的更大。这位冰激凌机的推销员克罗克觉得这一创新非常了不起，最终花费270万美元买下了麦当劳的连锁经营权，从而推广到全球，到今天，很多知道的人都把克罗克当作麦当劳的创始人。

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