使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="meal-box">
	<div class="meal-title">
		<h2>建站套餐推薦</h2>
		<p>根據需求選擇[ 免費開通 ]網站建設+網站后臺 隨時隨地掌握數據信息</p>
	</div>
	<div class="meal-cut">
		<ul>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站+營銷一全網營銷網站</h3>
				  <p>好推首創：八合一全網營銷網站、多終端設計、為大中小企業營銷而設計的微網站應用。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站一企業網站</h3>
				  <p>好推金牌設計團隊、全面突出核心特點、為你的企業打造獨一無二的專屬風格。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站一響應式網站</h3>
				  <p>一個H5怎么都合適。電腦、平板、手機全面綻放。簡單自然，用起來輕松自如。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站一營銷網站</h3>
				  <p>一身才華，只欠一個機會營銷推廣結合，你的網站登上更高峰目光所及，更顯非凡。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站一品牌網站</h3>
				  <p>品牌不止于品牌。用簡約、大氣設計顛覆視覺創新、助力您的企業彰顯品牌形象。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站一商城網站</h3>
				  <p>全新體驗，更好的營銷搭檔客戶訪問的每一個數據，都一清二楚眾多功能，陪你服務到底。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站計劃一網站定制</h3>
				  <p>你喜歡網站，我喜歡設計定制是門藝術，說高深，也簡單全新設計定制你的美。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>服務推廣一關鍵詞優化</h3>
				  <p>好推公司震撼推出的新三代效果產品。快速搶占流量，讓您獲取更多客戶流。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

		</ul>
	</div>
</div>