首页

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.

一直到15岁，王公权还只能顶着炎炎烈日在田里插秧“那是一种世世代代无法摆脱命运的绝望”。

<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的餐厅，这就是后来大家熟知的“俏江南”。

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

搜索微信号：iadmin5，也可以扫描下方的微信二维码进行关注!　　扫描二维码，即可添加A5站长网微信公众号，每天精彩的IT资讯和干货分享等你来交流

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

　　因此我们可以看到，整个移动互联网的二八效应是越来越明显的，甚至会变成一九效应，甚至是5%比95%。

<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

　　为了加速达到销售目标，实现上市大计，也为了不被对手超越，乐淘管理层也决定大打广告。云链中包括云分发(CDN技术)、云存储和云聚合(包括云迁移技术)，这三块业务涵盖了云上数据完整的生命周期管理，包括了数据的产生、传输、消费和归档。

<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

　　2016.8.23　　新增多套自定义出装方案，BO系统改版，更美妙的赛事观看体验。当时餐饮业在众多行业中脱颖而出，成为许多PE逆市投资的最重要选择。

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

Image without style

　　我问：抓住本拉登一事，Palantir确实参与了?　　“我认为Palantir做了技术方面的贡献，就此而言我感到非常自豪。他预计3年以后的投资回报会在5倍以上。

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

Image Style 1

　　看起来每个领域都涉及一点，这与吴奇隆横向发展的理念有关。　　他坦承自己不是BAT，没有能力提供“安稳”。

<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

　　其实很多自媒体公司并不需要资本，很多情况下他们通过自己的能力，完全可以过上很好的生活。　　这种重构的改变还在不断发生，为此36氪和中欧商学院举办了一次“新媒体创业沙龙”。

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