綠色扁平風格的裝飾設計公司企業網站源碼下載



12 46 16



模板描述:綠色扁平風格 裝飾設計公司 企業網站,綠色扁平風格的裝飾設計公司企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

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

2. 引入JS

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/mislider.js" type="text/javascript" charset="utf-8"></script>

3. HTML代碼

		<!--頭部-->
		<div class="header">
			<!--top bar-->
			<div class="top_bar">
				<div class="w1200">				
					<div class="fl">歡迎來到廣州市月亮灣裝飾設計有限公司官網!</div>
					<ul class="fr">
						<li class="wx">
							<a href="javascript:;">官方微信</a>
							<div class="wxerweima">
								<img src="statics/images/erweima.png"/>
							</div>
						</li>
						<li><a href="#">官方微博</a></li>
					</ul>
				</div>
			</div>
			<!--top-->
			<div class="top">
				<div class="w1200">
					<div class="logo fl">
						<a href="#">
							<img src="statics/images/logo.png" alt="" />
						</a>
					</div>
					<div class="search fl">
						<form action="#">
							<input type="text" name="keyword" placeholder="請輸入搜索內容"/>
							<input type="submit" value=""/>
						</form>
					</div>
					<div class="tel fr">
						400-800-8888
					</div>
				</div>
			</div>
			<!--nav-->
			<div class="nav">
				<div class="w1200">
					<ul>
						<li class="active"><a href="index.html">網站首頁</a></li>
						<li>
							<a href="about.html">關于我們</a>
							<div class="sub_nav">
								<ul>
									<li><a href="#">企業榮譽</a></li>
									<li><a href="#">企業歷史</a></li>
									<li><a href="#">企業文化</a></li>
								</ul>
							</div>
						</li>
						<li><a href="news.html">企業新聞</a></li>
						<li><a href="case.html">案例展示</a></li>
						<li><a href="team.html">精英團隊</a></li>
						<li><a href="liucheng.html">裝修流程</a></li>
						<li><a href="news.html">裝修知識</a></li>
						<li><a href="problem.html">常見問題</a></li>
						<li><a href="contact.html">聯系我們</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--輪播圖-->
		<div class="slider">
			<div id="slideBox" class="slideBox">
				<div class="hd">
					<ul><li></li><li></li><li></li></ul>
				</div>
				<div class="bd">
					<ul>
						<li style="background: url(statics/images/slider_pic.jpg) center center no-repeat;"></li>
						<li style="background: url(statics/images/slider_pic.jpg) center center no-repeat;"></li>
						<li style="background: url(statics/images/slider_pic.jpg) center center no-repeat;"></li>
					</ul>
				</div>
				<a class="prev" href="javascript:void(0)"></a>
				<a class="next" href="javascript:void(0)"></a>
			</div>			
		</div>
		<!--關于我們-->
		<div class="index_about index">
			<div class="w1200">
				<h2 class="t">關于我們</h2>
				<p class="t_en">about us</p>
				<div class="desc">
					<p>成立于2002年7月的廣州市美科裝飾設計有限公司(MICO)是一家起點高、實力強、規模大、綜合性的建筑裝飾設計公司,專業從事大中型企業辦公室、寫字樓、廠房等裝修及其設計服務。自創立以來,公司實施品牌化經營戰略,以服務為基礎,以質量求生存,以管理求發展,秉承一切以客戶所求的服務理念。</p>
					<p>具有中國室內裝飾設計、施工雙二級資質, 一直以來MICO的專業贏得了新老客戶的一致認同,我們也將一如既往的為每位客戶提供盡善盡美的優質服務。你們的信賴,將是我們不斷前進的動力。</p>
					<ul>
						<li>
							<img src="statics/images/index_about_pic1.jpg"/>
						</li>
						<li>
							<img src="statics/images/index_about_pic2.jpg"/>
						</li>
						<li>
							<img src="statics/images/index_about_pic3.jpg"/>
						</li>
						<li>
							<img src="statics/images/index_about_pic4.jpg"/>
						</li>
					</ul>
				</div>
				<!--在線預約-->
				<form action="#">
					<input type="text" name="" placeholder="您的姓名:"/>
					<input type="text" name="" placeholder="您的電話:"/>
					<input type="text" name="" placeholder="您的地址:"/>
					<input type="text" name="" placeholder="您的面積:"/>
					<input type="submit" value="在線預約我們"/>
				</form>
			</div>
		</div>
		<!--資訊-->
		<div class="index_news index" style="background: url(statics/images/index_zixun_bg.jpg) center center no-repeat;">
			<div class="w1200">
				<div class="zx_list fr">
					<ul>
						<li><a href="#">全屋整裝個性化定制模范 定制化裝修踐行者</a></li>
						<li><a href="#">小戶型裝修,這10點要謹記</a></li>
						<li><a href="#">毛坯房裝修步驟具體有哪幾步?</a></li>
						<li><a href="#">全屋整裝個性化定制模范 定制化裝修踐行者</a></li>
						<li><a href="#">私藏一場優雅的歐式風情,如果你也剛好偏愛</a></li>
						<li><a href="#">小戶型裝修,這10點要謹記</a></li>
						<li><a href="#">毛坯房裝修步驟具體有哪幾步?</a></li>
						<li><a href="#">小戶型裝修,這10點要謹記</a></li>
						<li><a href="#">毛坯房裝修步驟具體有哪幾步?</a></li>
						<li><a href="#">私藏一場優雅的歐式風情,如果你也剛好偏愛</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--服務-->
		<div class="index_services index">
			<h2 class="t">服務流程</h2>
			<p class="t_en">Service process</p>
			<p class="slogan">一站式體驗   標準化服務為您省心省力   品質保證高端體驗</p>
			<div class="w1200">
				<ul>
					<li>
						<img src="statics/images/liuchengtu_step1.png"/>
						<p>在線預約</p>
					</li>
					<li>
						<img src="statics/images/liuchengtu_step2.png"/>
						<p>邀請到店</p>
					</li>
					<li>
						<img src="statics/images/liuchengtu_step3.png"/>
						<p>確定方案</p>
					</li>
					<li>
						<img src="statics/images/liuchengtu_step4.png"/>
						<p>簽訂合同</p>
					</li>
					<li>
						<img src="statics/images/liuchengtu_step5.png"/>
						<p>施工裝修</p>
					</li>
					<li>
						<img src="statics/images/liuchengtu_step6.png"/>
						<p>竣工驗收</p>
					</li>
					<li>
						<img src="statics/images/liuchengtu_step7.png"/>
						<p>裝修保障</p>
					</li>
				</ul>
			</div>
		</div>
		<!--案例-->
		<div class="index_case index">
			<h2 class="t">施工案例</h2>
			<p class="t_en">professional</p>
			<div class="w1200">
				<div class="last_case">
					<div class="l fl">
						<img src="statics/images/the_last_case.jpg"/>
					</div>
					<div class="r">
						<ul>
							<li>
								<a href="#">如何避免在消防驗收環節出問題</a><span>2018-08-26</span>
							</li>
							<li>
								<a href="#">老總辦公室裝修設計必備的10種物品</a><span>2018-08-26</span>
							</li>
							<li>
								<a href="#">辦公室裝修設計風水調整之規劃布局</a><span>2018-08-26</span>
							</li>
							<li>
								<a href="#">辦公室裝飾風水之經營者視覺規劃方法探</a><span>2018-08-26</span>
							</li>
							<li>
								<a href="#">如何避免在消防驗收環節出問題</a><span>2018-08-26</span>
							</li>
							<li>
								<a href="#">現代簡約辦公室裝修設計--化繁為簡的品</a><span>2018-08-26</span>
							</li>
							<li>
								<a href="#">為大家介紹一下不銹鋼玻璃隔斷的防火技</a><span>2018-08-26</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="case_case">
				<ul>
					<li>
						<div class="img">
							<img src="statics/images/index_case_case.jpg"/>
						</div>
						<div class="mask">
							<p><a href="#">原生態</a></p>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/index_case_case.jpg"/>
						</div>
						<div class="mask">
							<p><a href="#">原生態</a></p>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/index_case_case.jpg"/>
						</div>
						<div class="mask">
							<p><a href="#">原生態</a></p>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/index_case_case.jpg"/>
						</div>
						<div class="mask">
							<p><a href="#">原生態</a></p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--精品案例-->
		<div class="jp_case index">
			<h2 class="t">精品案例</h2>
			<p class="t_en">professional</p>
			<div class="w1200">
				<div class="category">
					<ul>
						<li class="active">
							<img src="statics/images/case_category_pic1.png"/>
							<p><a href="#">辦公樓</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic2.png"/>
							<p><a href="#">寫字樓</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic3.png"/>
							<p><a href="#">連鎖店</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic4.png"/>
							<p><a href="#">專賣店</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic5.png"/>
							<p><a href="#">學校</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic6.png"/>
							<p><a href="#">幼兒園</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic7.png"/>
							<p><a href="#">廠房</a></p>
						</li>
						<li>
							<img src="statics/images/case_category_pic8.png"/>
							<p><a href="#">展廳</a></p>
						</li>
					</ul>
				</div>				
			</div>
			<div class="jp_case_case active">
				<ul>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="img">
							<img src="statics/images/case_list_pic.png"/>
						</div>
						<div class="mask">
							<div class="desc">
								<p class="p1">案例標題名稱案例標題名稱</p>
								<p class="p2"><span>項目面積:2000㎡</span><span>時間:2017-12-2</span></p>
								<p class="p3"><a href="#">查看詳情>></a></p>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">02</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">03</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>	
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">04</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>	
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">05</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>	
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">06</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>	
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">07</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>	
			<div class="jp_case_case">
				<p style="text-align: center;line-height: 60px;"><font size="30">08</font>重復內容,需要的話復制第一個分類內容,替換即可</p>
			</div>				
		</div>
		<!--團隊-->
		<div class="index_team index">
			<h2 class="t">裝修團隊</h2>
			<p class="t_en">Decorate a team</p>
			<div class="team_scroll">
				<div class="mis-stage">
					<ol class="mis-slider">
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<div>
									<img src="statics/images/team_active.png">
									<p class="name">張某某</p>
									<p class="zhiwei">設計總監&nbsp;|&nbsp;設計作品4套</p>
								</div>
							</a>
						</li>
					</ol>
				</div>
			</div>
		</div>
		<!--客戶怎么說-->
		<div class="customer_say index">
			<h2 class="t">客戶怎么說</h2>
			<p class="t_en">Customers how to say</p>
			<div class="w1200">
				<ul>
					<li style="background: url(statics/images/customer_say.png) left top no-repeat;">
						<div class="say fr">
							<p class="t">客戶名字</p>
							<p class="desc">成立于2002年7月的廣州市美科裝飾設計有限公司(MICO)是一家起點高、實力強、規模大、綜合性的建筑裝飾設計公司,專業從事大中型企業辦公室、寫字樓、廠房等裝修及其設計服務。自創立以來,公司實施品牌化經營戰略,以</p>
						</div>
					</li>
					<li style="background: url(statics/images/customer_say.png) left top no-repeat;">
						<div class="say fr">
							<p class="t">客戶名字</p>
							<p class="desc">成立于2002年7月的廣州市美科裝飾設計有限公司(MICO)是一家起點高、實力強、規模大、綜合性的建筑裝飾設計公司,專業從事大中型企業辦公室、寫字樓、廠房等裝修及其設計服務。自創立以來,公司實施品牌化經營戰略,以</p>
						</div>
					</li>
					<li style="background: url(statics/images/customer_say.png) left top no-repeat;">
						<div class="say fr">
							<p class="t">客戶名字</p>
							<p class="desc">成立于2002年7月的廣州市美科裝飾設計有限公司(MICO)是一家起點高、實力強、規模大、綜合性的建筑裝飾設計公司,專業從事大中型企業辦公室、寫字樓、廠房等裝修及其設計服務。自創立以來,公司實施品牌化經營戰略,以</p>
						</div>
					</li>
					<li style="background: url(statics/images/customer_say.png) left top no-repeat;">
						<div class="say fr">
							<p class="t">客戶名字</p>
							<p class="desc">成立于2002年7月的廣州市美科裝飾設計有限公司(MICO)是一家起點高、實力強、規模大、綜合性的建筑裝飾設計公司,專業從事大中型企業辦公室、寫字樓、廠房等裝修及其設計服務。自創立以來,公司實施品牌化經營戰略,以</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="more">
				<a href="#">了解更多>></a>
			</div>
		</div>
		<!--新聞中心-->
		<div class="index_news2 index">
			<h2 class="t">新聞中心</h2>
			<p class="t_en">news</p>
			<div class="w1200">
				<div class="img">
					<img src="statics/images/index_news2_pic.png"/>
				</div>
				<div class="new_cate">
					<ul>
						<li class="active"><a href="javascript:;">公司新聞</a></li>
						<li><a href="javascript:;">行業新聞</a></li>
						<li><a href="javascript:;">裝修知識</a></li>
					</ul>
				</div>
				<div class="tj_news">
					<h3><a href="#">這里是新聞標題這里是新聞標題這里是新聞標題</a><span>2018-08-26</span></h3>
					<p class="desc">這里是新聞內容這里是新聞內容這里是新聞內容這里是新聞內容這里是新聞內容這里是新聞內容這里是新聞內容這里是新聞內容這里是新聞內容</p>
				</div>				
				<div class="news_list active">
					<ul class="fr">
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標1</a><span>2018-08-26</span></li>
					</ul>
				</div>				
				<div class="news_list">
					<ul class="fr">
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標2</a><span>2018-08-26</span></li>
					</ul>
				</div>				
				<div class="news_list">
					<ul class="fr">
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
						<li><a href="#">這里是新聞標題這里是新聞標3</a><span>2018-08-26</span></li>
					</ul>
				</div>
			</div>
		</div>
		<!--專精團隊-->
		<div class="zj_team index">
			<h2 class="t">專精團隊 值得信賴</h2>
			<p class="t_en">professional</p>
			<div class="w1200">
				<!--專業團隊-->
				<div class="zy_team">
					<div class="t">
						<ul>
							<li>
								<span><font>10</font>年裝修經驗</span>
							</li>
							<li>
								<span><font>300</font>+客戶認可</span>
							</li>
							<li>
								<span><font>40</font>+合作伙伴</span>
							</li>
						</ul>
					</div>
					<div class="b">
						<ul>
							<li style="background: url(statics/images/partner1.png) center center no-repeat;"></li>
							<li style="background: url(statics/images/partner2.png) center center no-repeat;"></li>
							<li style="background: url(statics/images/partner3.png) center center no-repeat;"></li>
							<li style="background: url(statics/images/partner4.png) center center no-repeat;"></li>
							<li style="background: url(statics/images/partner5.png) center center no-repeat;"></li>
						</ul>
					</div>
				</div>					
			</div>			
		</div>
		<!--底部-->
		<div class="footer">
			<div class="w1200">
				<div class="left fl">
					<img class="fr" src="statics/images/footer_logo.png"/>
				</div>
				<div class="middle fl">
					<ul>
						<li>
							<h3>網站首頁</h3>
							<p><a href="#">公司簡介</a></p>
							<p><a href="#">領導致辭</a></p>
							<p><a href="#">機構設置</a></p>
							<p><a href="#">地理位置</a></p>
						</li>
						<li>
							<h3>榮譽資質</h3>
							<p><a href="#">產品名稱第一</a></p>
							<p><a href="#">匯源果汁</a></p>
							<p><a href="#">娃哈哈礦泉水</a></p>
						</li>
						<li>
							<h3>精品案例</h3>
							<p><a href="#">年底促銷</a></p>
							<p><a href="#">6.18年中大促銷</a></p>
						</li>
						<li>
							<h3>友情鏈接</h3>
							<p class="flink">
								<a href="#"><span>網易</span></a>
								<a href="#"><span>搜狐</span></a>
								<a href="#"><span>網易</span></a>
								<a href="#"><span>新浪</span></a>
								<a href="#"><span>網易</span></a>
								<a href="#"><span>搜狐</span></a>
								<a href="#"><span>網易</span></a>
								<a href="#"><span>中興</span></a>
								<a href="#"><span>騰訊</span></a>
								<a href="#"><span>中興</span></a>
							</p>
						</li>						
					</ul>
				</div>
				<div class="right fr">
					<div class="l fl">
						<h3>工作熱線</h3>
						<p>020-32201587</p>
						<h3 class="rx">24小時服務熱線</h3>
						<p>13631338039</p>
						<p class="weibo"><a href="javascript:;">新浪微博</a></p>
						<p class="qq"><a href="javascript:;">騰訊微博</a></p>
					</div>
					<div class="r fr">
						<img src="statics/images/erweima.png"/>
						<p>掃一掃二維碼有驚喜</p>
					</div>
				</div>
				<div class="copyright">
					 20010-20011&nbsp;版權所有&nbsp;2003 -2010&nbsp;&nbsp;備案號:粵1234567 
				</div>
			</div>
		</div>
		<!--右側浮動客服-->
		<div class="kefu">
			<ul>
				<li><p>咨詢</p><span>26</span></li>
				<li><p>電話</p></li>
				<li><p>活動</p></li>
				<li class="active"><p>報價</p></li>
				<li id="gotop"><p>返回</p></li>
			</ul>
		</div>
		<script id="jsID" type="text/javascript">
			//輪播↓
			$(".slideBox").slide({mainCell:".bd ul",effect:"left",autoPlay:true});
			//返回頂部↓
			$('#gotop').click(function(){
				$("html,body").animate({scrollTop:0}, 800);
			})
			//裝修團隊↓
			jQuery(function ($) {
				var slider = $('.mis-stage').miSlider({
					stageHeight: 450,
					slidesOnStage: false,
					slidePosition: 'center',
					slideStart: 'mid',
					slideScaling: 150,
					offsetV: -5,
					centerV: true,
					navButtonsOpacity: 1
				});
			});	
			//新聞tab切換↓
			$('.index_news2 .new_cate ul li').click(function(){
				var index = $(this).index();
				$(this).addClass('active').siblings().removeClass('active');
				$('.index_news2 .news_list').eq(index).addClass('active').siblings().removeClass('active');
			})
			//精品案例切換↓
			//這里雖然做了tab切換,還是要說并沒有必要,頁面本來就很長,即使懶加載到這里也需要加載8*10=80張圖片,建議直接點擊跳轉到相關頁面即可,如果非要這種,建議用ajax異步調用
			$('.jp_case .category ul li').hover(function(){
				var index = $(this).index();
				$(this).addClass('active').siblings().removeClass('active');
				$('.jp_case .jp_case_case').eq(index).addClass('active').siblings().removeClass('active');
			})
		</script>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 扁平化 企業 行業 公司 工廠 bootstrap bootstrap自適應 bootstrap響應式 pc+wap 移動+電腦 手機+電腦 綠色 簡潔 簡約 簡單 設計 設計公司
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表