Skip to content

Instantly share code, notes, and snippets.

@meskarune
Created November 12, 2012 16:28
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 9 You must be signed in to fork a gist
  • Save meskarune/4060313 to your computer and use it in GitHub Desktop.
Save meskarune/4060313 to your computer and use it in GitHub Desktop.
Simple HTML template
<!DOCTYPE html>
<html>
<head>
<META charset="UTF-8" />
<title>
{put your title here}
</title>
<link rel="stylesheet" type="text/css" media="all" href="default.css" />
</head>
<body>
<aside>
<a href="/" target="blank"><img src="logo.png" alt="logo"></a>
<nav>
<a href="/blog">Blog</a>
<a href="/portfolio">Portfolio</a>
<a href="/resume">Resume</a>
<a href="mailto:{your email}" target="blank">Email</a>
<a href="/links" target="blank">Links</a>
</nav>
</aside>
<div id="content">
<article>
<header><h2>{Post Title}</h2></header>
<p>
{post text here}
</p>
<header><h2>{Another Title}</h2></header>
<p>
{most post text}
</p>
</article>
<article>
<header><h2>{A Second Article}</h2></header>
<p>
{second post text here}
</p>
</article>
</div>
<footer>
{footer text here}
</footer>
</body>
</html>
@meskarune
Copy link
Author

body = page body
aside = side bar
nav = navigation
content = stuff that isn't the sidebar
article = post
header = top of post, title
p = paragraph
footer = site footer (usually copyright information)

@meskarune
Copy link
Author

----Body----

|....| || |
|....| |
| |
|....| || |
|....| |
| |
|....|_________.| <-- footer
aside posts

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment