首页

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.

易名中国CEO孔德菁涉足域名行业比蔡文胜晚两年，当蔡文胜认为域名已经没有机会时，孔德菁仍在坚持。

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

　　 　　单点突破是企业常规之路，一般是两个方向：一、官网SEO+博客+行业网站(包括B2B平台);二、微博微信+媒体网站(包括自媒体)。

<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

在中国制作影视剧没有那么单纯，要考虑到市场，政策等多方面的变化。”　　2011年，乐淘网正处在最顶峰的时期，网站访问量与销售额均排在国内鞋类市场第一名，而它的CEO毕胜却在中欧商学院讲了上述一番话。

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

Floating Left 2

　　那广东的富豪还不跟疯了一样。　　但是他会不断塑造成功的典型，100个人死了99个1个人过得很好，外面的人也会盯着那一个人，所以即使死了一批，会有另一批前赴后继，但是他们绝大多数都逃脱不过炮灰的命运，这就是淘宝

<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

热烈的反响大大超出了主办方的预期，niwango公司社长杉本诚司在2012年12月接受朝日新闻采访时说道：“到目前为止，公司内部大多数人认为如果一个长约1至2小时的节目有10万人收看就很了不起了。但是当你打开niconico，你会发现远远不止如此。

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

Image without style

用腾讯浏览指数搜索“英雄联盟”得出的数据显示，《英雄联盟》的用户年龄中11-20岁的最多，其次是21-30岁，从这里也可以看出目前社会上主流游戏玩家的年龄分布和占比，而更加值得关注的是《英雄联盟》的男女比例，腾讯浏览指数显示女性占比不足10%，这也充分说明了《英雄联盟》是一款更加具有挑战性和上手难度的游戏，把一大部分的女性用户排除在了门外。　　2、已经存在相当大的市场规模　　一个行业领域到达顶峰的时候，也意味着改革的时机到了，往往出现一些新的事物很容易引起人们的注意。

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

Image Style 1

话题一出，立即引来一片咽口水的声音。国内手游用户红利渐触天花板，可开发用户范围逐渐紧缩。

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

Image Style 2

微信自媒体、微信电商的火爆，也成为站长关注的热点。　　福建这两年也走出很多人才，在中国互联网行业风生水起，如美团点评CEO王兴、今日头条CEO张一鸣、雪球CEO方三文被并称为“互联网龙岩三杰”。

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

Image Style 3

　　 　　在骑向海外的第一站，摩拜在新加坡运营初期，将在新加坡的MRT地铁车站及大学校园等需求热点区域集中投放车辆，并投放专为人口稠密地区特制的新型迭代智能单车。　　而被张兰母子抱以厚望的兰会所，经营情况却不甚理想。

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