首页

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年6月8日复活到现在，公司股价已经翻了接近3倍。

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

　　进入2017年，资本和平台对于短视频的热情持续高涨。

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

把目标想清楚大家都动起来，这件事情旭豪跟他团队占95%，这个对我来说是很深刻的。

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

　　有着6年创业经验的金志雄显然是前者。

<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

周杰扮演的导演，突然被助理打断，说赞助商那边嫌Logo上的字太少。洋河的董秘在接受采访时说，“此前公司确实关注过预调鸡尾酒这个品类，但后来并没有实际去做，公司一直没有推出预调鸡尾酒产品。

<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

作为一家在浙江这块创业沃土上，纵横十二年的移动互联网精英企业，天搜股份很清楚诚信对一家企业的重要性，不仅在日常管理中恪守诚信经营，更将诚信上升到企业文化高度，将“诚实守信”确立为员工必须遵行的六大价值观之一，用文化的力量使诚信成为天搜股份取信于社会和用户的最大根基。　　实际上，在此时的P2P租车行业，价格战已经打得极为焦灼，进入门槛低、监管难，导致行业发展并未想象中的如此顺利，很多P2P租车企业不得不进行裁员。

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

Image without style

　　员工也不需要懂，他们应该做的，就是相信老板，跟着老板一起冲锋陷阵。但是，国内提供云后服务的公司还有很多，如Fit2cloud、寄云、曙安VC3、驻云、灵长科技等，不排除这些公司抢占市场的可能。

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

Image Style 1

　　相信在谈到“你幸福吗?”这个话题时，不少人脑海中浮现的是：　　赵传在《沉默的羔羊》中声嘶力竭地唱着：　　幸福对我来说，其实是一种传说!　　人一直在追求幸福，路漫漫其修远兮，吾将上下而求索!　　然鹅，结果常常是找也找不到!　　幸福感是一种看不见，摸不着的感觉，拥有时你不觉得，失去时你才突然“蓦然回首那人却在灯火阑珊处”。　　喂猪、放牛，煮茶、弄饭，不到一年他就成了家里的一把好手。

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

Image Style 2

　　而被张兰母子抱以厚望的兰会所，经营情况却不甚理想。　　“对于创业公司来说，获得BAT投资不是万能药，也不能说是毒药，大部分的成功与失败跟BAT的投资没有太大关系。

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

Image Style 3

”　　而李宇认为电动汽车分时租赁领域，目前市场正在形成一个良好的教育过程，大量年轻用户愿意接受新能源车，友友用车方面还列举了这个模式的优势：　　第一，相比P2P模式，新的分时租赁业务在流程上更加可控，更像是一个标准化的产品;　　第二，将车源掌握在自己手里，尽管模式更重，但是使用效率会更高;　　第三，新能源车是未来市场，通过投入新能源车，可以建立与车厂的强联系，帮助导流，帮助提供精准营销的入口;　　第四，新能源车保养维修成本低。这里的逻辑问题就很大，做创业，不做那些留存高的、时间长的内容，难道去做留存低、时间短的内容?我其实知道不少这种没人看的内容，我告诉你，你敢去做吗?　　就好像你要开个淘宝店，你当然要先观察淘宝上什么东西买的人多，需求旺盛，这是很重要的信息。

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