<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>姓名</title>
<!-- 视口设置 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<!-- IE优化 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link type="text/css" rel="stylesheet" href="css/lightbox.min.css">
<link type="text/css" rel="stylesheet" href="css/fallback.css">
<link rel="stylesheet" type="text/css" href="css/swiper.min.css">
</head>
<body>
<div class="wrapper" id="wrapper">
<header>
<!-- banner区开始 -->
<div class="banner-wrapper">
<div class="banner" id="banner">
<!-- swiper开始 -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/banner1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/banner2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/banner3.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/banner4.jpg" alt="">
</div>
</div>
</div>
<!-- swiper结束 -->
</div>
</div>
<!-- banner区结束 -->
<!-- banner文字区开始 -->
<div class="bannerText container">
<h1>I'm 姓名</h1>
<h2>为成为一名合格的程序员而奋斗</h2>
</div>
<!-- banner文字区结束 -->
<!-- 导航条开始 -->
<div class="menu" id="menu">
<div class="navbar-wrapper stuckMenu">
<div class="container">
<div class="navwrapper">
<div class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="javascript:void(0);" class="navbar-brand">Menu</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="menuItem"><a href="javascript:void(0);">主页</a></li>
<li class="menuItem"><a href="javascript:void(0);">个人信息</a></li>
<li class="menuItem"><a href="javascript:void(0);">技能</a></li>
<li class="menuItem"><a href="javascript:void(0);">学习经历</a></li>
<li class="menuItem"><a href="javascript:void(0);">作品</a></li>
<li class="menuItem"><a href="javascript:void(0);">联系</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 导航条结束 -->
</header>
<!-- 我的信息区域开始 -->
<section class="aboutMe" id="aboutMe">
<div class="container">
<!-- 我的信息标题开始 -->
<div class="heading">
<h2>有关于我</h2>
<p>A small introduction aboutmy self</p>
</div>
<!-- 我的信息标题结束 -->
<div class="row">
<!-- 文字区开始 -->
<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7">
<h3>姓名</h3>
<h4>一个励志成为世界首富的人</h4>
<p>
我的名字是xxx，性别男，爱好女，今年21岁，即将毕业于大连海洋大学信息与计算科学专业，性格开朗，喜欢听音乐、踢足球、玩游戏，热爱编程，希望以后能成为一名全栈工程师，自认为适应环境和抗压能力还算好，对工作认真负责，上进心强，自学过web前端相关技术。我的理念是：趁着年轻，能吃点苦就吃点苦吧。所以我来到了北京，荣幸的成为了北漂中的一员，希望能在这里实现自己的价值，提升自己的能力，早日月入百万。
</p>
<p>
作为一名即将毕业的学生，虽然我的社会阅历和技术能力还有很欠缺，但我一定会不断的学习从而完善自己，积极面对企业的工作，适应企业的环境，希望能进入贵公司。
</p>
<button type="button" class="btn btn-black" id="btn1">
赞
<span class="badge">0</span>
</button>
</div>
<!-- 文字区结束 -->
<!-- 图片区开始 -->
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-1 col-lg-offset-1 proPic">
<img src="images/xia.jpg" alt="" class="img-circle">
</div>
<!-- 图片区结束 -->
</div>
</div>
</section>
<!-- 我的信息区域结束 -->
<!-- 技能区开始 -->
<section class="technical" id="technical">
<div class="container">
<!-- 标题区开始 -->
<div class="heading">
<h2>酷炫技能</h2>
<p>I can say i’m quite good at</p>
</div>
<!-- 标题区结束 -->
<!-- 图区开始 -->
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 skills">
<span class="chart skilBg" data-percent="90">
<span class="percent">
90
</span>
<canvas height="152" width="152"></canvas>
</span>
<h4>Javascript</h4>
<p>熟练掌握JavaScript编程语言</p>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 skills">
<span class="chart skilBg" data-percent="80">
<span class="percent">
80
</span>
<canvas height="152" width="152"></canvas>
</span>
<h4>JQUERY</h4>
<p>熟练操作Jquery类库API</p>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 skills">
<span class="chart skilBg" data-percent="80">
<span class="percent">
80
</span>
<canvas height="152" width="152"></canvas>
</span>
<h4>HTML / CSS</h4>
<p>灵活运用HTML5，CSS2，CSS3页面制作技术</p>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 skills">
<span class="chart skilBg" data-percent="60">
<span class="percent">
60
</span>
<canvas height="152" width="152"></canvas>
</span>
<h4>ANGULARJS</h4>
<p>了解前端MVC框架AngularJS，对数据双向绑定，控制器,指令，依赖注入均有一定了解。</p>
</div>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 skills">
<span class="chart skilBg" data-percent="60">
<span class="percent">
60
</span>
<canvas height="152" width="152"></canvas>
</span>
<h4>BOOTSTRAP</h4>
<p>了解BootStrap框架的UI技术及API，能够编写基于响应式布局的网页</p>
</div>
</div>
</div>
<!-- 图区结束 -->
</div>
</section>
<!-- 技能区结束 -->
<!-- 教育经历开始 -->
<section class="education" id="education">
<div class="container">
<!-- 标题开始 -->
<div class="heading">
<h2>学习经历</h2>
<p>What I have done in my university education</p>
</div>
<!-- 标题结束 -->
<!-- 内容区开始 -->
<div class="row workDetails">
<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
<div class="workYear">2017年7月</div>
<
个人简历(html+css+js)
需积分: 5 172 浏览量
2023-07-10
16:52:16
上传
评论 1
收藏 9.37MB ZIP 举报
个人简历.zip （54个子文件） 
个人简历 
.DS_Store 6KB js bootstrap.js 57KB modernizr.custom.26633.js 9KB jquery.gridrotator.js 20KB jquery.ui.widget.min.js 3KB jquery.easypiechart.js 8KB jquery.easing.min.js 5KB javascript.js 4KB jquery.isotope.js 42KB swiper.min.js 68KB jquery.js 268KB jquery.ui.rlightbox.js 67KB jquery.min.js 91KB jquery.placeholder.js 2KB css style.css 16KB fallback.css 135B
loading.gif 7KB font-awesome.css 21KB reset.css 931B bootstrap.css 123KB jquery-ui-1.8.16.custom.css 33KB lightbox.min.css 3KB swiper.min.css 14KB
index.html 19KB images 
left-arrow.png 422B 中软国际.jpeg 51KB
xia.jpg 28KB
apple-pc.bmp 752KB Thumbs.db 74KB closebutton.png 4KB 大连志森国际有限公司3.jpeg 68KB 船票网.jpeg 98KB 大连志森国际有限公司2.jpeg 75KB banner4.jpg 542KB 1.jpg 29KB banner3.jpg 1.21MB arrow-top.png 469B right-arrow.png 459B banner1.jpg 1.08MB banner5.jpg 5.02MB xy苹果助手-mobile.jpg 62KB img1.png 7KB arrow-left-light.png 517B skills.png 7KB arrow-left.png 488B arrow-top-light.png 475B banner2.jpg 398KB 连连看.jpg 63KB 大连志森国际有限公司1.jpeg 81KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
