master

分支 (1)

管理

管理

master

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>[简历]网新3班叶卓然</title>
    <link rel="shortcut icon" href="assets\images\myfavicon.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">

</head>

<body>
    <header >

    <nav class="btn btn-1">

                 <ul>
						<img src="assets\images\jianli.svg" alt="jianli" style="width: 3%;height: 3%;float: left;margin-left: 10px;margin-right: 10px;"/>


                 	<li class="logo active">
                         <a href="#">简历</a>
                         <span></span>
                     </li>


                     <li>
						 <img src="assets\images\xiaohongshu.svg" alt="xiaohongshu" style="width: 20%;height: 20%;"/>
                         <a href="https://www.xiaohongshu.com/user/profile/597f43eb6a6a69668964046b" target="_blank">小红书</a>
                         <span></span>
                     </li>
                     <li ><img src="assets\images\gitee.svg" alt="gitee" style="width: 20%;height: 20%;"/>
                     	<a href="#">
                         <a href="https://gitee.com/lydia00001111222555" target="_blank">gitee</a>
                         <span></span>
                     </li>
                     <li ><img src="assets\images\xuexitong.svg" alt="xuexitong" style="width: 20%;height: 20%;"/>
                     	<a href="#">
                         <a href="https://i.chaoxing.com/base?t=1705290935340" target="_blank">学习通</a>
                         <span></span>
                     </li>
                 </ul>
             </nav>
             </header>

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

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <!-- 头像照片 -->

                    <img src="assets/images/touxiang.png" alt="头像" style="border-radius: 50%;">

                </section>

                <h1 class="name"><b>叶卓然</b></h1>
                <h4 class="info-job"><b>2022级网络与新媒体3班</b></h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <img id="bigside" src="assets\images\geren.svg" alt="geren" />基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label><b>个人信息</b></label>
                        <span><em>叶卓然 / 女 / 19岁</em></span>
                    </li>
                    <li>
                        <label><b>英语水平</b></label>
                        <span><em>CET-4</em></span>
                    </li>
                    <li>
                        <label><b>普通话水平</b></label>
                        <span><em>二等甲级</em></span>
                    </li>
					<li>
					    <label><b>兴趣爱好</b></label>
					    <span><em>听歌、看电影、拍照记录、足球、羽毛球</em></span>
					</li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">

                <h2>
					<img id="bigside" src="assets\images\lianxi.svg" alt="lianxi" />
                    联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label><b>手机</b></label>
                        <a href="tel:18813428018" target="_blank"><em>18813428018</em></a>
                    </li>
                    <li>
                        <label><b>邮箱</b></label>
                        <a href="2857225486@qq.com" target="_blank"><em>2857225486@qq.com</em></a>
                    </li>
					<li>
					    <label><b>抖音</b></label>
					    <a href="588927189" target="_blank"><em>588927189</em></a>
					</li>

                    <li>
                        <label><b>Github</b></label>
                        <a href="https://gitee.com/lydia00001111222555" target="_blank"><em>https://gitee.com/lydia00001111222555</em></a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <img id="bigside" src="assets\images\jineng.svg" alt="jineng" />技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label><b>Word,PPT</b></label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label><b>Photoshop</b> </label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label><b>剪映</b></label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label><b>Tableau</b></label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label><b>秀米推文排版</b></label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label><b>CSS,HTML</b></label>
                        <progress value="70" max="100"></progress>
                    </li>
					<li>
					    <label><b>Python</b></label>
					    <progress value="60" max="100"></progress>
					</li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><img id="bigside" src="assets\images\weixin.svg" alt="weixin" />二维码</h2>
                <hr/>
                <img src="assets/images/erweima.png" style="width: 100%;" alt="个人二维码">
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <main class="info-unit">

            <!-- 教育经历 -->

                <h2>
                    <img id="big" src="assets\images\jiaoyu.svg" alt="jiaoyu" />教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span><b>*广东省湛江市霞山区实验中学（初中）</b></span>
                            <time>2017年-2019年</time>
                        </h3>
                        <p>
                           期间担任英语课代表，初中三年成绩保持在年级前一百，并在<mark>初三加入中国共青团</mark></p>
                    </li>
					<br />
                    <li>
                        <h3>
                            <span><b>*湛江市第二十中（高中）</b></span>
                            <time>2019年-2022年</time>
                        </h3>
                        <p>
                            高中三年成绩保持在班级前十五，年级前五十；在班上担任<mark>生物课代表以及团支书</mark>，连续三年荣获<mark>“优秀班干”称号</mark></p>
                    </li>
					<br />
					<li>
					    <h3>
					        <span><b>*广州南方学院（网络新媒体专业）</b></span>
					        <time>2022年-至今</time>
					    </h3>
					    <p>就读于中山大学南方学院<mark>网络与新媒体专业</mark>，绩点及综合测评位于年级前一百，大二上学期<mark>参加“创物界杯”创新创业大赛并荣获三等奖</mark></p>
					</li>
                </ul>
             </main>

            <!-- 工作经历 -->
            <main class="work info-unit">
                <h2>
                    <img id="big" src="assets\images\gongzuo.svg" alt="gongzuo" />工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
							<span>
							<img id="little" src="assets\images\wenzhouzhou.png" alt="wenzhouzhou" />
                            <b>文州洲工作室设计部－部员</b>
							</span>

                            <time>大一</time>
                        </h3>
                        <ul class="info-content">
                            <li>学习掌握了
                                <em><mark>Photoshop</mark></em>这个技能，
                                 可以运用此软件<mark>设计平面海报、LOGO标志、插画</mark>。
					</li>
					<br />
					<div id="zuopin">
						<img class="zuopin" src="assets\images\zuopin1.jpg" alt="zuopin1" />
						<img class="zuopin" src="assets\images\zuopin2.jpg" alt="zuopin2" />
						<img class="zuopin" src="assets\images\zuopin3.jpg" alt="zuopin3" style="width: 17%;height: 17%;"/>

					</div>
                    <br />
                    <li>
                        <h3>

                            <span>
								<img id="little" src="assets\images\xiaotuanwei.jpg" alt="xiaotuanwei" />
								<b>广州南方学院校团委新媒体运营部－部员</b></span>
                            <time>大一</time>
                        </h3>
                        <ul class="info-content">
                            <li>学习掌握了
                                <em><mark>秀米编辑器</mark></em>这个软件，
                                 可以运用此软件<mark>进行公众号推文排版设计，并在微信公众号平台上发布推文</mark>。
                    </li>
					<div id="tuiwen">
						<div class="tuiwen">

						<a href="https://mp.weixin.qq.com/s/Bdhq9HAPxVkR6tDwpm3xkg" target="_blank"><em>清明节推文 https://mp.weixin.qq.com/s/Bdhq9HAPxVkR6tDwpm3xkg</em></a>
						</div>
						<div class="tuiwen">
						<a href="https://mp.weixin.qq.com/s/g-QNZaHr_ogIgFtzijubzg" target="_blank"><em>三下乡推文 https://mp.weixin.qq.com/s/g-QNZaHr_ogIgFtzijubzg</em></a>
						</div>
						<div class="tuiwen">
						<a href="https://mp.weixin.qq.com/s/MGfCg-cqeEGqO88OZDyj4Q" target="_blank"><em>旅游城市开封推文 https://mp.weixin.qq.com/s/MGfCg-cqeEGqO88OZDyj4Q</em></a>
						</div>
					</div>
					<br />
					<li>
					    <h3>

					        <span>
								<img id="little" src="assets\images\diaoyan.svg" alt="diaoyan" />
								<b>参加暑期梅州蕉岭县“国家资助政策”主题三下乡调研实践－队员</b></span>
					        <time>大一暑假</time>
					    </h3>
					    <ul class="info-content">
					        <li>到村里进行走访调研，了解“国家资助政策”在蕉岭县的普及情况并组织线下宣传
							    在团队中主要负责<mark>摄影拍摄以及将每天的调研情况制作成公众号推文</mark>
					</li>

                </ul>
            </main>

            <!-- 项目经验 -->
            <main class="project info-unit">
                <h2>
                    <img id="big" src="assets\images\xiangmu.svg" alt="xiangmu" />个人项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
							<img id="little" src="assets\images\xvhao1.svg" alt="xvhao1" />
                            <span><b>第一个网页的制作</b></span>
							<span class="link">
							        <a href="https://gitee.com/yezhuoran/resume" target="_blank">Demo</a>
							</span>

                            <time>大二上学期</time>
                        </h3>

                        <ul class="info-content">

                            <li>
								<img id="little" src="assets\images\jishu.svg" alt="jishu" />
								<b>技术栈：</b><em>HTML5+Gitee pages+Notepad++</em></li>
                            <li>
                                <img id="little" src="assets\images\chengjiu.svg" alt="chengjiu" />
                                <b>[成就]</b>实现网络与新媒体专业第一个<mark>个人简历网页的制作</mark>
                                <br/>
								<img id="little" src="assets\images\gongxian.svg" alt="gongxian" />
								<b>[贡献]</b>完成将他人的简历模板fork到自己gitee仓库，对html5和css进行修改，<mark>实现个人简历网页的制作与设计</mark>，并上传到gitee仓库中。
								<br/>
                                <img id="little" src="assets\images\shouhuo.svg" alt="shouhuo" />
                                <b>[收获]</b>对<mark>HTML和CSS技术有了更深的了解和学习</mark>，很好的将课堂上学到的理论知识运用到此项目中，同时发现问题解决问题，知识点得到巩固。
                        </ul>
                    </li>
					<br/>
                    <li>
                        <h3>
							<img id="little" src="assets\images\xvhao2.svg" alt="xvhao2" />
                            <span><b>广州南方学院“创物界杯”创新创业大赛</b></span>

                            <time>大二上学期</time>
                        </h3>
                        <ul class="info-content">

                            <li>
								<img id="little" src="assets\images\jishu.svg" alt="jishu" />
								<b>技术栈:</b><em>WXML 5+WXSS+JavaScript</em></li>
                            <li>
                                <img id="little" src="assets\images\chengjiu.svg" alt="chengjiu" />
                                <b>[成就]</b>小组第一次参加创赛，从0到1成功晋级决赛最后获得<mark>三等奖</mark>
                                <br/>
                                <img id="little" src="assets\images\tuandui.svg" alt="tuandui" />
                                <b>[团队]</b>队员：5位（22、23级），指导老师：高进
                                <br/>
                                <img id="little" src="assets\images\gongxian.svg" alt="gongxian" />
                                <b>[贡献]</b>在团队中负责<mark>项目描述和小程序的产品设计（功能设计及前端页面设计）</mark>两部分，运用HTML，CSS技术结合墨刀APP实现小程序的页面设计和交互运作。
								<br />
								<img id="little" src="assets\images\shouhuo.svg" alt="shouhuo" />
								<b>[收获]</b>项目取得<mark>“创物届杯”创新创业大赛三等奖</mark>

                                <div id="xiaochengxv" >
                                	<img src="assets\images\xiaochengxv.jpg" alt="xiaochengxv" style="width: 80%;height: 80%;">
									</div>


                            </li>
                        </ul>
                    </li>
					<br />
                    <li>
                        <h3>
                    		<img id="little" src="assets\images\xvhao3.svg" alt="xvhao3" />
                            <span><b>Pythong期末项目：个人网站</b></span>
							<span class="link">
							        <a href="http://127.0.0.1:5000/" target="_blank">Demo</a>
							</span>

                            <time>大二上学期</time>
                        </h3>
                        <ul class="info-content">

                            <li>
                    			<img id="little" src="assets\images\jishu.svg" alt="jishu" />
                    			<b>技术栈:</b><em>Python+jupyter notebook+Gitee</em></li>
                            <li>
                                <img id="little" src="assets\images\chengjiu.svg" alt="chengjiu" />
                                <b>[成就]</b>实现运用<mark>Python编码技术结合jupyter notebook制作个人网站，设计可自定义页面背景色功能</mark>并上传到gitee仓库。
                    			<br />
                                <img id="little" src="assets\images\shouhuo.svg" alt="shouhuo" />
                                <b>[收获]</b>进一步学习<mark>Python编程技术</mark>，巩固知识基础，建立个人网站。
                            </li>
                        </ul>
                    </li>
                    <br />
                    <li>
                        <h3>
                    		<img id="little" src="assets\images\xvhao4.svg" alt="xvhao4" />
                            <span><b>数字媒体技术项目-产品网站</b></span>
							<span class="link">
							        <a href="http://www.zyx22022.online/group16/wordpress/wp-admin/" target="_blank">Demo 账号密码都为Group16</a>
							</span>

                            <time>大二上学期</time>
                        </h3>
                        <ul class="info-content">

                            <li>
                    			<img id="little" src="assets\images\jishu.svg" alt="jishu" />
                    			<b>技术栈:</b><em>Phpstudy pro+Wordpress+Pycharm</em>
								</li>
                            <li>
                                <img id="little" src="assets\images\chengjiu.svg" alt="chengjiu" />
                                <b>[成就]</b>成功以<mark>“白象方便面”为主题建立产品网站</mark>，并设置网页排版、颜色等外观样式。
                               <br />
                                <img id="little" src="assets\images\tuandui.svg" alt="tuandui" />
                                <b>[团队]</b>队员：5位同学
                                <br />
                                <img id="little" src="assets\images\gongxian.svg" alt="gongxian" />
                                <b>[贡献]</b>在团队中负责<mark>首页样式设计，增添品牌新闻，品牌故事，在头部引入LOGO和轮播图</mark>。
                               <br/>
                                <img id="little" src="assets\images\shouhuo.svg" alt="shouhuo" />
                                <b>[收获]</b>学会使用<mark>Phpstudy pro</mark>创建网站域名，运用<mark>Wordpress</mark>建立网站及设计网站样式。
                            </li>
                        </ul>
                    </li>
                </ul>

            </main>

            <!-- 自我评价 -->
            <main class="work info-unit">
                <h2>
                    <img id="big" src="assets\images\pingjia.svg" alt="pingjia" />自我评价/期望</h2>
                <hr/>
                <div id="pingjia">
				<p class="pingjia">
				<b>1.性格:</b>本人乐观开朗，积极上进，诚恳谦虚，工作态度认真，沟通能力较强，能够准确表达出自己的想法和创意。
				</p>
				<p class="pingjia">
				<b>2.学习上:</b>勤奋刻苦，遇到困难会及时虚心请教，且有较强的学习能力和适应力，能很快融入到新的环境中。
				</p>
				<p class="pingjia">
				<b>3.工作上:</b>精益求精，尽最大的努力将本职工作高效率、高效率的完成，无论是团队合作，还是个人任务都能明确自己的目标和定位并为之付出努力。
				</p>
				</div>
            </main>

    </article>


    <footer class="footer">
        <p>© 广州南方学院文学与传媒学院网络与新媒体专业叶卓然.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/lydia00001111222555/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="https://gitee.com/lydia00001111222555" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>