首页

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.

与此同时，金融行业也伴随着14年开始的大牛市，开始了一场轰轰烈烈的“加杠杆”跨越式冲刺。

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

　　3亿打造兰会所、高大上的装修、还有儿子汪小菲和大S的婚姻，都让俏江南“餐饮业中的LV”的形象深入人心，张兰也因此功成名就。

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

但即便如此，张兰也只是在国贸找到一个600平米的小位置，在开业的4个月内，俏江南的收入都不够支付租金和员工的工资!　　即便如此，张兰还是咬牙挺了过来，俏江南的生意也终于有了转机，依靠口碑，那个“环境不错，价格不贵”的俏江南，很快火爆起来。

<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

　　Q3：我记得脱不花有一句话，她说用户在看文章的时候所消耗的荷尔蒙，和他最后买东西时所用的荷尔蒙是一种。据说，3卷共2000多页的《资本论》一年都要翻四、五遍。

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

Floating Left 2

　　大家都知道麦当劳，麦当劳最开始是麦当劳兄弟开在美国加州的一家汉堡店，生意特别好，但是并没有扩大连锁，后来被做冰激凌机器推销的克罗克发现，麦当劳兄弟的汉堡店订购的机器远远超过其他汉堡店，经过一番调查，克罗克发现麦当劳兄弟做了一项革新，将原本一个工位上完成的汉堡制作流程分解成流水线作业，和富士康的流水线一个道理，这样的细小创新，用户可能看不到，但是用户的等待时间缩短，生意非常好，于是相应的也卖出了更多的冰激凌。”　　最近研究显示，与普通大众相比，企业环境中的高管患心理变态的比例很高，双方比例分别为1%和4-8%。

<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

　　成功的产品通常是构建在一系列优秀的设计之上的，它除了拥有优秀的框架、系统的逻辑和恰如其分的运营之外，它还需要符合用户体验规则的细节，和几经验证的最佳实践来作为支撑。　　而在咱们国家，沉重的房价，老有所养，病有所医，失业有保障，都不令人满意，自然让更多的人，特别是已经肩负有家庭重任的人们总是惶恐未来

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

Image without style

华商韬略(微信公众号：hstl8888)查阅的数据显示，到2008年底，其总负债已超过2500万元，净资产则为负483.05万元。　　1、在微信搜索框中输入微信指数，然后选择搜一搜微信指数(如图)　　 　　2、点击出现的微信指数图标后，会弹了相关界面(如图)　　 　　3、根据你的需求搜索某个键词，就会得出相关指数情况(如图)　　 　　如图所示，微信指数可以反应出某个关键词7日、30日、90日的流行度的数值，通过指数曲线的情况，我们大致可以判断出某个‘搜索词’的流行趋势。

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

Image Style 1

　　4.做一个好的退款保证，一定要明确不含糊　　客户面对虚拟的电子商务网站，总会担心买来的鞋子不适合自己脚的大小怎么办？您可以参考Zappos.com网站，提供365天免费退货的服务。几个合伙人清算了资产、各回各家。

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

Image Style 2

　　 　　所有平台都意识到高品质内容的重要性，尽管它的阅读量和播放量看上去没那么耀眼，所以头条启动了千人万元计划，企鹅有芒种计划，UC也祭出了量子计划，无非是通过扶持的方式，来提高平台内的内容质量。优秀文章坤鹏论将在今日头条、微信公众号、搜狐自媒体、官网等多个渠道发布，注明作者，提高你的知名度。

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

Image Style 3

　　但VR市场规模短期内难以突破，2年后或不会迎来行业爆发　　说起来，VR这条路其实也不好走，因为VR距离成熟的商业环境至少还有3-5年。　　但是，真正有价值的知识和经验都不会是干货，而是湿货，都会有其诸多条件的。

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