<!DOCTYPE html>
<html lang="en">
<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>个人简历</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="top">
<div class="imgBx">
<div class="box">
<img src="img/img.jpg">
</div>
</div>
<div class="profileText">
<h3><br>小黑学长T<br><span>程序员</span></h3>
</div>
</div>
<div class="contentBox">
<div class="leftSide">
<h3>基本信息</h3>
<ul>
<li>
<span class="icon"><ion-icon name="call-outline"></ion-icon></span>
<span class="text">+1 234 5678 9000</span>
</li>
<li>
<span class="icon"><ion-icon name="mail-outline"></ion-icon></span>
<span class="text">[email protected]</span>
</li>
<li>
<span class="icon"><ion-icon name="earth-outline"></ion-icon></span>
<span class="text">www.xiohei.com</span>
</li>
<li>
<span class="icon"><ion-icon name="location-outline"></ion-icon></span>
<span class="text">中国, 新疆, 石河子市</span>
</li>
</ul>
<h3>教育背景</h3>
<ul class="education">
<li>
<h5>2010 - 2013</h5>
<h4>北京大学</h4>
<h6>大学名称</h6>
</li>
<li>
<h5>2006 - 2009</h5>
<h4>清华大学</h4>
<h6>大学名称</h6>
</li>
<li>
<h5>2002 - 2005</h5>
<h4>复旦大学</h4>
<h6>大学名称</h6>
</li>
</ul>
<h3>语言</h3>
<ul class="language">
<li>
<span class="text">英语</span>
<div class="percent">
<div style="width: 90%;"></div>
</div>
</li>
<li>
<span class="text">西班牙语</span>
<div class="percent">
<div style="width: 48%;"></div>
</div>
</li>
<li>
<span class="text">日语</span>
<div class="percent">
<div style="width: 85%;"></div>
</div>
</li>
</ul>
<h3>兴趣/爱好</h3>
<ul class="interest">
<li>
<span class="icon"><ion-icon name="game-controller-outline"></ion-icon></span>
<span>游戏</span>
</li>
<li>
<span class="icon"><ion-icon name="mic-outline"></ion-icon></span>
<span>歌唱</span>
</li>
<li>
<span class="icon"><ion-icon name="book-outline"></ion-icon></span>
<span>阅读</span>
</li>
<li>
<span class="icon"><ion-icon name="cafe-outline"></ion-icon></span>
<span>做饭</span>
</li>
</ul>
</div>
<div class="rightSide">
<div class="about">
<h3>工作经验</h3>
<p>在担任行政客服助理期间，我负责多项重要的行政和客户服务支持工作。我的主要职责是协助行政人事部门进行公司资料的输入和更新，确保数据的准确性和完整性。除此之外，我还负责整理和分析公司各类数据表，帮助管理层更好地理解公司的运营情况。<br><br>我的工作中还包括对员工考勤的抽查管理，确保考勤记录的规范性和及时性。每月的考核结果输出则是我另一项重要任务，通过对数据的整理与分析，提供的评估报告帮助团队进行绩效管理和人员调配。</p>
</div>
<div class="about">
<h3>体验</h3>
<div class="box">
<div class="year_company">
<h5>2018 - 2020</h5>
<h5>公司名称</h5>
</div>
<div class="text">
<h4>高级 UX 设计师</h4>
<p>3年以上相关工作经验，有独立负责单一应用整体设计的成功案例；.</p>
</div>
</div>
</div>
<div class="about">
<h3>体验</h3>
<div class="box">
<div class="year_company">
<h5>2021- 2023</h5>
<h5>公司名称</h5>
</div>
<div class="text">
<h4>高级 UX 设计师</h4>
<p>专业技能及素质：较高的审美和扎实的美术功底，擅长交互设计.动效制作；优秀的产品思维和交互思维，具备设计的全局观，善于用户数据分析及体验跟踪；优秀的沟通能力，具有逻辑思维及分析能力，可以通过文档表达并传递设计思想；熟练使用常规设计工具，如：PS，AXURE；熟练使用常规办公软件，如：Office；关注设计动态，执行力强，较高的主观能动性，乐于分享，团队意识强。</p>
</div>
</div>
<div class="box">
<div class="year_company">
<h5>2024 - 至今</h5>
<h5>公司名称</h5>
</div>
<div class="text">
<h4>高级 UX 设计师</h4>
<p>掌握以下一项或多项能力：交互设计.平面/3D视觉设计.HCI设计.动效设计.3D建模渲</p>
</div>
</div>
</div>
<div class="about skills">
<h3>专业技能</h3>
<div class="box">
<h4>Html</h4>
<div class="percent">
<div style="width:95%"></div>
</div>
</div>
<div class="box">
<h4>CSS</h4>
<div class="percent">
<div style="width:85%"></div>
</div>
</div>
<div class="box">
<h4>Photoshop</h4>
<div class="percent">
<div style="width:90%"></div>
</div>
</div>
<div class="box">
<h4>Illustrator</h4>
<div class="percent">
<div style="width:75%"></div>
</div>
</div>
<div class="box">
<h4>Adobe XD</h4>
<div class="percent">
<div style="width:98%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>
</html>
index.html
style.css
index.js
google—front.css
index.html