首页

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.

　　 　　工商信息还显示：2015年，北京友友联创信息技术有限公司净亏损1417万元、负债2173万元。

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

　　近日，他宣布不得不裁员了。

<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

在读懂君去年的统计中，住宿和餐饮业也是“僵尸”占比最大的行业，“僵尸”数量占该行业挂牌公司总数的23.08%，而今年占比增加了一倍多。当知乎平台已经揭露了这些“公知”们打着爱国幌子实则是为了营销网红的丑恶嘴脸，让正确舆论得以落地之时，其他平台却多还是处于焦灼状态。

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

Image without style

　　如今的鼎晖投资到底在做什么?　　根据鼎晖投资的官网显示，鼎晖投资目前的主要业务有：PE投资、创新与成长基金、地产投资、夹层与信用投资、财富管理、润晖投资。玩王者荣耀相当于一种社交活动，玩得好的人会被打上“这人玩王者荣耀很溜”的标签，通过微信、QQ等连接线上跟线下的社交平台的传播，从而能够将这个标签带入到现实生活中。

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

Image Style 1

其中，2015年净利润增长的一共有2527家，占到“僵尸股”总数的67.21%。　　楚楚街最早是电商导购平台，用户点击QQ.com上的相关应用便可直接跳转到淘宝相应界面，前端依赖于QQ平台提供用户流量，后端则依托于淘宝进行流量变现。

<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

　　此役过后，碧桂园在广州有了口碑。　　辨析：这段话之后，吴晓波花了一段篇幅分析这三种盈利方式为什么行不通。

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