/whitespacing.html
Created Apr 22, 2012
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