Skip to content

Instantly share code, notes, and snippets.

@luizfonseca

luizfonseca/elland.html

Created June 30, 2011 15:56
Show Gist options
  • Save luizfonseca/1056525 to your computer and use it in GitHub Desktop.
Save luizfonseca/1056525 to your computer and use it in GitHub Desktop.
Download ZIP
Sample birthday something
Raw
elland.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>MIA</title>
<style type="text/css" media="screen">
* { padding: 0; margin: 0; font: normal 19px/20px "Georgia", Times New Roman, serif; color: #b5671e; }
body { background: #F9667A; }
#wrapper { width: 90%; background: #916F4F; margin: 30px auto; overflow: hidden; }
.column { float: left; width: 200px; height: auto; padding: 10px; margin: 20px 10px; background: #fbdcdc; }
#wrapper, .column { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 1px 1px 8px #000; -moz-box-shadow: 1px 1px 8px #000; box-shadow: 1px 1px 8px #000;}
.column p { text-align: center; padding: 5px }
</style>
</head>
<body id="index">
<div id="wrapper">
<div class="column">
<!-- print each item inside a <p> tag -->
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
</div>
<div class="column">
<!-- print each item inside a <p> tag -->
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
<p>Item 1</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment