使用方法：

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、body引入HTML代碼

<!--注冊通欄-->
<div class="register">
	<h2 class="title">現在注冊，立享價值上萬元的新人專屬禮包</h2>
	<p class="desc">運營交流大會門票&運營寶典</p>
	<a href="#" class="btn">注冊有禮</a>
</div>
<!--尾部-->

<div class="site-footer">

	<div class="footer-related">

		<div class="footer-article w1210">

			<dl class="col-article">
				<dt>電商產品</dt>
				<dd>

					<a href="#">商城</a>

					<a href="#">云物流</a>

					<a href="#">云ERP</a>

					<a href="#">云產品庫</a>

					<a href="#">收銀狗</a>

				</dd>
			</dl>

			<dl class="col-article">
				<dt>行業方案</dt>
				<dd>

					<a href="#">生鮮電商</a>

					<a href="#">農村電商</a>

					<a href="#">商超百貨</a>

					<a href="#">母嬰電商</a>

					<a href="#">智慧社區</a>

				</dd>
			</dl>

			<dl class="col-article">
				<dt>幫助中心</dt>
				<dd>

					<a href="#">視頻教程</a>

					<a href="#">云商城</a>

					<a href="#">云物流</a>

					<a href="#">云ERP</a>

					<a href="#">更新日志</a>

				</dd>
			</dl>

			<dl class="col-article col-article-spe">
				<dt>聯系我們</dt>
				<dd>
					<p><i class="iconfont orange"></i>400-078-5268</p>
					<p><i class="iconfont blue"></i>800007396</p>
				</dd>
			</dl>

			<div class="col-code fl">
				<div class="code">
					<img src="statics/images/wx.png" alt="微信公眾號">
				</div>
				<p>官方微信公眾號</p>
			</div>

		</div>

		<div class="footer-links">
			<span>友情鏈接：</span>
			<!-- 友情鏈接循環開始 -->

			<a href="#" title="">xxx</a>

			<a href="#" title="">云商城注冊</a>

			<a href="#" title="">云產品庫</a>

			<a href="#" title="">收銀狗</a>

			<a href="#" title="">神碼收銀</a>

			<a href="#" title="">云物流</a>

			<a href="#" title="">云ERP</a>

			<a href="#" title="">生鮮電商</a>

			<a href="#" title="">農村電商</a>

			<a href="#" title="">母嬰電商</a>

			<a href="#" title="">商之論壇</a>

			<a href="#" title="">動畫公司</a>

			<a href="#" title="">電商學院</a>

			<!-- 友情鏈接循環結束 -->
		</div>

		<div class="footer-info w1210">
			<div class="info-text">
				<!-- 底部導航 -->
				<p class="nav-bottom">

					<a href="#">公司簡介</a>

					<em>|</em>

					<a href="#">聯系我們</a>

					<em>|</em>

					<a href="#">官網論壇</a>

					<em>|</em>

					<a href="#">投訴建議</a>

					<em>|</em>

					<a href="#">站點地圖</a>

				</p>
				<p class="copyright">
					秦皇島xxx(www.xxxx.com) 版權所有 <em></em>
					<a href="#" rel="nofollow">冀ICP備xxxxx號</a>
				</p>
				<p class="company-info">河北省秦皇島市海港區xxxxxxx　</p>
				<p class="qualified">

				</p>
			</div>

		</div>

	</div>
</div>