<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
<!---start-login-script--->
<script src="js/login.js"></script>
<!---//End-login-script--->
<!-----768px-menu----->
<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
<script type="text/javascript" src="js/jquery.mmenu.js"></script>
<script type="text/javascript">
// The menu on the left
$(function() {
$('nav#menu-left').mmenu();
});
</script>
<!-----//768px-menu----->
</head>
<body>
<div class="content">
<!------start-768px-menu---->
<div id="page">
<div id="header">
<a class="navicon" href="#menu-left"> </a>
</div>
<nav id="menu-left">
<ul>
<li><a href="index.html">首页</a></li>
<li class="active"><a href="about.html">关于</a></li>
<li><a href="blog.html">日志</a></li>
<div class="clear"> </div>
</ul>
</nav>
</div>
<!------end-768px-menu---->
<!---start-header---->
<div class="header">
<!---start-wrap---->
<div class="wrap">
<div class="header-left">
<div class="logo">
<a href="index.html"><img src="images/logo.jpg"/></a>
</div>
</div>
<div class="header-right">
<div class="top-nav">
<ul>
<li><a href="index.html">首页</a></li>
<li class="active"><a href="about.html">关于</a></li>
<li><a href="blog.html">日志</a></li>
</ul>
</div>
<div class="sign-ligin-btns">
<ul>
<li id="loginContainer"><a class="login" id="loginButton" href="#"><span>登录</span></a>
<div class="clear"> </div>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">账号</label>
<input type="text" name="email" id="email" />
</fieldset>
<fieldset>
<label for="password">密码</label>
<input type="password" name="password" id="password" />
</fieldset>
<label class="remeber" for="checkbox"><input type="checkbox" id="checkbox" />记住我</label>
<input type="submit" id="登录" value="登录" />
</fieldset>
<span><a href="#">忘记密码?</a></span>
</form>
</div>
<!-- Login Ends Here -->
</li>
<li id="signupContainer"><a class="signup" id="signupButton" href="#"><span>注册</span></a>
<div class="clear"> </div>
<div id="signupBox">
<form id="signupForm">
<fieldset id="signupbody">
<fieldset>
<label for="email">邮箱 <span>*</span></label>
<input type="text" name="email" id="signupemail" />
</fieldset>
<fieldset>
<label for="password">输入密码 <span>*</span></label>
<input type="password" name="password" id="signuppassword" />
</fieldset>
<fieldset>
<label for="password">确认密码 <span>*</span></label>
<input type="password" name="password" id="signuppassword1" />
</fieldset>
<input type="submit" id="signup" value="立即注册" />
</fieldset>
</form>
</div>
<!-- Login Ends Here -->
</li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="wrap">
<div class="section-title">
<h3>易烊千玺</h3>
</div><!--section-title-->
</div>
</div>
<div class="about">
<p class="about-title">演员/歌手/偶像</p>
<div class="wrap">
<div class="row-fluid">
<div class="row_side-left">
<img src="images/free-money-course.jpg" alt="" />
</div>
<div class="row_side-right">
<div class="skills">
<div class="flx-skill">
<p class="flx-skill-title">舞蹈</p>
<p class="flx-skill-number">75%</p>
<div class="progress-bar flexible animate"> <span class="progress-75" style="width: 75%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
<div class="flx-skill">
<p class="flx-skill-title">演技</p>
<p class="flx-skill-number">90%</p>
<div class="progress-bar flexible animate"> <span class="progress-90" style="width: 90%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
<div class="flx-skill">
<p class="flx-skill-title">综艺</p>
<p class="flx-skill-number">50%</p>
<div class="progress-bar flexible animate"> <span class="progress-50" style="width: 50%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
<div class="flx-skill">
<p class="flx-skill-title">歌唱</p>
<p class="flx-skill-number">60%</p>
<div class="progress-bar flexible animate"> <span class="progress-60" style="width: 60%"><span> </span></span> </div>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="clear"> </div>
</div>
<div class="team" id="team">
<div class="heading_h">
<h3><a href="#">团队</a></h3>
</div>
<div class="middle-grids">
<div class="grid_1_of_4 images_1_of_4">
<a href="details.html">
<span class="rollover"> </span>
</a>
<img src="images/pic2.jpg" alt="Image 1">
没有合适的资源?快使用搜索试试~ 我知道了~
HTML5期末大作业:个人网页设计-易烊千玺6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
共31个文件
png:16个
jpg:6个
html:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 1 下载量 38 浏览量
2022-04-15
09:23:24
上传
评论
收藏 217KB ZIP 举报
温馨提示
所有网页全部是原创,从找素材到界面到全部源码!均为原创作品! 拒绝网上下载模板! 包系统正常运行!包每一份都有源码,可自由修改编辑!
资源推荐
资源详情
资源评论
收起资源包目录
易烊千玺(四页面)【带登录注册.zip (31个子文件)
易烊千玺(四页面)【带登录注册
details.html 7KB
js
login.js 1024B
jquery.mmenu.js 22KB
jquery.min.js 92KB
css
style.css 30KB
jquery.mmenu.all.css 41KB
index.html 7KB
about.html 10KB
images
spriteimg.png 9KB
arrow_btn1.png 344B
login.png 634B
icon1.png 1KB
pic2.png 10KB
mobile.jpg 37KB
free-money-course.jpg 17KB
pic2.jpg 7KB
search.png 3KB
pic1.png 7KB
user.png 520B
puls.png 439B
blog-img2.jpg 19KB
arrow_btnh1.png 311B
logo.jpg 11KB
icon3.png 1KB
icon_1.png 3KB
socil.png 2KB
det_pic.png 21KB
blog-img1.jpg 13KB
nav-icon.png 262B
icon2.png 876B
blog.html 10KB
共 31 条
- 1
资源评论
- m0_646586972023-05-16资源简直太好了,完美解决了当下遇到的难题,这样的资源很难不支持~
3403188894@qq.com
- 粉丝: 778
- 资源: 5
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于MIC+NE555光敏电阻的声光控电路Multisim仿真原理图
- python tkinter-08-盒子模型.ev4.rar
- Doozy UI Manager 2023
- 基于matlab实现夜间车牌识别程序(1).rar
- 基于matlab实现无线传感器网络无需测距定位算法matlab源代码 包括apit,dv-hop,amorphous在内的共7个
- 基于python的yolov5实现的旋转目标检测
- 基于matlab实现无线传感器网络 CAB定位仿真程序 这是无线传感器节点定位CAB算法的仿真程序,由matlab完成.rar
- 基于matlab实现图像处理,本程序使用背景差分法对来往车辆进行检测和跟踪.rar
- 基于matlab实现视频监控中车型识别代码,自己写的,希望和大家多多交流.rar
- springcodespringcodespringcodespringcode
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功