順豐官網代碼（自編）

標籤：

<!DOCTYPE html>
<html>
<head>
<title>順豐官網</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<!-- 順豐logo與頭部資訊部分 -->
<div class="header">
<p class="header_logo"><a href="#"><img src="images 2/logoSC.png"></a></p>
<p class="header_tuo"><span>選擇國家或地區</span><img src="images 2/123.png"></p>
<p class="header_one">
<a href="#">首頁</a>
<a href="#">關於順豐</a>
<a href="#">順豐科技</a>
<a href="#">順豐分享</a>
<a href="#">順豐公益</a>
<a href="#">登入</a>
<a href="#">註冊</a>
</p>
</div>
<!-- 導覽列部資訊使用列表做 -->
<div class="nav">
<ul>
<li class="nav_one"><a href="#">寄件</a></li>
<li class="nav_one"><a href="#">會員</a></li>
<li class="nav_one"><a href="#">速運物流</a></li>
<li class="nav_one"><a href="#">金融</a></li>
<li class="nav_one"><a href="#">電商企業服務</a></li>
<li><a href="#">順豐優選</a></li>
<li class="li_one"><a href="#">促銷專區</a><img src="images 2/promotion_cn.png"></li>
</ul>
</div>
<!-- 第二導覽列資訊加圖片標記 -->
<div class="section">
<ul class="section_ul">
<li class="section_one"><a href="#">運單追蹤</a></li>
<li class="section_tuo hover"><a href="#">運費時效查詢</a></li>
<li class="section_tree hover"><a href="#">服務網點查詢</a></li>
<li class="section_four hover"><a href="#">收送範圍查詢</a></li>
<li class="section_five hover"><a href="#">線上客服查詢</a></li>
<li class="section_six hover"><a href="#">客服專區</a></li>
</ul>
<div class="section_div1">
<p class="p1">登入我的順豐</p>
<p class="p2">成為會員</p>
</div>
</div>
<!-- 成會員與填寫運單號部分 -->
<div class="section_hao">
<div class="section_form">
<form>
<input type="text" name="" value="在此輸入運單號查詢"><img src="qq.png">
</form>
</div>
</div>
<!-- 主題內容部分可以分為5塊 -->
<div class="section_content">
<!-- 第一塊 -->
<div class="section_content_one"><span>新聞公告</span><a href="#">+更多新聞公告</a></div>
<div class="section_content_tuo">
<ul>
<li><a href="#">順豐驅城市速度深圳站</a></li>
<li><a href="#">關於2016年第1號強颱風“尼伯特”登陸</a></li>
<li><a href="#">順豐發力跨境物流 傾情服務中俄出口</a></li>
<li><a href="#">關於近期全國大範圍強降雨天氣提醒</a></li>
<li><a href="#">2016年7月公路運輸項目採購招標公告</a></li>
<li><a href="#">2016年7月公路運輸項目採購招標公告</a></li>
<li><a href="#">2016年7月公路運輸項目採購招標公告</a></li>
<li><a href="#">關於杭州舉辦“20國集團領導人第11次</a></li>
<li><a href="#">“順豐驅動 城市速度” ——順豐北....</a></li>
<li><a href="#">高州荔枝上市，順豐冷鏈首發，荔枝新鮮</a></li>
<li><a href="#">豐速運有限公司——（系統線上招</a></li>
<li><a href="#">關於2016年順豐燃油附加費收費機制</a></li>
<li><a href="#">順豐驅動 城市速度—— 深圳站順豐</a></li>
<li><a href="#">順豐驅動 城市速度—— 深圳站順豐</a></li>
<li><a href="#">順豐驅動 城市速度—— 深圳站順豐</a></li>
<li><a href="#">順豐驅動 城市速度—— 深圳站順豐</a></li>
<li><a href="#">順豐國際亮相香港Post Expo 2016</a></li>
<li><a href="#">關於國際快遞保價服務上線的通知</a></li>
</ul>
</div>
<!-- 第二塊 -->
<div class="section_content_tree"><span>活動促銷</span><a href="#">+更多活動促銷</a></div>
<!-- 第三塊 -->
<div class="section_content_five">
<p><a href="#"><img src="http://www.sf-express.com/cn/en/.galleries/promotion/guojizhuanyun_0718_small_sc.jpg"></a></p>
<p><a href="#"><img src="http://www.sf-express.com/cn/en/.galleries/promotion/wangluozhishi_2016_07_01_small-sc.jpg"></a></p>
<p><a href="#"><img src="http://www.sf-express.com/cn/en/.galleries/promotion/2016/20160531-SFs-Cold-chain-services-small-sc.jpg"></a></p>
</div>
<div class="section_content_six">
<div>
<a>國際轉運首重1KG只需1元</a>
<p class="a1">進行中</p>
<p class="a2">2016.7.1-2016.12.31</p>
<p class="a3">中國大陸適用</p>
</div>
<div>
<a>國際轉運首重1KG只需1元</a>
<p class="a1">進行中</p>
<p class="a2">2016.7.1-2016.12.31</p>
<p class="a3">中國大陸適用</p>
</div>
<div>
<a>國際轉運首重1KG只需1元</a>
<p class="a1">進行中</p>
<p class="a2">2016.7.1-2016.12.31</p>
<p class="a3">中國大陸適用</p>
</div>
</div>
<!-- 第四部分資訊 -->
<div class="section_content_tuiguang"><span>推廣資訊</span></div>
<!-- 滾動圖片部分 -->
<div class="section_content_tupian"><img src="p.jpg"></div>
<!-- 結尾部分相關資訊 -->
<div class="footer"><p></p></div>
<!-- 結尾列表部分 -->
<div class="footer_one">
<div>
<ul>
<li>寄件</li>
<li><a href="#">我要寄件</a></li>
<li><a href="#">運單追蹤</a></li>
<li><a href="#">運費時效查詢</a></li>
<li><a href="#">收送範圍查詢</a></li>
<li><a href="#">清關服務專區</a></li>
<li><a href="#">收寄標準查詢</a></li>
</ul>
</div>
<div>
<ul>
<li>服務(產品)</li>
<li><a href="#">順豐即日</a></li>
<li><a href="#">順豐次晨</a></li>
<li><a href="#">順豐刺入</a></li>
<li><a href="#">順豐隔日</a></li>
<li><a href="#">順丰標塊</a></li>
<li><a href="#">順豐特費</a></li>
<li><a href="#">汽配轉運</a></li>
<li><a href="#">海購豐運</a></li>
</ul>
</div>
<div>
<ul>
<li>會員</li>
<li><a href="#">個人會員</a></li>
<li><a href="#">個人會員積分</a></li>
<li><a href="#">月結會員積分</a></li>
</ul>
</div>
<div>
<ul>
<li>聯絡我們</li>
<li><a href="#">客服熱線</a></li>
<li><a href="#">我要合作</a></li>
<li><a href="#">採購資訊</a></li>
<li><a href="#">開放平台</a></li>
</ul>
</div>
<div>
<ul>
<li>自助工具</li>
<li><a href="#">順豐公眾號</a></li>
<li><a href="#">速運通APP</a></li>
<li><a href="#">打客服發件工具</a></li>
</ul>
</div>
<div>
<ul>
<li>集團</li>
<li><a href="#">順豐概況</a></li>
<li><a href="#">服務網路</a></li>
<li><a href="#">順豐航空</a></li>
<li><a href="#">人才招聘</a></li>
</ul>
</div>
</div>
<div class="footer_img"><img src="images 2/QR-code.png"></div>
<div class="footer_tuo">
<div>
<ul>
<li>客服專線</li>
<li style="font-size:30px;color:rgb(75,75,75)">95338</li>
<li>線上客服</li>
<li style="color:red;"><img src="footer-links-customer-service.png">&nbsp;&nbsp;進入線上客服</li>
<li>官方微博</li>
<li><img src="images 2/footer-links-sina-weibo.png">&nbsp;&nbsp;順豐官方微博</li>
</ul>
</div>
</div>
</div>
<!-- 底部一欄資訊部分 -->
<div class="article">
<ul>
<li><a href="#">關於順豐|</a></li>
<li><a href="#">使用規定|</a></li>
<li><a href="#">聯絡我們|</a></li>
<li><a href="#">人才招聘|</a></li>
<li><a href="#">開放平台|</a></li>
<li><a href="#">跨境電商服務|</a></li>
<li><a href="#">採集資訊|</a></li>
<li style="width:300px; float:right;margin-right:-50px;">2014順豐速運著作權粵ICP備08034243號</li>
</ul>
<a href="#"><img src="cnnic.png"></a>
<a href="#"><img src="security_site_1.png"></a>
<a href="#"><img src="security_site_2.png"></a>
<a href="#"><img src="newGovIcon.gif"></a>
</div>
<!-- 兩塊固定的聯絡視窗 -->
<div class="guding">
<div class="div1">
<p class="p1"></p>
<p class="p3">關於冒充順豐速運詐騙客服的警示公告</p>
</div >
<div class="div2">
<p class="o2"></p>
<p class="p3"><a href="#">點我，點我，點我來給我打分</a></p>
</div>
</div>
</body>
</html>

順豐官網代碼（自編）