Using whitespace for big parts of a website
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>Whitespace is important</title> | |
</head> | |
<body> | |
<div class="wrapper"> | |
<!-- Header-Region --> | |
<header class="header"> | |
<div role="banner"> | |
<a href="http://drublic.de/">Whitespace-Header</a> | |
</div> | |
<!-- Navigation --> | |
<nav class="main-nav"> | |
<!-- ... --> | |
</nav> | |
</header> | |
<!-- Some content goes in here --> | |
<div class="content"> | |
<!-- ... --> | |
</div> | |
<!-- And the sidebar --> | |
<aside class="sidebar"> | |
<div class="widget"> | |
<!-- ... --> | |
</div> | |
<div class="widget"> | |
<!-- ... --> | |
</div> | |
</aside> | |
</div> | |
<!-- JavaScript at the bottom for fast page loading --> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment