首页

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.

　　但实际上，无法掩盖的是公司2016年业绩严重下滑的事实。

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

　　最近21世纪商业评论有一篇文章《一位小米前员工的财务告白：期权如何处理让我纠结》。

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

　　辨析：这段话之后，吴晓波花了一段篇幅分析这三种盈利方式为什么行不通。

<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

这是互联网发展很重要的一个基础，很多三五互联的代理商或业务员出来后都做这类业务。从PC时代的凤凰沦落到新媒体时代的“落汤鸡”，百度太需要存在感来证明自己并不落伍并没被淘汰了，所以百度从推出百度百家，再到推出升级版百家号，火急火燎、雷声轰轰地在移动端折腾了半天。

<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年注定是共享单车新一轮的竞赛，疯狂的投资者一定还会继续押注，但是更多目光会落在在产品本身，共享单车市场哪些靠投机和勇气入场的玩家，做好迎接的准备吧。　　根据读懂新三板研究中心的数据，截止2016年3月16日，新三板共有1700只“僵尸股”，其中1018家企业没有流通股，682家企业有流通股。

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

Image without style

这种需要进一步融资的情况有可能是B轮融资，也有可能是资金链几乎断裂，需要维持企业一线生机的救命钱。我们联合邀请了蜻蜓FM、华尔街见闻、知识分子等新锐媒体创始人，也包括第一财经、咪咕视讯的等传统媒体的掌门人，另外作为活跃在内容投资领域的真格基金，也加入了沙龙的讨论。

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

Image Style 1

我有很多兴趣爱好，有家庭需要照顾，有许多书要读。今日头条则通过和芒果TV等平台合作加强了这块内容。

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

Image Style 2

　　 　　百润股份不但默认了这种“神话式”报道，而且亲自上阵吹号，它依据日本同行的数据预言，到2020年，预调鸡尾酒的销量将超过1.5亿箱，销售额将达到百亿元级别。　　在张兰的一手打造下，阿兰酒店就变成了南方的竹林，新奇的装修和菜品相结合，让她的酒店迅速有了知名度，食客慕名而来，生意兴隆。

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