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('448283382780494736')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
	</script>
</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>
                background-color：blue；
				@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>
			<!-- 左侧固定开关，记得及时删除这段代码 End-->

			<!-- 个人肖像 -->
			<section class="me">
				<section class="portrait">
					<div style="display=none;">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
					<!-- 头像照片 -->
					 <img class="avatar" style="display:block;"  src="assets/images/portrait.jpg" /></img>
				</section>

				<h1 class="name">黄兴祥</h1>
				<h4 class="info-job" 大学生 / 广州</h4>

			</section>

			<!-- 基本信息 -->
			<section class="profile info-unit">
				<h2>
					<i class="fa fa-user" aria-hidden="true"></i>基本信息</h2>
				<hr/>
				<ul>
					<li>
						<label>个人信息</label>
						<span>黄兴祥 / 男 / 19岁</span>
					</li>
					<li>
						<label>英语水平</label>
						<span>CET-0</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:19854548243" target="_blank">198-5454-8243</a>
					</li>
					<li>
						<label>邮箱</label>
						<a href="1151920265@qq.com" target="_blank">ze.zh@hotmail.com</a>
					</li>
					<li>
						<label>个人主页</label>
						<a href="http://0b11111110.com/" target="_blank">0b11111110.com/</a>
					</li>
					<li>
						<label>Github</label>
						<a href="@tuxianshen target="_blank">github.com/0b11111110</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>JavaScript</label>
						<progress value="85" max="100"></progress>
					</li>
					<li>
						<label>React</label>
						<progress value="85" max="100"></progress>
					</li>
					<li>
						<label>Node.js</label>
						<progress value="70" max="100"></progress>
					</li>
					<li>
						<label>小程序</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=“
resume /assets/images/  242846583905176762.jpg” 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>

		<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>2016.9-2019.7</time>
						</h3>
						<p>专业排名
							<mark>很平凡</mark>，在校期间，一心顾着学习。</p>
					</li>
					<li>
						<h3>
							<span>中山大学南方学院 - 网络与新媒体专业（本科）</span>
							<time>2019.9-2023.7</time>
						</h3>
						<p>专业排名
							<mark>2/22</mark>
						</p>
					</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>馥米芮餐厅</span>
							<time>2019.7 至 2017.8</time>
						</h3>
						<ul class="info-content">
							<li>餐厅服务员
								<mark>学习过</mark>，调饮料
								<mark>期间遇到过很好的老板</mark>。</li>


				</ul>
			</section>

			<!-- 项目经验 -->
			<section class="project info-unit">
				<h2>

			</section>

			<!-- 自我评价 -->
			<section class="work info-unit">
				<h2>、
					<i class="fa 、、fa-pencil" aria-hidden="true"></i>自我评价/期望</h2>
				<hr/>
					<p>[]
						<span class="mark-txt">“多静多思考，反省不张扬”</span>是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
			</section>
		</section>
	</article>
    <header class="header">
        <p>我我我我我我我</p>
    </header>


	<footer class="footer">
		<p>© 2017 黄兴祥.文档最后更新时间为
			<time>2019年11月20日</time>.</p>
	</footer>

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

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

</html>