index.html

<!DOCTYPE html>

<html>

  <header>
    <title>静态WEB</title>

    <meta Charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="css/main.css">
  </header>

  <body>


    <div id="container">

  		<div id="header">
  			<a id="header-title" href="#">
  				网站名称
  			</a>

        <button id="showMenu" >菜单</button>
  		</div>

    		<div id="menu">
          <ul class="menu-ul">
      			<li>Menu</li>
      			<li>HTML</li>
      			<li>CSS</li>
      			<li>JavaScript</li>
          </ul>
    		</div>

    		<div id="content" >
          <div id="posts">
      			<p>内容区</p>
          </div>
    		</div>

      <div id="footer">
        Copyright @ Shaojian.net
      </div>

    </div>

    <script type="text/javascript" src="js/main.js"></script>
	</body>
</html>