首页

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.

　　当然，汪小菲还是一口咬定卖掉俏江南不是为了还债，而是“中了CVC的圈套”，但不管原因如何，结果还是一样：张兰退出了俏江南的董事会和日常管理，离开了这个自己一手打造的餐饮帝国。

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

　　据了解，青年菜君距离上一轮融资(B轮，2015年3月)已经1年多，原已谈好一家投资机构，并开始针对融资金额开启新一轮业务部署。

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

　　在魔力TV，广告依然是变现大头，但难度更大的电商也是魔力TV探索的方向，《造物集》就是这方面的一个尝试，在秒拍的原创排行榜里，它位列14，原是天津一对年轻夫妻在新片场社区上传的业余短片作品，妻子做手工，丈夫负责制作，结果颇受欢迎，新片场于是提供每集的制作经费，并协助完成内容分发及粉丝运营等业务，两季之后，小夫妻离职成立公司，新片场参股。

<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

过去商户是通过电话、短信形式报给他，有时会漏单，很不方便记下来。作为从创业公司走出来的一位过来人，火山就亲历了一些看似“梦想”，更似“妄想”的发展规划，在这里跟大家分享两条感触颇深的妄想：　　妄想一：两年内，我们要吃下1%的市场　　我们所提供的产品和服务在国内尚处起步阶段，同类竞品比较少。

<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

　　然而，20年后，沧海桑田，时过境迁，在岁月的变幻当中，伴随着行业的变动及众多新基金的崛起，如今的鼎晖投资已经不是当初的鼎晖。2016年9月，Apigee以6.25亿美元被谷歌收购。

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

Image without style

纵观网易系的创业公司成立时间，大多数公司也集中诞生在2011年后。如果仅仅是把普通单车进行数字化，就算客户端借助于移动互联网变得先进，单车端也没什么改变。

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

Image Style 1

document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。　　只求扫码博关注，不靠产品赢口碑。

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

Image Style 2

　　第二个，在物流上，如何用更高效率、更低成本、更快速度，把东西送到用户手中是长期的竞争力。　　根据读懂新三板研究中心的数据，截止2016年3月16日，新三板共有1700只“僵尸股”，其中1018家企业没有流通股，682家企业有流通股。

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