首页

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.

　　比如全美在线(835079.OC)，全美在线是一家做证券、基金等考试测评服务的公司。

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

第一，私家车共享无法在服务上做到标准化，无法保证接单率和及时反馈订单;第二，P2P模式获取车源的成本太高，但使用效率却差强人意。

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

他热衷结交很多优秀公司的领导人，跟美团、豆瓣、德邦、七天等公司，请教怎么做好CEO;　　也有人说他是个踏实的小家伙，比如李开复就夸他是“最优秀的90后创业者”。

<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

　　在东北沈阳，白山只有一个员工。　　3.提供免运费　　研究发现运费在网上购物过程中起到不小的作用。

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

Floating Left 2

　　有意思的是，2016年12月，《人民日报》曾刊文评论“地铁扫码”：　　像朋友在地铁里遇到求扫码的“创业者”，只求扫码博关注，不靠产品赢口碑。在白山，工程师们是不用打卡的，只要把活干完就行。

<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

　　TOP4：腾讯X故宫《穿越故宫来看你》H5　　俞晖(SAP大中华区品牌及数字营销团队负责人)：这个案例给人留下深刻印象是两点：传统文化表现力的突破和褒贬不一的评论。　　王功权在生意上顺水顺水，可是在感情上却一直不太顺“多情总被无情恼”。

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

Image without style

2015年，农历新年刚过，街上热闹的气氛还散着余温。　　听，听别人讲，在与别人聊天和交流中学习他的真知灼见，因为人与人的沟通时，总会不自觉地把自己最好的一面展现出来，好为人师是每个人潜藏在内心的欲望。

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

Image Style 1

　　“在Palantir成立最初的三四年里，我们好几次几乎流失最优秀的员工。　　此外，新能源汽车领域的基础设施建设直接决定了行业发展速度。

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

Image Style 2

　　2007年1月，碧桂园在港上市的前三个月，杨国强去地产大亨郑裕彤家，陪彤叔、李兆基锄大地。纽交所主席海瑟尔斯也注意到这个可能成为其客户的企业，在2011年访问了乐淘。

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