首页

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.

2016年，挂牌新三板的影视企业数量达到68家，创下历史新高。

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

但事实上品牌时刻保持这种创新和酷的感觉也非常重要，与产品一样，这也是“品牌整体体验”的一部分，是用户“认知”品牌的重要组成。

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

”　　尽管niconico被不少政客认为是“偏向性极强的视频网站”，但杉本诚司却坚持认为他们提供的是一个中立的环境，不持有任何立场。

<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

你可以使用现有的元素来传达这一信息。　　小米Note没有指纹识别，而同期搭载了指纹识别的华为Mate7一战成名，取代小米成了最受黄牛喜爱的机型，价格一度被抄到了和苹果一样的5000元档。

<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

　　孤身一人在加拿大打工　　靠扛猪肉2年赚2万美元　　张兰，1958年出生于天津一个普通家庭，从小就跟着父母在湖北农村插队，后来回到北京，在北京三里屯附近一家蔬菜公司当会计，然后结婚生子，过着单调却安逸的生活。不能怪雷军，2014年年底，连投资人都愿意给小米开出450亿美元的估值，尤里·米尔纳甚至明确说明，小米的下一个杆位就是1000亿美元，这时候谁能不头脑发热呢?　　这时候第二个问题来了，小米2014年的估值为什么高达450亿美元，融资额却只有11亿美元。

<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

这是你所在公司出现心理变态者需要付出的真实代价，特别是在人力资源部掩盖的情况下。再次，就是创业者估值需要1000万美金，而投资者投资700万美金，在这个的情况下，创业者还是按照以前的规划进行实施，造成在规划的时间阶段不能按时完成早期规划，从而让投资人失望

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

Image Style 2

股权转让作为一种新的退出方式，对于投资机构提高其收益率，具有十分重要的积极作用。如果你去过现场，那么你将会有一个更加直观的感受：那些在舞台上又唱又跳的UP主们，那些围绕在各个摊位的兴致勃勃的参加者，几乎都是十几二十岁的年轻人。

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

Image Style 3

　　创业所提供的服务或者产品需要在使用当中不断被检验才能够立足，单纯的情怀只能被用来当做消耗品牌背书的营销，用一次少一次。特别是过去几年，这些公司，陈年的凡客、傅盛的猎豹、冯鑫的暴风影音、王峰的蓝港互动、邢山虎的卓越乐动，也都大约是在2013到2015年之间迎来巅峰。

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