div css建站套餐項目響應(yīng)式布局代碼

使用方法：

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>根據(jù)需求選擇[ 免費開通 ]網(wǎng)站建設(shè)+網(wǎng)站后臺 隨時隨地掌握數(shù)據(jù)信息</p>
	</div>
	<div class="meal-cut">
		<ul>

			<li>
				<span>
				  <i class="fa fa-service"></i>
				  <h3>建站+營銷一全網(wǎng)營銷網(wǎng)站</h3>
				  <p>好推首創(chuàng)：八合一全網(wǎng)營銷網(wǎng)站、多終端設(shè)計、為大中小企業(yè)營銷而設(shè)計的微網(wǎng)站應(yīng)用。</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>建站一企業(yè)網(wǎng)站</h3>
				  <p>好推金牌設(shè)計團隊、全面突出核心特點、為你的企業(yè)打造獨一無二的專屬風(fēng)格。</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>建站一響應(yīng)式網(wǎng)站</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>建站一營銷網(wǎng)站</h3>
				  <p>一身才華，只欠一個機會營銷推廣結(jié)合，你的網(wǎng)站登上更高峰目光所及，更顯非凡。</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>建站一品牌網(wǎng)站</h3>
				  <p>品牌不止于品牌。用簡約、大氣設(shè)計顛覆視覺創(chuàng)新、助力您的企業(yè)彰顯品牌形象。</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>建站一商城網(wǎng)站</h3>
				  <p>全新體驗，更好的營銷搭檔客戶訪問的每一個數(shù)據(jù)，都一清二楚眾多功能，陪你服務(wù)到底。</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>建站計劃一網(wǎng)站定制</h3>
				  <p>你喜歡網(wǎng)站，我喜歡設(shè)計定制是門藝術(shù)，說高深，也簡單全新設(shè)計定制你的美。</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>服務(wù)推廣一關(guān)鍵詞優(yōu)化</h3>
				  <p>好推公司震撼推出的新三代效果產(chǎn)品。快速搶占流量，讓您獲取更多客戶流。</p>
				  <b></b>
				  <font>
					<a href="#">查看詳情</a>
					<a target="_blank" rel="nofollow" href="#">立即咨詢</a>
				  </font>
				</span>
			</li>

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