首页

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.

人们购物靠淘宝、京东，吃饭靠百度外卖、饿了么，出行用滴滴、Uber，支付方式是微信和支付宝，理财用陆金所和余额宝。

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

Joe在硅谷，拥有巨额财富、一流人脉还有美满幸福的家庭。

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

孩子们要填写自己的姓名，家长手机号等信息，目前已获得134280条学生信息。

<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

　　彼时的风行网刚成立两年，还是烧钱状态。虽然各大手机厂商都也都推出了VR产品，但其主营业务还是手机，包括其他正在做VR的厂商同样也是身兼多职。

<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

　　二、软文内容需要简短、实用、美观　　有了个好的标题骗取了点击阅读后，软文的内容也很重要，写软文时，观点一定要分明，让读者很快就能了解整篇文章的内容讲的是什么？可以将整篇内容进行合理的划分，用小标题或小段落将文章分割，条理清晰，环环相扣。而且，取消新闻源也不见得真对这些“钉子户”有多大影响，VIP俱乐部摆明了是个特权，就不能因为某些原因特事特办吗?既给足面子不伤害感情，又能变相激励一把，简直完美!　　绕了这么多，总体来看，百度取消新闻源这事实际上并不像预想的那样猛烈，说是个胡萝卜加大棒的玩法也不为过。

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

Image Style 2

　　2016年11月4日，基康仪器发布公告称，由于股转系统关于回购事项的细则尚未完善，因而无法施行回购事项。　　微软、亚马逊这两个公司在哪里?西雅图。

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

Image Style 3

　　冰桶挑战、“华妃”蒋欣模仿金星斗空姐片段等事件让微博上的秒拍、小咖秀火爆一时，由于更适合用户碎片化时间，短视频得到快速流行。废钞开始的两个月内，Paytm的网站流量飙升了7倍，App下载数激增3倍，每天新增用户50多万，同时带动了注册商家每天增长1万户。

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