首页

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.

　　世界读书日　　4月23日　　宜：购物就送书，给每件产品选本配套书籍，单日购买该产品就送书籍。

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

C轮的特点是创始团队和投资人的期望值都提高了，公司在管理层面会有较大变动，大量空降式的高阶职场人士大多是在这个时候进入的，公司内部的组织排异性也会在这个阶段逐渐显露出来，所以除非你有特别牛B的资历和背景，那么你在此时加入战场的成本和代价都是很高的。

<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

　　第三次复活是2017年年初Nokia6的发布，诺基亚在失去Lumia之后终于有了新的旗舰。　　2007年1月，碧桂园在港上市的前三个月，杨国强去地产大亨郑裕彤家，陪彤叔、李兆基锄大地。

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

Floating Left 2

从经济学来说，30%的几率挣到300万，和3%的几率挣到3000万，和0.3%的几率挣到3亿，是一样的。　　他解释，“2008年金融危机以后，我意识到金融系统有很多缺陷，整个平台都很差，透明性也很糟糕。

<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

　　真实的鼎晖投资到底什么模样?　　在众多粉丝的提问之下，GPLP试图给大家还原一个真实的鼎晖投资。第二天一早，那位创始人痛快在协议上签了字。

<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

　　但由于当时芯片太贵，互联网公司太烧钱了，一两年下来，公司大概烧了几百万(相当于现在的上千万)，最后也没有成功。在2011年到2014年间，被公共议题和80后用户占据的微博连年亏损，但随着90后用户崛起以及布局直播、短视频等战略，微博又重新焕发了生机。

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

Image Style 2

　　为了让使用流程达到最佳体验效果，友友用车做了两件事：　　第一，让新用户可以在1分钟之内把车开走。把用户量做大不等于你要烧很多钱，你可以打平，或者略微亏损，但是你要投入，要抓住这个机会，尽快的占领用户人群。

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