首页

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.

”　　药品+互联网市场本身来看：　　第一，用户需求不足，刚需薄弱　　业内人士认为，用户活跃度是药店行业做APP最致命的问题。

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

　　从受众规模角度来讲，新媒体面对的受众是原来的10倍甚至50倍。

<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

此外，当初做手游初期门槛低，很多时候投一、两百万，甚至更少钱，一月赚几百万。　　资料显示，信而富总部位于上海，但是公司是在美国注册，其在2001年创建之初是一家消费级信贷公司，为中国大型银行提供服务。

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

Floating Left 2

2009年，张兰首次荣登胡润餐饮富豪榜第三名，财富估值25亿元，到了2011年更是高达31亿元!　　引进资本却进退失措最后被迫放弃一切　　不少企业壮大之后，都会想着引进资本，但是张兰却没有这方面的想法，毕竟俏江南作为知名餐饮企业，稳定的单店业绩能提供稳定的现金流，没有更多的资金需求。而大多数情况下，这些父母还是不会相信Joe，仍让他们孩子去选择谷歌与微软。

<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

　　首先第一个问题，就是为什么进行股权转让?这里面有五个点的原因：1、基金周期短，LP推压力较大;2、IPO并购退出时间周期长，同时又有政策风险;3，创始人卖老股进行生活改善;4、针对于天使投资人来说，因为他们进入企业较早，到一定程度后退出的回报会比较高，这时我们建议及时退出;5、对投资机构来说，当投资中心、基金的战略方向发生改变时，需要对项目组合进行调整。　　还有阿里16年创业完整纪录片曝光：马云和他永远的阿里。

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

Image Style 1

　　2011年6月7日，鼎晖创投董事长吴尚志宣布同意王功权因个人原因辞去鼎晖创投现任职务，并于2012年1月1日正式离职。情绪很重要，它是决策过程的重要组成部分。

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

Image Style 2

如果你还不理解留白的意义，不妨看看下面的实例：　　 　　杂乱的界面没有吸引力，碰到这样的情况，用户甚至看都不会看。　　 　　不过现在一些经营方式创新、营销手段前卫的网红餐厅的日子，现在似乎越来越不好过了。

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