HTML5期末大作业
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/iconfont_1.css">
<link rel="stylesheet" href="css/global_1.css">
<link rel="stylesheet" href="css/bootstrap.min_1.css">
<link rel="stylesheet" href="css/bootstrap-theme.min_1.css">
<link rel="stylesheet" href="css/swiper.min_1.css">
<link rel="stylesheet" href="css/styles_1.css">
<script src="js/jquery.1.12.4.min_1.js" charset="UTF-8"></script>
<script src="js/bootstrap.min_1.js" charset="UTF-8"></script>
<script src="js/swiper.min_1.js" charset="UTF-8"></script>
<script src="js/global_1.js" charset="UTF-8"></script>
<script src="js/jquery.djmask.2.1.1_1.js" charset="UTF-8"></script>
<title>U袋网</title>
</head>
<body>
<!-- 顶部tab -->
<div class="tab-header">
<div class="inner">
<div class="pull-left">
<div class="pull-left">嗨,欢迎来到<span class="cr">U袋网</span></div>
<a href="agent_level.html">网店代销</a>
<a href="temp_article/udai_article4.html">帮助中心</a>
</div>
<div class="pull-right">
<a href="login.html"><span class="cr">登录</span></a>
<a href="login.html?p=register">注册</a>
<a href="udai_welcome.html">我的U袋</a>
<a href="udai_order.html">我的订单</a>
<a href="udai_integral.html">积分平台</a>
</div>
</div>
</div>
<!-- 顶部标题 -->
<div class="bgf5 clearfix">
<div class="top-user">
<div class="inner">
<a class="logo" href="index.html"><img src="picture/logo_1.jpg" alt="U袋网" class="cover"></a>
<div class="title">个人中心</div>
</div>
</div>
</div>
<div class="content clearfix bgf5">
<section class="user-center inner clearfix">
<div class="pull-left bgf">
<a href="udai_welcome.html" class="title">U袋欢迎页</a>
<dl class="user-center__nav">
<dt>帐户信息</dt>
<a href="udai_setting.html"><dd>个人资料</dd></a>
<a href="udai_treasurer.html"><dd>资金管理</dd></a>
<a href="udai_integral.html"><dd>积分平台</dd></a>
<a href="udai_address.html"><dd>收货地址</dd></a>
<a href="udai_coupon.html"><dd>我的优惠券</dd></a>
<a href="udai_paypwd_modify.html"><dd>修改支付密码</dd></a>
<a href="udai_pwd_modify.html"><dd>修改登录密码</dd></a>
</dl>
<dl class="user-center__nav"