<!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
href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.4/font/bootstrap-icons.min.css"
rel="stylesheet"
/>
<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>
<h4>这是我的自我介绍🙋♂️ （原个人简历）</h4>
</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">
<h5>
任意门
<span class="badge badge-pill badge-primary">
点击跳转外站 <i class="bi bi-box-arrow-in-up-right"></i>
</span>
</h5>
<a
href="https://withzhou.xyz"
class="btn btn-outline-danger btn-lg"
target="_blank"
>
我的个人博客
</a>
 
<a
href="https://space.bilibili.com/6466658"
class="btn btn-outline-success 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>
大一《静态网页设计》期末作业 2021-06.zip
版权申诉
104 浏览量
2023-10-22
14:36:54
上传
评论
收藏 3.54MB ZIP 举报
大一《静态网页设计》期末作业 2021-06.zip （21个子文件） 
010 .github workflows 
static.yml 1KB js jquery-3.6.0.js 282KB index.js 1KB CNAME 15B img 
funnyPic.jpg 7KB team3.jpg 114KB news3.jpg 125KB
news2.png 1.1MB carousel1.jpg 101KB author.jpg 562KB team2.jpg 119KB carousel2.jpg 159KB ccit_hero.jpg 1016KB news4.jpg 126KB carousel3.jpg 155KB team1.jpg 89KB css icon-animation.css 421B index.css 3KB favicon.ico 17KB
index.html 24KB .gitignore 20B资源评论
LeapMay
- 粉丝: 2w+
- 资源: 2305
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
