Skip to content

Instantly share code, notes, and snippets.

@selvan

selvan/sample-brochure.html

Created March 3, 2011 11:00
Show Gist options
  • Save selvan/852622 to your computer and use it in GitHub Desktop.
Save selvan/852622 to your computer and use it in GitHub Desktop.
Download ZIP
sample brochure - Blue print CSS base layout
Raw
sample-brochure.html
<html>
<head>
<link href="css/screen.css" rel="stylesheet" type="text/css"/>
<link href="css/ie.css" rel="stylesheet" type="text/css"/>
<link href="css/print.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
.top {
margin-top: 10px;
}
</style>
<title>Product title - A product of company name</title>
</head>
<body>
<div class="container">
<div class="span-24 top">
<div id="logo" class="span-9 colborder"><h1>Product Heading</h1></div>
<div class="span-9 last">
<div>product short description</div>
</div>
<hr/>
</div>
<div class="span-24">
<div class="span-12">
<div class="box">
<div>
<ul>
<li class="heading">What is your product?</li>
</ul>
</div>
<div>
<p>
something about your product goes here.
</p>
</div>
</div>
<div class="box">
<div>
<ul>
<li class="heading">Features of your product</li>
</ul>
</div>
<div>
<p>Feature one</p>
<p>Feature two</p>
</div>
</div>
</div>
<div class="span-11">
<div class="box">
<div>
<ul>
<li class="heading">Tour and Demo</li>
</ul>
</div>
<div>
<div>
<p>Tour of your product :<br/>
<a href="#">www.abcxyz.com/tour</a>
</p>
<p>Live demo of your product :<br/>
<a href="#">www.abcxyz.com/demo</a>
</p>
</div>
</div>
</div>
<div class="box">
<div>
<ul>
<li class="heading">Contact</li>
</ul>
</div>
<div>
Your contact details goes here.
</div>
</div>
</div>
</div>
<div class="span-22 box">
Description about your company goes here.
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment