div css建站套餐項目響應式布局代碼

使用方法：

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)站建設+網(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)站、多終端設計、為大中小企業(yè)營銷而設計的微網(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>建站一企業(yè)網(wǎng)站</h3>
				  <p>好推金牌設計團隊、全面突出核心特點、為你的企業(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>一個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>一身才華，只欠一個機會營銷推廣結合，你的網(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>品牌不止于品牌。用簡約、大氣設計顛覆視覺創(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ù)，都一清二楚眾多功能，陪你服務到底。</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)站，我喜歡設計定制是門藝術，說高深，也簡單全新設計定制你的美。</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ō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>