<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>baby李的个人简历</title>
<link rel="stylesheet" href="./bootstrap-4.6.0-dist/css/bootstrap.css" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/icon-animation.css" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
</head>
<body>
<section id="hero">
<div class="hero-table">
<div class="hero-table-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12" style="text-align: center">
<h5>Hello!I'M</h5>
<h1>baby李</h1>
<h2>这是我的个人简历</h2>
</div>
<div class="hero-icon">
<a href="#about" style="color: black">
<i class="bi bi-arrow-down-circle hero-icon-animation"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="nav" class="py-5">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light bg-white">
<a class="navbar-brand" href="#">简历导航</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#about"
>个人介绍 <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#service">服务列表</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#exhibition">作品展示</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">团队成员</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#work">荣誉展示</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#news">最近动态</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">版权声明</a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<section id="about" class="pt-5 py-5">
<div class="container">
<div class="row align-items-center pb-5">
<div class="col-lg-8">
<div class="mt-3">
<h2 class="sub-title">——————介绍一下我自己</h2>
<h4 class="mt-4">
Hello
<span class="font-weight-bold">I'm baby李~</span>
</h4>
<p class="text-muted mt-4 introduce-text text-justify">
我叫李俊杰，今年20岁，就读于常州信息职业技术学院-软件技术专业。由于非常喜欢本专业，并期待将来从事专业方向的工作，因而在校期间十分注重对专业课的学习，拥有扎实的JavaSE基础，良好的编程风格;熟悉JSP+Servlet+JavaBean模式的WEB开发;熟悉Spring5，SpringMVC，Mybatis等开源框架，了解EJB;
熟悉Tomcat，Jboss服务器等，熟悉基于Linux及Unix环境下的软件开发。
</p>
<div class="row">
<div class="col-md-6">
<ul class="about-info">
<li class="mt-3">
姓名:
<span class="text-muted ml-3">李俊杰</span>
</li>
<li class="mt-3">
邮箱:
<span class="text-muted ml-3">2105451348@qq.com</span>
</li>
<li class="mt-3">
地址:
<span class="text-muted ml-3">常州信息职业技术学院</span>
</li>
<li class="mt-3">
班级:
<span class="text-muted ml-3">软件201</span>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="about-info">
<li class="mt-3">
生日:
<span class="text-muted ml-3">2001-10-19</span>
</li>
<li class="mt-3">
网站:
<a href="https://babyly233.github.io/" target="_blank"
><span class="text-muted ml-3"
>babyly233.github.io</span
></a
>
</li>
<li class="mt-3">
电话:
<span class="text-muted ml-3">139-5284-1426</span>
</li>
<li class="mt-3">
学号:
<span class="text-muted ml-3">20091230115</span>
</li>
</ul>
</div>
</div>
<div class="mt-4 pt-2">
<a
href="https://space.bilibili.com/6466658"
class="btn btn-outline-primary btn-lg"
target="_blank"
>去我的B站主页</a
>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="mt-3 about-img">
<img
src="./img/author.jpg"
alt="author"
class="img-fluid rounded-lg"
/>
</div>
</div>
</div>
<div class="row align-items-center mt-5">
<div class="col-lg-6">
<h4>技 术 栈</h4>
<p class="mt-3 text-muted introduce-text">
Java 程序员，深刻理解 Object Oriented
Programming（面向对象编程）这一概念是必须的。像 Java
这些面向对象编程语言的美。光学习 OO
原则的定义用处不大，关键是要学会如何应用这些原则用一种 OO
的方式去设计解决方案。因此，我们应该对对象建模、继承、多态、设计模式有一个很好的认识。
</p>
</div>
<div class="col-lg-6">
<div id="skills" class="pt-4 mt-4">
<div class="skill-bar mb-5">
<span class="skill-title">Java</span>
<div class="progress pg-h">
<div
class="progress-bar"
role="progressbar"
style="width: 90%"
aria-valuenow="90"
aria-valuemin="0"
aria-valuemax="100"
></div>
<span class="skill-percent">90%</span>
</div>
</div>
<div class="skill-bar mb-5">
<span class="skill-title">Html</span>
<div class="progress pg-h">
<div
class="progress-bar"
role="progressbar"
大学生静态网页期末作业.zip （39个子文件） 
FreshmanHtmlWork-master css 
icon-animation.css 421B index.css 3KB img 
carousel1.jpg 101KB team2.jpg 119KB ccit_hero.jpg 1016KB news4.jpg 126KB author.jpg 562KB news3.jpg 125KB carousel3.jpg 155KB
news2.png 1.1MB team1.jpg 89KB carousel2.jpg 159KB funnyPic.jpg 7KB team3.jpg 114KB
index.html 23KB js index.js 1KB jquery-3.6.0.js 282KB bootstrap-4.6.0-dist css bootstrap-grid.css.map 154KB bootstrap-reboot.min.css 4KB bootstrap.css.map 499KB bootstrap.min.css 158KB bootstrap-reboot.css 5KB bootstrap-grid.min.css 49KB bootstrap.css 195KB bootstrap-reboot.css.map 76KB bootstrap-reboot.min.css.map 32KB bootstrap.min.css.map 635KB bootstrap-grid.css 66KB bootstrap-grid.min.css.map 112KB js bootstrap.bundle.min.js 82KB bootstrap.bundle.js.map 400KB bootstrap.bundle.js 231KB bootstrap.min.js 62KB bootstrap.js.map 249KB bootstrap.min.js.map 188KB bootstrap.bundle.min.js.map 309KB bootstrap.js 141KB .gitignore 20B favicon.ico 17KB
- 1
- 2
- 3
前往页