利用AI写了一份模板简历的html,看起来效果还可以
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>李明的个人简历</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f2f5;
color: #333;
}
.container {
width: 80%;
max-width: 1000px;
margin: 30px auto;
background: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 10px;
}
h1 {
text-align: center;
color: #2c3e50;
margin-bottom: 20px;
}
.section {
margin-bottom: 20px;
}
.section-title {
font-size: 1.5em;
margin-bottom: 10px;
border-bottom: 2px solid #3498db;
padding-bottom: 5px;
color: #3498db;
}
.sub-section {
margin-bottom: 10px;
}
.sub-section-title {
font-size: 1.2em;
margin-bottom: 5px;
color: #2980b9;
}
ul {
list-style-type: disc;
padding-left: 20px;
}
li {
margin-bottom: 5px;
}
p {
margin: 5px 0;
}
.contact-info, .skills, .projects, .experience, .education, .certificates, .interests, .languages {
padding: 10px;
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 20px;
background-color: #fafafa;
}
.contact-info p, .skills ul, .projects p, .experience p, .education p, .certificates ul, .interests ul, .languages p {
margin: 0;
}
</style>
</head>
<body>
<div class="container">
<h1>李明的个人简历</h1>
<div class="contact-info section">
<div class="section-title">个人信息</div>
<p>姓名:李明</p>
<p>电话:123-456-7890</p>
<p>电子邮件:liming@example.com</p>
<p>地址:北京市海淀区中关村大街</p>
</div>
<div class="section">
<div class="section-title">职业目标</div>
<p>
作为一名充满热情和责任感的软件工程学生,我致力于在技术创新和团队协作中不断成长,
寻求机会在顶尖科技公司发挥我的专长。我的目标是通过深入的技术实践和领导力,
推动高质量的软件解决方案,为公司和客户创造价值。
</p>
</div>
<div class="education section">
<div class="section-title">教育背景</div>
<p><strong>清华大学</strong></p>
<p>软件工程,学士学位</p>
<p>预计毕业时间:2025年6月</p>
<p>主要课程:高级软件开发、计算机网络、数据结构与算法、数据库系统</p>
</div>
<div class="skills section">
<div class="section-title">核心技能</div>
<ul>
<li>编程语言:精通Java,Vue.js 2/3,Spring Boot,具备Python、C++和C#的扎实基础</li>
<li>前端技术:精通HTML, CSS, JavaScript, Vue.js,擅长构建高性能用户界面</li>
<li>后端技术:精通Spring Boot, RESTful API,具备大型分布式系统设计经验</li>
<li>数据库:熟练使用MySQL, MongoDB进行数据建模和优化</li>
<li>开发工具:精通Git, Docker, Jenkins等持续集成和部署工具</li>
<li>其他技能:具备全面的软件测试和项目管理知识</li>
</ul>
</div>
<div class="projects section">
<div class="section-title">项目经验</div>
<div class="sub-section">
<div class="sub-section-title">在线教育平台</div>
<p><strong>技术栈:</strong> Vue.js, Spring Boot, MySQL</p>
<p><strong>角色:</strong> 项目负责人</p>
<p><strong>描述:</strong> 领导团队设计并实现了一个前后端分离的在线教育平台,提供在线课程、视频播放和互动功能。负责项目的整体架构设计、核心模块开发和团队协调。</p>
<p><strong>成果:</strong> 平台成功上线,用户数量超过5000人,获得广泛好评,显著提升了用户的学习体验。</p>
</div>
<div class="sub-section">
<div class="sub-section-title">电商网站</div>
<p><strong>技术栈:</strong> Vue.js, Spring Boot, MongoDB</p>
<p><strong>角色:</strong> 后端核心开发工程师</p>
<p><strong>描述:</strong> 负责电商网站的后端API设计和实现,包括用户认证、商品管理和订单处理,确保系统的高可用性和安全性。</p>
<p><strong>成果:</strong> 项目按时高质量完成并成功上线,每月交易额达到百万级,系统运行稳定,客户满意度高。</p>
</div>
<div class="sub-section">
<div class="sub-section-title">团队协作管理系统</div>
<p><strong>技术栈:</strong> Java, Spring Boot, MySQL</p>
<p><strong>角色:</strong> 前端技术负责人</p>
<p><strong>描述:</strong> 开发了一个用于团队协作和任务管理的系统,提供任务分配、进度跟踪和通知功能。专注于前端用户界面的优化和用户体验的提升。</p>
<p><strong>成果:</strong> 系统显著提高了团队的协作效率,用户满意度达95%以上,获得团队成员的一致认可。</p>
</div>
</div>
<div class="experience section">
<div class="section-title">工作经历</div>
<p><strong>某顶尖科技公司</strong></p>
<p><strong>职位:</strong> 软件开发实习生</p>
<p><strong>时间:</strong> 2023年6月 - 2023年9月</p>
<p><strong>职责:</strong> 协助开发团队完成前后端开发任务,参与代码审查和单元测试,撰写技术文档,优化现有系统的性能和安全性。</p>
<p><strong>成果:</strong> 显著提升了系统的运行效率,实习表现优异,获得导师的高度评价。</p>
</div>
<div class="certificates section">
<div class="section-title">证书和奖项</div>
<ul>
<li>Java开发工程师认证</li>
<li>优秀团队领导奖(由校级创新项目评选)</li>
</ul>
</div>
<div class="interests section">
<div class="section-title">兴趣和爱好</div>
<ul>
<li>积极参与编程挑战和竞赛,曾在多项编程比赛中获奖</li>
<li>热衷于开源项目贡献,积极参与社区讨论和代码贡献</li>
<li>喜爱阅读技术书籍和博客,不断学习最新的技术趋势</li>
<li>参与技术交流会和研讨会,与业内专家和同行交流</li>
</ul>
</div>
<div class="languages section">
<div class="section-title">语言能力</div>
<p>中文:母语</p>
<p>英语:熟练(阅读、写作、口语)</p>
</div>
</div>
</body>
</html>