Skip to content

Instantly share code, notes, and snippets.

@dennispipper

dennispipper/2columns.html

Last active August 29, 2015 13:57
Show Gist options
  • Save dennispipper/9771004 to your computer and use it in GitHub Desktop.
Save dennispipper/9771004 to your computer and use it in GitHub Desktop.
Download ZIP
2 Columns Sample
Raw
2columns.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Untitled</title>
<style type="text/css">
body{
font-family: Georgia, "Times New Roman", Serif;
}
h1 {
font-family: Geneva, Helvetica, Sans-serif;
background-color: #999999;
letter-spacing: 2.5px;
}
h2, h3 {
font-family: Geneva, Helvetica, Sans-serif;
letter-spacing: 1px;
}
#footer {
background-color: #888888;
}
</style>
</head>
<body>
<div id="header">
<h1>Mount Olympus News</h1>
</div>
<div id="main">
<h2>Hades Heats Things Up</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="extras">
<h3>Links to the Deities</h3>
<p><a href="https://en.wikipedia.org/wiki/Zeus">Zeus</a><br>
<a href="https://en.wikipedia.org/wiki/Hera">Hera</a><br>
<a href="https://en.wikipedia.org/wiki/Poseidon">Poseidon</a><br>
<a href="https://en.wikipedia.org/wiki/Demeter">Demeter</a><br>
<a href="https://en.wikipedia.org/wiki/Athena">Athena</a><br>
<a href="https://en.wikipedia.org/wiki/Apollo">Apollo</a><br>
<a href="https://en.wikipedia.org/wiki/Artemis">Artemis</a><br>
<a href="https://en.wikipedia.org/wiki/Ares">Ares</a><br>
<a href="https://en.wikipedia.org/wiki/Aphrodite">Aphrodite</a><br>
<a href="https://en.wikipedia.org/wiki/Hephaestus">Hephaestus</a><br>
<a href="https://en.wikipedia.org/wiki/Hermes">Hermes</a><br>
<a href="https://en.wikipedia.org/wiki/Hestia">Hestia</a><br>
<a href="https://en.wikipedia.org/wiki/Dionysus">Dionysus</a><br>
</p>
</div>
<div id="footer">
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/4.0/80x15.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment