首页

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.

　　但后来他明白，比价行为在互联网上是非常简单的一件事，动动鼠标就可以完成，只要有一家竞争对手比乐淘价格低，所谓的利润空间可能就不存在，除非真可以把所有对手都耗死，但真要等到哪一天，乐淘还需要10年，另外再烧10亿美元。

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

　　2、大力出奇迹的电子化进程　　 　　印度的闪电战废钞行动：　　如果说RelianceJio4G服务半年全免费的故事还不够刺激，那么时下印度从精英到贫民都挂在嘴上的”Demonetization”应该足够惊悚了。

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

　　为了换取免费的地下室住宿，张兰甚至每天早上6点就得起床为房东熬好麦片，帮患病的房东太太擦洗。

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

这位冰激凌机的推销员克罗克觉得这一创新非常了不起，最终花费270万美元买下了麦当劳的连锁经营权，从而推广到全球，到今天，很多知道的人都把克罗克当作麦当劳的创始人。

<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

　　 　　股权转让在国内还是一个新兴的市场，但在国外的发展历史已经超过了50年，尤其是在美国，股权转让已经成为一种非常成熟的交易方式。所以，百度今天放出取消新闻源这个大招来怒刷存在感，实在是在内容领域无招可用只能拼老底了。

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

Floating Left 2

　　第四口锅：创业者是全能战士　　探索未知的确是一件开心的事，尤其是对于随时随地都处于高速变化的互联网行业来说尤为如此。”　　机遇与挑战——如何上更大台阶　　当然，美图市值突破100亿美元的基础并不牢固，原因有几点：1，美图营收主要来自于手机收入，占比达95%，来自互联网的营收依然很弱;2，美图依然处于亏损状态;3，美图的社交属性并不强。

<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

　　LED灯频闪问题　　在市面上卖的LED灯，常常会出现严重的闪频问题。如果用户中断或直接取消下载/安装过程，这时将不会计入转换。

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

Image without style

　　第一口锅：创业者“生而改变”　　在经历被标签化之前，创业者们还经历了一波轰轰烈烈的造神运动。”同时他还指出在药给力不停会见LP投资者时，为了获得LP认可不断修改商业计划书，调整企业发展方向，而没有坚持最初的市场定位。

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

Image Style 1

　　我不知道短视频创业者是不是该醒醒了，但是看完这样的“付费知识”，我感觉，喜欢花钱在这些东西上的消费者可能需要清醒一下。2007年8月31日，CryptonFutureMedia推出了虚拟女性歌手软件初音未来，并在之后赋予了她一个充满未来感的萌系外表。

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

Image Style 2

　　很多时候琐事并不等于细节，如果这些琐事影响了创业者履行最重要的那个O的职责，倒不如让更加专业的人来帮助你处理这些事。尽管王功权号称“有极强的危机处理能力”，但是，他内心总在穷人的悲悯与商业理性之间做斗争，经常整宿整宿睡不着，以至于患上严重的皮肤病。

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