401 lines
14 KiB
HTML
401 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>郭嘉琪 - 个人主页</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<nav class="navbar">
|
||
<div class="nav-container">
|
||
<div class="nav-logo">
|
||
<span>GJQ</span>
|
||
<span class="nav-logo-separator">×</span>
|
||
<span class="nav-logo-dreamlife">DreamLife</span>
|
||
</div>
|
||
<ul class="nav-menu">
|
||
<li><a href="#about">关于我</a></li>
|
||
<li><a href="#education">教育背景</a></li>
|
||
<li><a href="#experience">实习经历</a></li>
|
||
<li><a href="#campus">校园工作</a></li>
|
||
<li><a href="#volunteer">志愿经历</a></li>
|
||
<li><a href="#skills">专业技能</a></li>
|
||
</ul>
|
||
<button class="nav-toggle">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
</div>
|
||
</nav>
|
||
|
||
<section class="hero">
|
||
<div class="hero-content">
|
||
<div class="hero-text">
|
||
<p class="hero-subtitle">权益部长 · 亚运志愿者 · 共青团员</p>
|
||
<h1>郭嘉琪</h1>
|
||
<p class="hero-description">浙江科技大学自动化专业本科生，具备丰富的团队管理、新媒体运营及公益项目经验。热爱志愿服务，积极投身社会实践，追求卓越与创新。</p>
|
||
<div class="hero-buttons">
|
||
<a href="#contact" class="btn btn-primary">联系我</a>
|
||
<a href="#skills" class="btn btn-secondary">查看技能</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero-image">
|
||
<img src="photo/gjq.png" alt="郭嘉琪">
|
||
</div>
|
||
</div>
|
||
<div class="hero-decoration"></div>
|
||
</section>
|
||
|
||
<section class="about" id="about">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>关于我</h2>
|
||
<p>了解更多关于我的故事</p>
|
||
</div>
|
||
<div class="about-content">
|
||
<div class="about-card">
|
||
<div class="about-icon">🎓</div>
|
||
<h3>专业方向</h3>
|
||
<p>自动化控制与智能系统方向，擅长PLC编程、控制系统设计及数据分析，具备跨学科的知识整合能力。</p>
|
||
</div>
|
||
<div class="about-card">
|
||
<div class="about-icon">💼</div>
|
||
<h3>工作理念</h3>
|
||
<p>做事认真积极、细心负责，对待任务有较强的执行力，注重团队协作与沟通协调。</p>
|
||
</div>
|
||
<div class="about-card">
|
||
<div class="about-icon">❤️</div>
|
||
<h3>志愿服务</h3>
|
||
<p>热爱志愿服务，累计服务时长120+小时，2022杭州亚(残)运会优秀志愿者。</p>
|
||
</div>
|
||
<div class="about-card">
|
||
<div class="about-icon">🚀</div>
|
||
<h3>追求目标</h3>
|
||
<p>不断学习，追求卓越，希望在工作中发挥专业特长，实现个人价值与社会价值的统一。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="education" id="education">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>教育背景</h2>
|
||
<p>学术经历与专业素养</p>
|
||
</div>
|
||
<div class="education-card">
|
||
<div class="education-header">
|
||
<div class="education-logo"><img src="icon/zust.png" alt="浙江科技大学"></div>
|
||
<div class="education-info">
|
||
<h3>浙江科技大学</h3>
|
||
<p>自动化专业 · 工学学士</p>
|
||
</div>
|
||
<div class="education-time">2022.09 – 2026.06</div>
|
||
</div>
|
||
<div class="education-course">
|
||
<h4>主修课程</h4>
|
||
<div class="course-tags">
|
||
<span>数字/模拟电子技术</span>
|
||
<span>信号与系统</span>
|
||
<span>自动控制原理</span>
|
||
<span>过程控制系统</span>
|
||
<span>电路与电子技术</span>
|
||
<span>人工智能与模式识别</span>
|
||
<span>单片机与嵌入式系统</span>
|
||
<span>检测技术与自动化仪表</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="experience" id="experience">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>实习经历</h2>
|
||
<p>实践经验与职业成长</p>
|
||
</div>
|
||
<div class="experience-card">
|
||
<div class="experience-header">
|
||
<div class="experience-icon"><img src="icon/sykean.png" alt="苏州思源科安"></div>
|
||
<div class="experience-info">
|
||
<h3>苏州思源科安科技有限公司</h3>
|
||
<p>新媒体运营</p>
|
||
</div>
|
||
<div class="experience-time">2025.12 – 2026.03</div>
|
||
</div>
|
||
<ul class="experience-list">
|
||
<li>负责公司新媒体矩阵下一个抖音账号两个微信视频号的日常更新维护工作</li>
|
||
<li>配合口播视频素材拍摄及产品实地应用效果拍摄，完成后期剪辑成片</li>
|
||
<li>进行数据分析，优化内容策略，提升账号影响力</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="campus" id="campus">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>校园工作</h2>
|
||
<p>学生工作与领导能力</p>
|
||
</div>
|
||
<div class="campus-grid">
|
||
<div class="campus-card">
|
||
<div class="campus-icon">📚</div>
|
||
<h3>班级管理工作</h3>
|
||
<p class="campus-time">2022.09 - 2026.06</p>
|
||
<ul>
|
||
<li>统筹班级日常管理，负责师生沟通协调</li>
|
||
<li>组织班会、活动策划及班级信息管理</li>
|
||
<li>高效落实考试通知、班级评优等40+项工作</li>
|
||
<li>保持班级事务零失误、零延误</li>
|
||
</ul>
|
||
</div>
|
||
<div class="campus-card">
|
||
<div class="campus-icon">🏛️</div>
|
||
<h3>学生会权益部</h3>
|
||
<p class="campus-time">2022.09 - 2025.06</p>
|
||
<ul>
|
||
<li>聚焦学生日常权益诉求，收集意见并推动解决</li>
|
||
<li>沟通协调搭建安吉校区校内食堂外卖平台</li>
|
||
<li>推动食堂商户周均订单量提升约500+单</li>
|
||
<li>协助约30名困难学生对接校内兼职岗位</li>
|
||
</ul>
|
||
</div>
|
||
<div class="campus-card">
|
||
<div class="campus-icon">🎙️</div>
|
||
<h3>广播电台播音部</h3>
|
||
<p class="campus-time">2022.09 - 2023.06</p>
|
||
<ul>
|
||
<li>负责按照排班表稳定输出节目</li>
|
||
<li>活动主持与音频制作</li>
|
||
<li>传递校园资讯，完成各类校级活动播报</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="volunteer" id="volunteer">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>志愿经历</h2>
|
||
<p>公益服务与社会责任</p>
|
||
</div>
|
||
<div class="volunteer-content">
|
||
<div class="volunteer-card">
|
||
<div class="volunteer-badge"><img src="icon/volunteer.png" alt="志愿者"></div>
|
||
<h3>杭州亚(残)运会志愿者</h3>
|
||
<p class="volunteer-time">2022年</p>
|
||
<p class="volunteer-title">小青荷</p>
|
||
<ul>
|
||
<li>负责训练场赛事保障、人员引导及现场协调</li>
|
||
<li>场馆内运动员引导、观众服务及赛事辅助工作</li>
|
||
<li>协助20+名运动员完成赛前入场、赛后离场引导</li>
|
||
<li>精准配合赛事工作人员保障环节衔接顺畅</li>
|
||
</ul>
|
||
</div>
|
||
<div class="volunteer-stats">
|
||
<div class="stat-item">
|
||
<span class="stat-number">120+</span>
|
||
<span class="stat-label">志愿服务时长(小时)</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">20+</span>
|
||
<span class="stat-label">服务运动员人数</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">1</span>
|
||
<span class="stat-label">大型赛事服务</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="skills" id="skills">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>专业技能</h2>
|
||
<p>能力标签与技术专长</p>
|
||
</div>
|
||
<div class="skills-grid">
|
||
<div class="skills-category">
|
||
<h3>技能分类</h3>
|
||
<div class="skill-tags">
|
||
<span>剪辑</span>
|
||
<span>新媒体</span>
|
||
<span>运营</span>
|
||
<span>自动化</span>
|
||
<span>控制</span>
|
||
</div>
|
||
</div>
|
||
<div class="skills-category">
|
||
<h3>软件技能</h3>
|
||
<div class="skill-tags">
|
||
<span><img src="icon/jianying.png" alt="剪映"> 剪映</span>
|
||
<span><img src="icon/office.png" alt="Office"> Office</span>
|
||
<span><img src="icon/adobe_audition.png" alt="Adobe Audition"> Adobe Audition</span>
|
||
<span><img src="icon/matlab.png" alt="MATLAB"> MATLAB</span>
|
||
<span><img src="icon/python.png" alt="Python"> Python</span>
|
||
</div>
|
||
</div>
|
||
<div class="skills-category">
|
||
<h3>项目能力</h3>
|
||
<div class="skill-tags">
|
||
<span>用户管理</span>
|
||
<span>公益运营</span>
|
||
<span>社群运营</span>
|
||
<span>用户服务</span>
|
||
<span>新媒体运营</span>
|
||
</div>
|
||
</div>
|
||
<div class="skills-category">
|
||
<h3>能力标签</h3>
|
||
<div class="skill-tags">
|
||
<span>执行力</span>
|
||
<span>沟通协调</span>
|
||
<span>学习能力</span>
|
||
<span>环境适应</span>
|
||
<span>团队协作</span>
|
||
<span>责任意识</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="projects">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>公益项目</h2>
|
||
<p>共同参与，共创价值</p>
|
||
</div>
|
||
<div class="project-card">
|
||
<div class="project-header">
|
||
<div class="project-icon"><img src="icon/easytier.png" alt="EasyTier"></div>
|
||
<div class="project-info">
|
||
<h3>EasyTier 公共服务节点</h3>
|
||
<p>开源公益项目</p>
|
||
</div>
|
||
</div>
|
||
<ul class="project-list">
|
||
<li>根据EasyTier开源项目部署虚拟组网服务公共节点</li>
|
||
<li>对外提供免费的多设备异地互联组网服务</li>
|
||
<li>负责公益项目中的用户群管理及媒体运营</li>
|
||
</ul>
|
||
<div class="project-stats">
|
||
<span>项目主页</span>
|
||
<span>easytier.dreamlife.indevs.in</span>
|
||
<div class="project-metrics">
|
||
<span>访问者：600+</span>
|
||
<span>请求总数：11k+</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="awards">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>荣誉奖项</h2>
|
||
<p>认可与成就</p>
|
||
</div>
|
||
<div class="awards-list">
|
||
<div class="award-item">
|
||
<div class="award-badge">🏆</div>
|
||
<span>亚(残)运会优秀志愿者</span>
|
||
</div>
|
||
<div class="award-item">
|
||
<div class="award-badge">🌟</div>
|
||
<span>社会实践先进个人</span>
|
||
</div>
|
||
<div class="award-item">
|
||
<div class="award-badge">⭐</div>
|
||
<span>社会实践十佳团队</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact" id="contact">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>联系方式</h2>
|
||
<p>期待与您交流</p>
|
||
</div>
|
||
<div class="contact-content">
|
||
<div class="contact-card">
|
||
<div class="contact-item">
|
||
<img src="svg/email.svg" alt="邮箱">
|
||
<div>
|
||
<span class="contact-label">邮箱</span>
|
||
<span class="contact-value">3395501665@qq.com</span>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<img src="svg/phone.svg" alt="电话">
|
||
<div>
|
||
<span class="contact-label">电话</span>
|
||
<span class="contact-value">18089191618</span>
|
||
</div>
|
||
</div>
|
||
<div class="contact-item">
|
||
<img src="svg/wechat.svg" alt="微信">
|
||
<div>
|
||
<span class="contact-label">微信</span>
|
||
<span class="contact-value">G3395501665</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="contact-qr">
|
||
<img src="photo/mm.png" alt="网站二维码">
|
||
<p>扫码访问个人网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">DreamLife</div>
|
||
<p>© 2026 郭嘉琪. All rights reserved.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
const navToggle = document.querySelector('.nav-toggle');
|
||
const navMenu = document.querySelector('.nav-menu');
|
||
|
||
navToggle.addEventListener('click', () => {
|
||
navMenu.classList.toggle('active');
|
||
});
|
||
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', function (e) {
|
||
e.preventDefault();
|
||
const target = document.querySelector(this.getAttribute('href'));
|
||
if (target) {
|
||
target.scrollIntoView({ behavior: 'smooth' });
|
||
navMenu.classList.remove('active');
|
||
}
|
||
});
|
||
});
|
||
|
||
window.addEventListener('scroll', () => {
|
||
const navbar = document.querySelector('.navbar');
|
||
if (window.scrollY > 50) {
|
||
navbar.classList.add('scrolled');
|
||
} else {
|
||
navbar.classList.remove('scrolled');
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |