首页

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.

　　餐饮众筹失败的原因在于：　　餐饮众筹周期长，需要长期持续经营　　和实物众筹完全不同，实物众筹最后的结果是，给参与者兑现一款产品、一本书或者一款包，只要拿到产品，众筹就算结束。

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

创业本来就辛苦，如果一个人再揽下所有事就更累了。

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

　　2、定位错误，没有及时转型　　刚开始时，俏江南的定位还是比较准的，虽然走的是高档餐饮，但还是以大众消费为核心，很快就成为了家喻户晓的知名企业。

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

新浪微博的域名weibo.com就是蔡文胜卖出的。

<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

给用户一个信息反馈，告诉他们任务执行成功或者失败　　让按钮和控件易于被感知　　在现实生活中，按钮和各种开关都被设计成易于互动、易于感知的样子，这样的设计让人们更容易控制，也能让事情向着预期的方向发展。IP改编、内容变现、影游联动、院线并购、用户价值……资本推波助澜之下，中国文娱产业正在经历一场前所未有的淘金狂欢。

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

Floating Left 2

　　其次，通过分析这些数据为优化站内广告位创意、展现位置提供数据支撑。这样的团队一般创业成功率比较高。

<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

　　正所谓有有阳光的地方就必会有阴影相伴。虽然很多商家都在大量制作VR内容，但是他们的内容并不能多平台通用，用户又不可能去为了某些内容去购买多套VR设备。

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

Image Style 1

那么面对网站中N多的广告位，如何分析合理运用，实现其最大价值呢？本期内容我们从站内广告分析为大家说说。我和马未都当年到福建去，来一个不会说普通话的小伙子，他做了一个265.com，从此之后我们变成了好朋友，我投资以后占了25%的股份。

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

Image Style 2

　　8年前我还在打工，曾经面试过一个复旦毕业的美女，毕业后创业三年，一直小打小闹的搞儿童培训，结果一败涂地，她是学市场营销的，但是对基本的实战营销一点都不懂，当时我很纠结，她找了两个月的工作了，就是因为职业技能不足，还有三年的创业经历，让招聘单位都不敢录用她，她非常希望得到这个工作，最后我提交了录用申请，可惜被老板否决了，我也爱莫能助了。”　　李开复说“他是最优秀90后创业者”　　有人说他是个张扬、高调的人，上电视节目侃侃而谈自己对世界、对90后的看法。

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