首页

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.

这里是与平面设计不同的地方，其他的画册包装LOGO等VI设计都不需要代码，因为传播的媒介不一样他们是纸质媒介，而网页是通过浏览器为媒介传播

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

　　与上述白皮书相呼应的是，我们此次对于死亡公司的调查统计发现，跟很多人的印象可能不同的是，从2014到2016年成立的创业公司彻底死亡数量为272家，占整个过去六年彻底死亡数量1398家的比重，并不超过1/3。

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

2015年蘑菇街在交易量、用户规模上超过了美丽说。

<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

　　“熊俊是典型例子，他如果是在北京、上海，一会要加这个方向，一会儿加那个方向，可能就乱掉了。他们很久没有这种感觉了，如毛头小子创业一般被投资人指指点点。

<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

　　于是创业者的任务逐渐被定义为了“改变”，要么改变世界，要么颠覆传统。如果想要做分时租赁的话，则需要政府单独颁发牌照，显然新能源车更容易拿到牌照。

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

Image Style 1

　　另外一个对比则是，鼎晖文化产业基金正在火热募集当中，但是其募集的渠道却是通过信托，以100万起的规模融资，而按照正常一流基金的募资方式，在同类型顶级基金当中，对于LP的投资门槛为1000万或者3000万起。　　后来，《新白发魔女传》的电视剧由凤凰传奇影业和江苏稻草熊影视联合出品，电影《白发魔女传》则由博纳影业主投主控，张之亮担任了电影《白发魔女传》的导演，黄晓明和范冰冰担任主演。

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

Image Style 2

然而，自2016年9月《上市公司重大资产重组管理办法》正式实施，随着监管层对VR、游戏、影视、互联网金融等纯概念题材的并购审核日渐趋严，包括暴风集团、唐德影视、乐视网、万达院线、华谊兄弟等在内的公司，皆未能完成影视资产的并购重组。　　业绩大幅度下滑，是很难通过发审委审核的，这也许是公司被投资者“抛弃”的重要原因。

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

Image Style 3

　　正是凭着那300亩土地，半年后，王功权就升为秀港工业公司总经理，虽然那只是一个只有5万元资金的皮包公司。　　为了留下她，我说她可以有弹性上班时间甚至在家办公、公司可以报销她的上下班打车费、她如果觉得工作量太大我可以把她的工作分给兼职员工来做。

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