HTML期末作业-个人简历
HTML+CSS+JavaScript期末作业-个人简历,一个页面。
部分网页源码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <title>关于 我</title><link rel="stylesheet" href="css/style.css" type="text/css" media="all" /></head><body class="loading-process"><div class="loading"><div class="loading-circle"></div><div class="loading-avatar"><img src="data:images/avatar@2x.jpg" alt="" width="100" height="100"></div><div class="loading-info">正在努力加载中...</div></div><div class="section-header"><div class="section"><nav class="nav" role="navigation"><ul><li class="nav-about fade fade1"><a href="#about">关于</a></li><li class="nav-works fade fade4"><a href="#works">作品</a></li><li class="fade back-home"><a href="#top">首页</a></li><li class="nav-skill fade fade2"><a href="#skill">能力</a></li><li class="nav-contact fade fade3"><a href="#contact">联系</a></li></ul></nav></div><div class="nav-bg"></div></div><div class="home-bg"><img src="data:images/home-bg.jpg" alt="" width="1000" height="667"></div><div class="section-wrap section-fristpage" data-slide="1" ><div class="section"><div class="section-content"><p class="fade fade1">Hi,我是苏鑫波</p><p class="fade fade2">欢迎光临我的主页</p><p class="fade fade3">想了解更多,往下滚动哦 ^_^</p></div><a class="button2 scroll-tip fade fade4" data-slide="3" title="">向下滚动</a></div></div><div id="about" data-slide="2" data-stellar-background-ratio="0.3" class="section-wrap section-about"><div class="section"><div class="about-content clearfix section-content"><div class="introli"><span class="left_icon"><img class="bio-text bio-icon-1" src="data:images/bio-icon-1.png" data-stellar-ratio="0.7" ></span><span class="right_content "><img class="bio-text bio-text-1" src="data:images/bio-text-1.png" data-stellar-ratio="0.7" ></span></div><div class="introli"><span class="left_icon"><img class="bio-text bio-icon-2" src="data:images/bio-icon-2.png" data-stellar-ratio="0.7" ></span><span class="right_content"><img class="bio-text bio-text-2" src="data:images/bio-text-2.png" data-stellar-ratio="0.7" ></span></div><div class="introli"><span class="left_icon"><img class="bio-text bio-icon-3" src="data:images/bio-icon-3.png" data-stellar-ratio="0.7" ></span><span class="right_content"><img class="bio-text bio-text-3" src="data:images/bio-text-3.png" data-stellar-ratio="0.7" ></span></div></div></div><a class="button2 dark-button2 scroll-tip" style="background-position:0 -60px;" data-slide="3" title=""></a></div><div id="works" class="section-wrap section-works" data-slide="3" ><div class="section"><div class="works-content section-content"><h1>前端作品</h1><div class="works-list clearfix"><div class="works-item first fade fade1"><img src="data:images/works/QQmusic.jpg" alt="" width="300" height="180"><div class="work-info"><h2>仿QQ音乐官网</h2><p><strong>开发时间</strong>:2020年5月<br><strong>工作详情</strong>:网页设计</p></div></a></div><div class="works-item fade fade2"><img src="data:images/works/banban.png" alt="" width="300" height="180"><div class="work-info"><h2>瓣瓣首页</h2><p><strong>开发时间</strong>:2020年5月<br><strong>工作详情</strong>:页面设计及前端制作。</p></div></a></div><div class="works-item fade fade3"><img src="data:images/works/Microsoft.png" alt="" width="300" height="180"><div class="work-info"><h2>微软中国</h2><p><strong>开发时间</strong>:2020年6月<br><strong>工作详情</strong>:页面设计及前端绑定和制作。</p></div></a></div><div class="works-item fade fade2"><a><img src="data:images/works/wxshop.jpg" alt="" width="300" height="180"><div class="work-info"><h2>微信商城</h2><p><strong>开发时间</strong>:2014年05月<br><strong>工作详情</strong>:前端页面开发及绑定。</p></div></a></div></div><a class="more-link" href="page/product">查看更多</a></div><a class="button2 scroll-tip fade fade4" data-slide="4" title="">向下滚动</a></div></div><div id="skill" class="section-wrap section-skill" data-slide="4"><div class="section"><div class="skill-content section-content"><h1>相关技能</h1><ul><li class="fade fade1">熟练掌握语义化的 HTML 和具有兼容性的 CSS 模式,熟练手写符合 W3C 标准的结构和代码。</li><li class="fade fade2">对 HTML5 和 CSS3 有一定了解。</li><li class="fade fade3">了解MySQl,有一定 PHP 后端相关知识。</li><li class="fade fade4">对 Linux 有一定了解。</li><li class="fade fade2">喜欢接触新事物,有一定的自学能力。</li></ul></div></div><a class="button2 scroll-tip fade fade4" data-slide="5" title="">向下滚动</a></div><div id="contact" class="section-wrap section-contact" data-slide="5"><div class="section"><div class="contact-content clearfix section-content"><h1>联系本人</h1><div class="left"><div class="contact-ways fade fade1"><h2>社交网络</h2><ul><li>邮箱:913349988@qq.com</li><li>Q Q :913349988</li></ul></div><div class="contact-info fade fade2"></div></div></div></div><a class="button2 button2-2-top scroll-tip" id="gototops" data-slide="1" href="#top" style="background-position: -60px 0;width:80px;height:80px;" title=""></a></div><div class="overlay"></div><div class="state-indicator"></div><script type="text/javascript" src="js/min.js"></script><script src="js/global.js"></script><script src="js/waypoints.min.js"></script><script src="js/js.js"></script><script src="js/stellar.min.js"></script></body></html>
部分网页截图
HTML期末作业-个人简历相关推荐
- web课程设计网页规划与设计 :网页设计——在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业...
web课程设计网页规划与设计 :网页设计--在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做
Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计-期末作业-毕设程序代做 [免费赠送源码]Springboot旅游管理系统的设计与实现4eqkg计算机毕业设计-课程设计- ...
- web课程设计网页规划与设计 :网页设计——在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业
web课程设计网页规划与设计 :网页设计--在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- HTML期末作业-网上书城网上书店
HTML期末作业-网上书城网上书店,HTML+css+JavaScript,7个页面! 部分源码 <!DOCTYPE HTML> <html> <head> < ...
- web网页期末作业-在线教育
web网页期末作业-在线教育 html+css+javascript6个页面 部分网页截图 部分网页源码 <!DOCTYPE html> <html><head> ...
- HTML期末作业-旅游网页作业Html+css+Bootstarp
HTML期末作业-旅游网页作业Html+css+JavaScript+Bootstarp,共有8个页面 部分网页截图 网页源码 <!DOCTYPE html> <html lang= ...
- HTML期末作业-汽车奔驰4s店
HTML期末作业-汽车奔驰4s店,期末作业HTML奔驰,HTML作业汽车HTML+css+JavaScript,4个页面! 部分源码 <!DOCTYPE html> <html la ...
- HTML期末作业-美食点餐网页
html网页制作期末大作业-美食点餐网页html+css+javascript 9个页面适用学生作业 课程设计美食点餐网页.期末作业美食点餐网页.毕业设计美食点餐网页 首页 点餐页面 秒杀页面 底部 ...
- HTML期末作业-香水网站
HTML期末作业课程设计-香水网站 5个网页包括登录注册 部分源码 <!DOCTYPE html> <html><head><meta charset=&qu ...
最新文章
- leetcode算法题--字符串相乘
- Spring注解之 @SuppressWarnings注解
- Java.util.Random 各种方法介绍
- cpu风扇声音大_电脑嗡嗡响,换个大尺寸的CPU风扇,世界一下子安静了
- mysql把游标数据存入表中_利用Python爬股票数据并存入数据库Mysql
- yolov3之pytorch源码解析_springmvc源码架构解析之view
- Docker是传统的应用发布管理的终结者么?
- c+命名空间_了解C ++中的命名空间
- Resteasy配置及其使用
- 【推荐系统】 一、推荐系统简介
- f和摄氏度怎么换算_华氏度和摄氏度的换算
- 修改网站背景图html代码,HTML中更换或添加网站背景图片的代码怎么写?(示例)...
- mysql 身份证计算年龄_mysql根据身份证号获得年龄并对年龄进行分组查询在MyBatis中的应用...
- 统计物理中积分计算和态密度计算要点
- Arduino控制TM1637共阳四位数码管
- (转)(图文详细)win 10禁用F1到F12热键/win10 把F1到F12多媒体键转变为功能键
- 奥比中光astra 摄像头采集深度图和RGB图像(小白版)
- SQL Server安装Integration Services的注意事项
- RF+jenkins持续集成
- Java工具类 计算某个时间距离当前时间相差多少天、多少小时、多少分、多少秒
热门文章
- 如何去除视频内的字幕和台词?最新4种方法汇总
- smack+openfire创建IM群聊、加入群聊、发送消息、退出群聊(openfire学习记录二)...
- 认识js函数对象(Function Object)
- 大一计算机 应用大题,大一计算机试题及答案
- Acala Mandala 糖果节第二季圆满落幕
- 反弹shell bash -i命令
- 局域网服务器系统克隆,局域网批量“克隆(Ghost)”硬盘
- 数据分析上千部动漫作品
- Java 代码截取图片中的身份证
- Docker知识汇总