<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext" rel="stylesheet">
<!-- Main Css -->
<link rel="stylesheet" href="static/css/style.css">
<title>JS响应式导航菜单切换代码 - 站长素材</title>
</head>
<body>
<!--// Header Start //-->
<header id="toggleMenu">
<nav>
<a href="#" class="logo">Seacy</a>
<ul class="navigation">
<li>
<a href="#">
<span class="label">Home</span>
<span class="sub">Back to home page</span>
</a>
</li>
<li>
<a href="#">
<span class="label">Gallery</span>
<span class="sub">View our works</span>
</a>
</li>
<li>
<a href="#">
<span class="label">Blog</span>
<span class="sub">Discover latest news</span>
</a>
</li>
<li>
<a href="#">
<span class="label">About</span>
<span class="sub">Learn more about us</span>
</a>
</li>
<li>
<a href="#">
<span class="label">Contact</span>
<span class="sub">Get in touch </span>
</a>
</li>
</ul>
<div class="toggle">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</nav>
<div class="content">
<h2>Welcome.</h2>
</div>
</header>
<!--// Header End //-->
<!-- Javascript -->
<script src="static/js/main.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p>
<p>更多源码:<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>