Skip to content

Instantly share code, notes, and snippets.

@josed

josed/single-column-web-page.html

Created February 10, 2012 20:24
Show Gist options
  • Save josed/1792518 to your computer and use it in GitHub Desktop.
Save josed/1792518 to your computer and use it in GitHub Desktop.
Download ZIP
Single column web page, HTML, CSS, Google Web Fonts
Raw
single-column-web-page.html
<!-- Single column web page, HTML, CSS, Google Web Fonts
Jose Dizon
http://github.com/josed
http://josed.net
-->
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<style type="text/css">
h1, h2, h3, p, li, ul, ol {
font-family: 'Ubuntu', sans-serif;
}
hr {
color:sienna;
}
p {
}
body {
background-color: white;
}
#page {
width: 600px;
margin: auto;
border-color: black;
padding: 5px;
background-color: #FFFFCC;
box-shadow: 0px 0px 10px #888888;
border: 1px solid;
border-radius: 8px;
}
</style>
</head>
<body>
<div id="page">
<h1>Page title</h1>
<h2>Page description</h2>
<hr />
<h3>Images:</h3>
<ul>
<li><img src="[absolute image url]" width="500" height="375" /></li>
<li><img src="[absolute image url]" width="500" height="375" /></li>
<li><img src="[absolute image url]" width="500" height="375" /></li>
</ul>
<hr />
<h3>Unordered list</h3>
<ul>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</ul>
<h3>Shipping and payment</h3>
<ul>
<li>Shipping to US only</li>
<li>[HOW LONG IT TAKES TO SHIP]</li>
<li>[ACCEPTED PAYMENT PROCESSORS]</li>
</ul>
<h3>Additional info:</h3>
<p>[DISCLAIMER]</p>
<p>[REFUND POLICY]</p>
<p>[???]</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment