wireframe-1

by WebnMall Korea

HTML

<!doctype html>
<html lang="ko">
 <head>
  <meta charset="UTF-8">
 
 <style>
* { box-sizing:border-box;}

	body { padding:0; margin:0; font-size:13px; }

	header, nav, section, footer { text-align:center; font-size:2em;  line-height:2em; }

	header { width: 100%; height: 80px; background:red; }
	nav { width:100%; height:60px; background:blue;  }
	section { width: 100%; height: 300px; background:gold;  }
	article { float:left; width:50%; height: 100%; border:1px solid #aaa;  }
	footer { width:100%; height: 80px; background:gray;  }
 </style>
 
 </head>

 <body>

<header> header </header>
<nav> nav </nav>

<section class="sec-1">
	<article>
		article 
	</article>
	<article>
		article 
	</article>
</section>

<footer>
	footer
</footer>

 </body>
</html>