首页

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.

　　复活节　　2017年4月16日　　宜：品牌借势，用产品最复活节彩蛋，给更多的人带来喜悦和快乐

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

　　先说第一个问题，为什么你要尽可能选择一家有独立IPO计划或时间表的公司?　　一般来说呢，不愿或者不太着急上市的公司基本是三类：　　这类公司大多有员工期权计划，但变现周期充满不确定性。

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

比如最近包括真格基金在内的客户要买我们一个(木头管退)系统，36氪就是一个最强的销售渠道，如果要找卖给VC软件渠道，那肯定就是我36氪，没有第二家了。

<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

何况2014年小米全年在憋的大招小米Note，不上指纹识别，这么大的事情肯定不是别人能决定的。公关公司和部分企业PR之所以受冲击，是和笔者刚提到的第一类群体可能被筛选掉紧密相关的，问题是——即便以新闻源收录为考核指标，有点经验和追求的公司都会对收录站点有要求吧，比如，要求新浪、网易、凤凰这样的门户，以及类似环球网、中国新闻网、和讯这样的主流媒体，再不济也得要求品途、百度百家这样的吧!难不成收录要求会低到什么建站厅、大名网这样土的不行、根本没听说过的网站?　　如果真是这样的，那我只能说，活该受影响……　　第三类，时效性差的传统媒体，这类媒体已经被唱衰了好几年了。

<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

　　一方面在于绝味、周黑鸭等食品企业一改传统夫妻店路边摊的形式，用现代化的工厂将鸭脖变成了可以量产的标准化产品，从而使其行业规模不断扩大，未来极具市场前景。　　2002年筹备鼎晖投资，先后投资蒙牛、分众传媒、永乐家电等等。

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

Image without style

他是百度早期高管，在商场上朋友众多，大家都愿意给他面子。”　　不过那段时间，王功权做得最多的工作却是流着眼泪裁人“成批解聘从海南跟过来的非专业人员”。

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

Image Style 1

　　这100家企业主要集中在制造业和信息技术业，分别有52家企业和10家企业。　　对于这些挑战，知乎不是没有行动，诸如此前对几个违规大V的销号处理，社区规范的进一步完善，站内反作弊系统的升级等等，但我们更希望知乎平台能够继续拿出更多措施，为知乎平台提供更佳的内容氛围。

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

Image Style 2

　　HTC现在面临的首要问题正是企业的生死存亡，所以首先应该考虑的是如何生存的问题。　　很多业内人士认为家餐厅真正厉害的地方在于，它知道如何赚90后的钱，要知道，未来一定是属于90后的。

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