

<!DOCTYPE html>
<html lang="ko">
<head>
<title>Nav Element</title>
<meta charset="utf-8">
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
 
.footer{background-color:#D5D5D5;text-align:center;}
 </style>
</head>

<body>
<article> 
<footer> 
<p><a href="#">Back to index</a></p>
</footer>
<h3> Footer Element </h3>
<p>The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element.</p>
<p>The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element.</p>
<p>The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element.</p>
</article>
<footer class="footer">
<p><a href="#">About us</a>
<a href="#">Terms of Service</a>
<a href="#">Sitemap</a></p>
<p>Copyright  © 2015 지구별 안내서 </p>
</footer>
</body>﻿
</html>