blueprint-layouts/layout1.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<!doctype html>
<html>
  <head>
    <title>Blueprint Layout 1</title>
    <link rel="stylesheet" href="screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="ie.css" type="text/css" media="screen, projection"><![endif]-->
    <style>
      .top-margin { margin-top: 20px; }
      div.bg { background-color: #ddd; }
      div.box { height: 100px; }
      div.pad { padding: 10px; }
      ul.h { list-style: none; }
      ul.h li { display: inline; padding-right: 5px; }
    </style>
</head>
  <body>
    <div class="container top-margin">
      
      <div id="title" class="bg box pad span-24 last">
        <h1>Title</h1>
      </div>
      
      <div id="topmenu" class="bg pad span-24 last">
        <ul class="h">
          <li>Foo</li>
          <li>Foo</li>
          <li>Foo</li>
        </ul>
      </div>
      
    </div>
  </body>
</html>