testfromjohn

HTML

Public Domain

simple html page

Download (right click, save as, rename as appropriate)

Embed

Tags:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en" xml:lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>TSD</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
  </head>
  <body>
    <div id="wrapper">
      <div id="header">
        <h1><a href="#">TSD Notable Projects</a></h1>
      </div>
      <div id="nav">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <div id="content">
        <ul id="gallery">
          <li><img src="1.png" alt="the sir danny" />Thesirdanny</li>
          <li><img src="2.png" alt="waking ideas" />Waking Ideas</li>
          <li><img src="3.png" alt="snak on that" />Snack on That</li>
          <li><img src="4.png" alt="48 cookies" />48Cookies</li>
          <li><img src="5.png" alt="politics fail" />Politics Fail</li>
          <li><img src="6.png" alt="six 11 six" />Six 11 Six</li>
          <li><img src="7.png" alt="helvetican" />Helvetican</li>
          <li><img src="8.png" alt="top secret" />Top Secret</li>
        </ul>
      </div>
      <div id="sidebar">
        <div id="description">
          <p>Lorem ipsum dolor sit consectetuer adipiscing elit. Sed interdum pede auctor nibh. Aliquam erat volutpat. Integer aliquam massa sed risus. Mauris sit amet felis non est nonummy ullamcorper. Proin elementum dignissim lectus. Nulla viverra, nisi a cursus porta, mi enim aliquet magna, quis ullamcorper lorem ligula sit amet magna. Pellentesque magna. Suspendisse ligula urna, lobortis in, tempor sed, feugiat sed, dui. Integer a turpis id leo tempus faucibus. Sed justo. Suspendisse tortor ante.</p>
        </div>
        <div id="contactInfo">
          <p class="top">Want to work with us? Have a project for us?</p>
            <ul>
              <li>// email: me@thesirdanny.com</li>
              <li>// AIM: wakingideas</li>
              <li>// 760.227.5793</li>
            </ul>
          <p class="bottom">Stay in touch, send an email</p>
        </div>
      </div>
      <div id="footer">
        <p>2010 &copy; Waking Ideas.  All design served fresh.  CSS/HTML'd because tables are for food!</p>
      </div>  
    </div>
  </body>
</html>