首页

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.

在投资人眼中，创业团队本身的想法很关键。

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

　　人人车作为一家C2C模式的二手车电商平台，主要解决的是消费者在平台上看车、交易的过程，但由于交易标的是新旧程度不同、价值较高的二手车，相较于3C电子、服装等品类，用户在交易中的信任成本较高。

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

　　——网易云音乐用户@醋溜6　　在梶浦由记《Palpitation!》歌曲下方的评论　　 　　当然，还有关于爱情　　“你还记得她吗?”　　“早忘了，哈哈”　　“我还没说是谁。

<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

　　但是到了2014年之后，被小米动了蛋糕的对手都醒了过来。　　“在北京，牌照这个东西，政府一般会颁给的有背景的企业。

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

Floating Left 2

document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。　　“如果没有百度联盟这样的生态，我觉得今天的中国互联网可能不会是现在这样。

<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

“一方面跟阿里做商务对接是件很难的事情，淘宝旅行的人不太关心这些，很难接进去。　　(3)英雄技能的设计思路　　对于玩过《英雄联盟》的玩家来说，他们对于移动端MOBA类游戏的英雄技能要求，也就是像《英雄联盟》，而对于没玩过MOBA类游戏的小白玩家来说，他们需要的只是技能释放的简单。

<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

但他的反应几乎是神速的，对骑手的安全是很重视的。niconico虽然是在2006年12月12日正式上线的，但它开放给普通用户上传视频的第一天则是2007年3月6日，因此在UP主们看来，这一天才是niconico真正的纪念日。

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

Image Style 2

2016年中国银幕数更是达到41000块，超过美国成为全球第一，观影人数也首次超越北美地区达到13.8亿人次。从购物到造物，品牌的立体度得以迅速提升，并形成了淘宝造物节这样一个非常有价值的IP。

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