<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>黑夜主权(Night)</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-app-capable" content="yes">
<meta name="apple-mobile-app-status-bar-style" content="black">
<meta name="description" content="一只叫做黑夜的阿宅，想成为家喻户晓的大侠">
<meta name="keywords" content="二次元，宅属性，前端，编程，全栈，绘画，设计">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="cononico">
<meta name="application-name" content="Cononico" >
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/process.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<script type="text/javascript">
//设定rem值
document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth/20 + 'px';
</script>
</head>
<body>
<header class="head">
<div class="head_logo_div">
<img class="logo_img" src="images/upload/head.jpg"></a>
</div>
<div class="head_nav_div">
<nav class="head_nav">
<ul id="nav_ul">
<li class="nav_li_on nav_ul_li">Home</li>
<li class="nav_ul_li">Skill</li>
<li class="nav_ul_li">Experience</li>
<li class="nav_ul_li">Hobby</li>
<li class="nav_ul_li">Contact</li>
</ul>
</nav>
</div>
<div class="clear"></div>
</header>
<ul class="float_btn" id="float_btn">
<li class="btn_on"></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="wrapBox" id="wrapBox">
<div class="box">
<img class="box_bg" src="images/upload/pic_1.jpg">
<div class="box01_content">
<div class="head_div">
<div class="cycle_item">
<a href="https://yoomeili.cn" class="github_a" id="github_a" target="_blank">
<span class="github_icon"></span>
<span class="github_text"><p class="item_name">GitHub</p></span>
</a>
<a href="http://blog.yoomeili.cn" class="weibo_a" id="weibo_a" target="_blank">
<span class="weibo_icon"></span>
<span class="weibo_text"><p class="item_name">微博</p> </span>
</a>
<a href="http://blog.yoomeili.cn" class="blog_a" id="blog_a" target="_blank">
<span class="blog_icon"></span>
<span class="blog_text"><p class="item_name"> 博客</p></span>
</a>
<div class="green_cycle">
<img class="green_cycle_img" src="images/icon/green_cycle.svg">
<div class="yellow_cycle">
<img class="yellow_cycle_img" src="images/icon/yellow_cycle.svg">
<div class="blue_cycle">
<img class="blue_cycle_img" src="images/icon/blue_cycle.svg">
<div class="head_img_div">
<img class="head_img" src="images/upload/head.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
<h1 class="title">黑夜</h1>
<h2 class="title_h2">千里之行，始于足下</h2>
<div id="box01_text">
<p class="box01_p">不久前还只是一个失业农民工.</p>
<p class="box01_p">现在还只是一只喜欢动漫和文学的学生党.</p>
<p class="box01_p">不久以后将是又一个人生迷茫的旅行者.</p>
</div>
</div>
<div class="arrow_div">
<img class="arrow_img" src="images/icon/arrowhead.png">
</div>
</div>
<div class="box">
<img class="box_bg" src="images/upload/pic_2.jpg">
<div class="box02_content box_content">
<div id='bar_container' class="bar_container">
<div class='bar mint' data-percent='70' data-skill='HTML5+CSS3'></div>
<div class='bar red' data-percent='50' data-skill='JavaScript'></div>
<div class='bar lila' data-percent='50' data-skill='前端工程化'></div>
<div class='bar orange' data-percent='50' data-skill='Node.js'></div>
<div class='bar gray' data-percent='30' data-skill='Java || C++'></div>
<div class="bar blue" data-percent='50' data-skill='PS&AE&PR&AI'></div>
<div class="bar green" data-percent='60' data-skill='绘画'></div>
</div>
<div id="box02_text">
<h1>About Skill</h1>
<div class="overline"></div>
<p>2012,第一次接触是C/C++,在拥挤的实验室</p>
<p>2013,三月份在寝室迷上了网络游戏</p>
<p>九月份开始学习到Java</p>
<p>2014,年初的时候摸了摸Android，觉得稀奇有趣</p>
<p>剩下的月份我在看JavaWeb</p>
<p>2015,接触到WordPress,兴趣开始转到前端和脚本语言</p>
<p>上半年插科打诨</p>
<p>下半年开始学习H5,CSS3,JS</p>
<p>现在正在学习前端工程化技术</p>
<p>喜欢UI,交互设计,觉得UED是我坚持精确1个像素的动力</p>
<p>而未来...</p>
<p>想成为一名全栈工程师</p>
</div>
<div class="clear"></div>
</div>
<div class="arrow_div">
<img class="arrow_img" src="images/icon/arrowhead.png">
</div>
</div>
<div class="box">
<img class="box_bg" src="images/upload/pic_3.jpg">
<div class="box_content box03_content">
<ul id="timeUl" class="timeUl">
<li>
<div>
<h1>2012-Now</h1>
<p>淄博职业学院</p>
<p>专业：机械制造与自动化</p>
<p>在风气不佳的考试战场中险些挂科(poi~)</p>
<p>最喜欢的科目是LOL<p>
<p>现在正在愁于毕业设计</p>
</div>
</li>
<li>
<div>
<h1>2015.7-2015.8</h1>
<p>青花瓷酒店</p>
<p>服务员</p>
<p>没学到什么东西</p>
<p>前途多艰</p>
</div>
</li>
<li>
<div>
<h1>2016.3-2016.4</h1>
<p>小菜馆</p>
<p>传菜生</p>
html5-动漫风-全屏页面滚动个人主页-简历模板-源码
版权申诉
94 浏览量
2023-12-02
14:08:41
上传
评论
收藏 3.16MB RAR 举报
html5-动漫风-全屏页面滚动个人主页-简历模板-源码.rar （37个子文件） 
html5-动漫风-全屏页面滚动个人主页-简历模板-源码 js 
main.js 13KB css main.css 27KB process.css 6KB favicon.ico 17KB
index.html 16KB images icon 
arrowhead.png 418B arrowright.png 543B github_white.png 35KB weixin.png 9KB dingding.png 6KB
blue_cycle.svg 808B google.png 19KB twitter.png 13KB weibo.png 7KB email.png 16KB cycle.svg 577B blog.png 24KB facebook.png 5KB qq.png 24KB yellow_cycle.svg 656B green_cycle.svg 658B zhihu.png 6KB github.png 5KB arrowleft.png 555B upload dingding_qr.png 66KB
pic_10.jpg 139KB kapok.jpg 164KB acg.png 535KB pic_3.jpg 421KB pic_2.jpg 549KB head1.jpg 71KB pic_4.jpg 460KB head.jpg 109KB pic_1.jpg 181KB qq_qr.jpg 66KB weixin_qr.png 29KB reading.jpg 449KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4767
最新资源
- 2023-04-06-项目笔记 - 第一百七十六阶段 - 4.4.2.174全局变量的作用域-174 -2024.06.26
- linux安装apache服务器步骤及口令
- 基于Gibbs抽样算法的函数型Logistic回归模型研究与应用.caj
- TC31-ADS-Setup.3.1.4024.4.exe
- cortex-m0+用户手册
- 2023-04-06-项目笔记 - 第一百七十六阶段 - 4.4.2.174全局变量的作用域-174 -2024.06.26
- 威纶通人机反编译保护的解密软件
- 地铁跑酷国际服2022年农历新年.apk
- Gdiplus模块实例-缩放裁剪翻转旋转裁剪亮度对比度色相饱和度
- 昆仑通态人机界面 MCGS图库组态素材
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
