首页

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.

　　所以，2017我们将看到越来越多的短视频为了规避这种风险转向选择二次元动漫形象、或者干脆像“一条”那样，以“生活美学”等抽象的概念来作为一个IP发起点。

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

　　在一片烧钱比赛的场景中，乐淘内部有人担心，烧钱会把自己“烧死”，但是毕胜认为，应该烧钱做大规模，有了规模才有机会融资，最终在长跑中战胜对手。

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

　　除此之外，张兰还喊过不少口号，一会要做餐饮业的LV，一会说要成为世界五百强……至于结果如何，大家也有目共睹。

<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

”张兰说当时自己的酒量是“两斤不醉”。　　2004年，听说熊总打算把金融街和财富网站合并，王功权就与周全两个人打配合。

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

Floating Left 2

　　我玩天使投资从1991年到现在，看到的创业死亡的有无数，资金不足、股权分配不合适、没有坚持等等，最关键的，大量创业公司最大的毛病是创业公司开始做这个事是没有需求的。但是在视频制作这个业务上，市场需求是很旺盛的。

<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

也就是说，对那些在信息技术服务方面有很高要求的领域，我们想办法去提供产品而不是服务。”　　大学毕业之后，郑志刚又去了日本研究了一年东亚文化，当时是标准的文艺青年范儿，在学校旁的寺庙里听悠扬的钟声，一坐就是大半天，“每次钟声敲响，我就感觉有水在心中流动

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

Image without style

于是，王功权决定给企业写纸条“发挥自己宏观判断的优势”。　　写稿五分钟，标题有套路　　无论是以算法平台为导向的今日头条，还是以算法+人工推荐的企鹅自媒体平台，又或是几乎纯靠人工推荐的网易号，一篇做号者的稿子能否赚钱，标题占了80%的因素。

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

Image Style 1

资金断链、债务缠身让这家曾轰动一时的众筹餐厅戛然倒下。　　3月13日，美国旧金山议员帕斯金起草的有关共享单车监管的法案已进入议会土地和交通委员会讨论。

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

Image Style 2

　　在中国互联网版图上，除北上深杭外，有两个地方很出人才，一个是湖北，一个是福建。今日头条则通过和芒果TV等平台合作加强了这块内容。

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

Image Style 3

　　为了换取免费的地下室住宿，张兰甚至每天早上6点就得起床为房东熬好麦片，帮患病的房东太太擦洗。这意味着，如果相关资产不从拉卡拉中剥离，将成为IPO获批的一个障碍。

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