首页

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.

奥图科技成立于2013年7月，彼时已经面世的谷歌(微博)眼镜，在市场上赋予很高的期许。

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

　　 　　(数据来源：Choice，读懂新三板研究中心)　　这些“僵尸”中，不只小规模企业，还有很多规模比较大的企业，也同样在快速成长。

<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

　　三个人的创业故事　　董路　　2015年底短视频开始爆发时，最早一批意识到短视频商机的人是广告商。　　 　　2、饥饿营销的实施条件　　(1)市场竞争不充分　　如果企业细分市场内竞争激烈，应用“饥饿营销”就有难度。

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

Image without style

据统计，仅2016年就有30多家公司进军共享单车领域，竞争愈发激烈　　“很难很难。

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

Image Style 1

但是3·15曝光著名的耐克zoomair气垫鞋却没有气垫，而南京的郎先生就亲身体验了一番，而且他还以每双1499元的价格抢了两双。　　目前，新加坡陆交局采取“观其行”的态度，支持共享单车企业在新加坡推动自行车出行，但会进行密切监控，并称：对于可能出现的乱停乱放，除了拖走外，将视情采取进一步措施。

<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

而挂牌上市能增加公司的融资能力，解决企业资金的需求。　　比如北京稻草熊影视，这家公司的主营业务是艺人经纪，不仅有吴奇隆的经纪约，还签下了叶祖新等10位艺人，也参与部分影视投资;还有专门做游戏的稻草熊科技;专门做音乐的太阳动力唱片。

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