棕色簡潔風格的蛋糕店鋪企業網站源碼下載



9 33 12



模板描述:棕色簡潔風格 蛋糕店鋪 企業網站,棕色簡潔風格的蛋糕店鋪企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.main.js"></script>

3. HTML代碼

<div id="header" class="clearfix">
  <div class="head_box">
    <div class="arrow"><img src="images/arrow.png"></div>
    <div class="logo"><img src="images/c_logo.png"></div>
    <div class="city"><span>大連</span>
      <div class="city_item">
        <p>請選擇您要配送到的城市:</p>
        <a href="#">上海</a><a href="#">北京</a><a href="#">天津</a><a href="#">杭州</a><a href="#">無錫</a><a href="#">蘇州</a><a href="#">廣州</a><a href="#">深圳</a></div>
    </div>
    <nav id="nav">
      <ul>
        <li class="first"><a href="#">首頁</a></li>
        <li><a href="#">蛋糕名錄</a></li>
        <li><a href="#">產品推薦</a></li>
        <li><a href="#">品牌故事</a></li>
      </ul>
    </nav>
    <ul class="head_link">
      <li class="first"><a href="#">登錄</a></li>
      <li><a href="#">注冊</a></li>
      <li><a href="#">訂單</a></li>
      <li><a href="#" class="cart">1</a></li>
    </ul>
  </div>
</div>
<div class="block_home_slider">
  <div id="home_slider" class="flexslider">
    <div class="flex-viewport">
      <ul class="slides">
        <li>
          <div class="slide"><img src="images/banner1.jpg" alt=""></div>
        </li>
        <li>
          <div class="slide"><img src="images/banner2.jpg" alt=""></div>
        </li>
        <li>
          <div class="slide"><img src="images/banner3.jpg" alt=""></div>
        </li>
        <li>
          <div class="slide"><img src="images/banner4.jpg" alt=""></div>
        </li>
      </ul>
    </div>
    <ul class="flex-direction-nav">
      <li><a class="flex-prev" href="#">Previous</a></li>
      <li><a class="flex-next" href="#">Next</a></li>
    </ul>
  </div>
	<script type="text/javascript">
		$(function () {
			$('#home_slider').flexslider({
				animation : 'slide',
				controlNav : true,
				directionNav : true,
				animationLoop : true,
				slideshow : false,
				useCSS : false
			});
		});
	</script> 
</div>
<div id="content" class="clearfix">
  <ul class="list">
    <li><a href="#"><img src="images/1.jpg"><span>Mango Jerry<br>
      芒果慕斯</span></a></li>
    <li><a href="#"><img src="images/2.jpg"><span>Cappuccino<br>
      卡布其諾</span></a></li>
    <li><a href="#"><img src="images/3.jpg"><span>Crumble<br>
      克魯茲</span></a></li>
    <li><a href="#"><img src="images/4.jpg"><span>Black and White Chocolate Mousse<br>
      黑白巧克力慕斯</span></a></li>
  </ul>
</div>
<div id="footer" class="clearfix">
  <div class="foot_box">
    <ul class="foot_link">
      <li class="first"><a href="#">聯系我們</a></li>
      <li><a href="#">訂購幫助</a></li>
      <li><a href="#">企業合作</a></li>
    </ul>
    訂購專線:********(服務時間 **:**–**:**)<br>
    客服電話:***-********(全國) | <a href="#">***********(郵箱)</a><br>
    北京/上海/杭州/廣州:提前5小時預訂;天津/蘇州/無錫/深圳:提前8小時預訂(當日22點以后訂單,于次日8點開始審核) <br>
    當日配送截止下單時間:北京/上海:16:50;杭州/廣州:13:50;天津/蘇州/無錫/深圳:11:00<br>
    Copyright? ******, 版權所有 ********** 公司: ********* 地址: ********</div>
</div>



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


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 企業 行業 公司 工廠 bootstrap bootstrap自適應 bootstrap響應式 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 大氣 霸氣 棕色 餐飲 美食 飯店 餐飲行業 美食行業
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子 斗地主怎么玩 大小球滚球牛人 安徽快三走势图表 分析竞彩足球盘口技巧 广东时时彩11选5直播 345金蟾捕鱼游戏下载 江苏11选5守号 龙虎和技巧 彩票资金分配赚钱 竞彩举例分析盘口欧赔 福彩开奖22选5 哪个平台有辽宁十一选五开奖 广东36选7开奖开奖直播 重庆幸运农场开奖图 北京快3助手安装 广西快乐10分开奖直播现场