jcxiaozhan
/
navigation.html

<!DOCTYPE HTML>
<html>
	<head>
		<title>JohnCena | 个人导航页</title>
		<meta name="keywords" content="JohnCena,主页,博客,JC小站">
        <link rel="shortcut icon" href="logo/favicon.ico">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="css/main.css" />
		<noscript><link rel="stylesheet" href="css/noscript.css" /></noscript>
	</head>
	<style>
		a#recordInfo {
			font-size: 15px;
			color: #ccc;
			font-family: cursive;
		}

		a#recordInfo:hover {
			color:#00BFFF;
			text-decoration:underline;
		}
	</style>
	<script>
		window.onload = init;

		function init(){
			let date=new Date();
			//四位
			let yearFour=date.getFullYear();
			let nowYear = document.getElementById('nowYear');
			nowYear.innerHTML = '©2020~' + yearFour + ' ';
		}
	</script>
	<body>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Header -->
					<header id="header">
						<div class="logo"></div>
						<div class="content">
							<div class="inner">
								<h3>John.Cena</h3>
								<p>平平无奇的大三学生</p>
								<p>热爱编程的摆烂人</p>
							</div>
						</div>
						<nav>
							<ul>
								<li><a href="https://jcxiaozhan.gitee.io" target="_blank">Blog</a></li><!-- 按钮1-->
								<li><a href="https://blog.csdn.net/weixin_50741825?type=lately" target="_blank">CSDN</a></li><!-- 按钮2-->
								<li><a href="https://github.com/jcxiaozhan0403" target="_blank">github</a></li><!-- 按钮3-->
								<li><a href="https://gitee.com/jcxiaozhan" target="_blank">gitee</a></li><!-- 按钮4-->
								<li><a href="http://wpa.qq.com/msgrd?v=3&uin=349636607&site=qq&menu=yes" target="_blank">qq</a></li><!-- 按钮4-->
								<li><a href="mailto:349636607@qq.com">Email</a></li><!-- 按钮4-->
							</ul>
						</nav>
					</header>

				<!-- Footer -->
					<footer id="footer">
						<p class="copyright"><span id="nowYear"></span><a href="https://jcxiaozhan.gitee.io" target="_blank" >JC小站</a> 版权所有</p>
						<a id="recordInfo" href="http://beian.miit.gov.cn/" target="_blank"><center>蜀ICP备20003280号-1</center></a>
					</footer>

			</div>

		<!-- BG -->
			<div id="bg"></div>

		<!-- Scripts -->
			<script src="js/jquery.min.js" ></script>
			<script src="js/skel.min.js" ></script>
			<script src="js/util.js" ></script>
			<script src="js/mymain.js" ></script>
            <script src="js/su.js"></script>
            <script type="text/javascript">jQuery(document).ready(function($){
               $('body').wpSuperSnow({
    flakes: ['images/007.png', 'images/006.png', 'images/004.png', 'images/002.png', 'images/001.png', 'images/003.png', 'images/002.png', 'images/001.png', ],
    totalFlakes: '90',
    zIndex: '999999',
    maxSize: '30',
    maxDuration: '20',
    useFlakeTrans: false
});
});
</script>
	</body>
</html>