首页

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.

niconico虽然是在2006年12月12日正式上线的，但它开放给普通用户上传视频的第一天则是2007年3月6日，因此在UP主们看来，这一天才是niconico真正的纪念日。

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

　　在上述两家公司的朝阳分公司(位于朝阳区十里堡)，记者终于见到了“友友租车”的招牌。

<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

”　　重新再出发的毕胜，这一次能走出这个怪圈吗?document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。所以，通过恰当的视觉反馈让用户明白正在发生什么，是很有用的。

<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

1972年，由于成分不好，18岁的杨国强上大学无望，只好回家务农。　　好的设计师是品牌的灵魂，但只有灵魂的东西真的不能称之为品牌。

<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

百度微信公众号介绍李彦宏上真人秀的文章标题是：《李彦宏半裸出镜<越野千里>!还开心地跟着贝尔捡了牛粪、爬了泥坑……》，对于上市公司而言，直言老板半裸出镜，这尺度真心不小。　　对比一下2010年成立，2014年上市的猎豹移动，2008年成立，2012年上市的唯品会。

<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

　　购物车放弃率指的是客户将商品放入购物车，但是最终由于种种原因而放弃，这些放弃的客户占总访问客户的比率。　　而现实之中，乐淘也被大环境所困扰。

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