resume
/
index.html

<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]苏晓艳的简历</title>
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>

    <style>
        body{background-color:pink;}
    </style>
</head>

<body>

    <header class="header"></header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>

            <section class="me">
                <section class="portrait">

                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/portrait.png" >
                </section>

                <h1 class="name"><b>苏晓艳</b></h1>
                <h4 class="info-job"><b>广州南方学院 大二学生</b></h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>苏晓艳/女/20岁</span>
                    </li>
                    <li>
                        <label>政治面貌</label>
                        <span>共青团员</span>
                    </li>

                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:15168285219" target="_blank">13531810545</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="https://mail.88.com/mail/#/home" target="_blank">sxy20031025@88.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="http://0b11111110.com/" target="_blank">0b11111110.com/</a>
                    </li>
                    <li>
                        <label>Gitee</label>
                        <a href=https://gitee.com/su-xiaoyan1025 target="_blank">gitee.com/su-xiaoyan1025</a>
                    </li>
					<li>
						<label>微信</label>
						<a>PER20031025</a>
					</li>


                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-code" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>信息可视化</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Adobe Photoshop</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Adobe premiere pro</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>Adobe illustrate</label>
                        <progress value="70" max="100"></progress>
                    </li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>微信二维码</h2>
                <hr/>
                <img src="assets/images/sxyde.png"style="width: 100%;" alt="二维码">
            </section>
        </section>

        <section class="main">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>华南师范大学中山附属中学（小学）</span>
                            <time>2009-2015</time>
                        </h3>
                        <p>
                            </p>
                    </li>
                    <li>
                        <h3>
                            <span>华南师范大学中山附属中学（初中）</span>
                            <time>2015-2018</time>
                        </h3>
                        <p></p>
                    </li>
					<li>
						<h3>
							<span>古镇高中（高中）</span>
							<time>2018-2021</time>
						</h3>
						<p></p>
					</li>

					<li>
						<h3>
							<span>广州南方学院</span>
							<time>2022-在读</time>
							<p></p>
						</h3>
					</li>


                </ul>
            </section>

            <!-- 工作经历 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-shopping-bag" aria-hidden="true"></i>工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]学校广播站站长（初中）</span>
                            <time>2016十月至2018九月</time>
                        </h3>
                        <ul class="info-content">
                            <li>对广播站不定期的进行督查，管理。对广播站的建设提出合理化的
                                <mark>意见或建议</mark>。除此之外，还要对
                                <mark>广播站的全体成员和全校师生</mark>反映的现象进行整改。</li>
                            <li>制定站内播音计划（稿件的编辑，内容等），做好分工，提前一周将准备好的稿件发给老师审稿。
                                </li>
                            <li>处理广播过程中的突发状况，
                                <mark>如话筒，音乐和开关等</mark>。</li>

						    <li>协助负责老师对全站人员进行管理和评价，对各组工作进行指导，对广播站员进行训练</li>

						</ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]学生会外联部成员（高中）</span>
                            <time>2018至2011</time>
                        </h3>
                        <ul class="info-content">
                            <li>负责日常活动的
                                <mark>费用赞助问题</mark>，解决好各活动的费用问题。</li>
                            <li>在团总支学生会的领导下开展工作。作为连接各个兄弟部门的桥梁，加强校际交流的纽带，积极配合学                                生会的活动和工作。</li>
                            <li>负责与兄弟学校的联络工作，建立了良好的合作关系，<mark>增强助理培训，加强内部建设，改革旧                             模式，</mark>探寻新的管理理念，创立外联中心的新模式。</li>
                            <li>积极组织我校学生开展志愿活动，提高学生的文化涵养及文化修养，同时丰富大学生的课余生活，培养                            多才多艺学子</li>
							</ul>
                    </li>
					<li>
					    <h3>
					        <span>[经历3]马克思主义思想者社团秘书部干事（大学）</span>
					        <time>2022----</time>
					    </h3>
					    <ul class="info-content">
					        <li>负责协助老师处理马克思主义学院的日常事务</li>
					        <li>收集，整理，组织各类文件，人事档案，累计创建电子模版。</li>
					        <li>负责向主席团或者马原老师传达学院的工作指示，向商机反映院内的情况</li>
					        <li>负责记录每学期马克思主义学院展开的讲座活动明细。</li>
							</ul>
					</li>
					<li>
					    <h3>
					        <span>[经历4]马克思主义思想者社团策划部干事（大学）</span>
					        <time>2022----</time>
					    </h3>
					    <ul class="info-content">
					        <li>目标设定和策略规划，明确活动的目标和预期结果，制定相应的策略，计划和时间表。</li>
					        <li>在活动现场，负责项目活动板块工作，配合营销，节日节点展开主题活动及暖场活动，负责会场内部设计，配                             合节点制造现场氛围，布置活动基本物料，策划工作流程，协调人员工作分工。</li>
					        <li>负责相关项目的落地执行，评估活动及项目效果并编制活动报告，针对活动做出归纳和总结，不断提升活动效                             果。</li>
							</ul>
					</li>

                </ul>
            </section>

            <!-- 项目经验 -->
            <section class="project info-unit">
                <h2>
                    <i class="fa fa-terminal" aria-hidden="true"></i>个人技能</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[技能一]熟练使用pr，ps，ai等软件进行实践，创作短片视频20余条，在B站，抖音等视频平台发布</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2011-2023</time>
                        </h3>
                    <li>
                        <h3>
                            <span>[技能二]熟练使用无人机，麦克风，稳定器等拍摄设备。</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2012-2022</time>
                        </h3>
                    <li>
                        <h3>
                            <span>[技能三]熟练使用word，ppt，tableau，                    GoldWave等办公软件。</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2022-2015</time>
                        </h3>
                    <li>
                </ul>
            </section>

            <!-- 自我评价 -->
            <section class="work info-unit">
                <h2>
                    <i class="fa fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
                <hr/>
                <p>[具有一定的交互设计专业知识和视频编辑能力，学习积极性高，抗压能力较强]
				<br>
				[有较强的快速领悟能力，团队协作精神，长期主义，坚定目标]
				<br>
				[热爱新媒体运营工作，具有极强的学习能力和创新思想，善于抓住平台热点]
				</p>

            </section>
        </section>
    </article>


    <footer class="footer">
        <p>苏晓艳的个人简历
            <br>
			<time>2024年1月15日</time>.</p>
    </footer>

</html>