1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4 Nonzero1.0 by nodethirtythree design
5 http://www.nodethirtythree.com
11 <meta http-equiv=
"content-type" content=
"text/html; charset=iso-8859-1" />
12 <title>nonzero1.0 by nodethirtythree
</title>
13 <meta name=
"keywords" content=
"" />
14 <meta name=
"description" content=
"" />
15 <link rel=
"stylesheet" type=
"text/css" href=
"style.css" />
21 <div id=
"header_inner" class=
"fluid">
24 <h1><span>Nonzero
</span>1.0</h1>
25 <h2>By NodeThirtyThree Design
</h2>
30 <li><a href=
"#" class=
"active">Blog
</a></li>
31 <li><a href=
"#">About Me
</a></li>
32 <li><a href=
"#">Photos
</a></li>
33 <li><a href=
"#">Resources
</a></li>
34 <li><a href=
"#">Contact Me
</a></li>
43 <div id=
"main_inner" class=
"fluid">
45 <div id=
"primaryContent_3columns">
47 <div id=
"columnA_3columns">
49 <h3>A free design by NodeThirtyThree
</h3>
50 <img src=
"images/pic.gif" class=
"floatTL" alt=
"Something scenic" />
53 Nonzero
<sup>1.0</sup> is a free, lightweight, tableless, fluid/fixed W3C-valid
54 website design by
<a href=
"http://www.nodethirtythree.com/">NodeThirtyThree Design
</a>.
55 The scenic photo to the left is from
<a href=
"http://www.pdphoto.org/">PDPhoto
</a>.
56 You're free to dissect, manipulate and use this design to your heart's content. We only ask
57 that you link back to
<a href=
"http://www.nodethirtythree.com/">our site
</a> in some
58 way. If you find this design useful, feel free to let us know :)
62 You can find more of our free work at this site or
<a href=
"http://www.nodethirtythree.com/">our site
</a>,
63 or some of our commercial work on
<a href=
"http://www.4templates.com/?aff=n33">4Templates.com
</a>,
64 a commercial website template site.
72 <h3>Specifics about Nonzero1.0
</h3>
73 <ul class=
"post_info">
74 <li class=
"date">Posted by
<a href=
"#">enks
</a> on
11.14.2006</li>
75 <li class=
"comments"><a href=
"#">44 comments
</a></li>
78 This design comes in the following low-sodium flavors:
<a href=
"#">red
</a>,
<a href=
"#">green
</a>,
<a href=
"#">blue
</a>,
<a href=
"#">magenta
</a>, and
<a href=
"#">brown
</a>.
81 It also includes several alternate page layouts:
82 <a href=
"index.html">three column (fixed width)
</a>,
83 <a href=
"index_2column.html">two column (fixed width)
</a>,
84 <a href=
"index_columnless.html">columnless (fixed width)
</a>,
85 <a href=
"index_fluid.html">three column (fluid width)
</a>,
86 <a href=
"index_fluid_2column.html">two column (fluid width)
</a>,
87 and
<a href=
"index_fluid_columnless.html">columnless (fluid width)
</a>.
88 You can also change the width of the fixed width layouts if needed. See the
<em>style.css
</em>
89 file for more thought-provoking details.
92 And now for a profound quote by the great philosopher,
<a href=
"http://www.lipsum.com/">Lorem Ipsum
</a>:
93 Mauris neque adipiscing lacus, ac hendrerit augue odio in mi. In ultrices enim. Curabitur a massa sed risus
94 viverra mollis. Proin dapibus mi porttitor nisi. Donec eget nibh dictum magna iaculis pharetra.
95 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas at ligula. Donec tellus. Etiam sem.
96 Sed quis urna. Duis tempor elit ac nulla. And don't you forget it.
105 <div id=
"secondaryContent_3columns">
107 <div id=
"columnB_3columns">
109 <h4><span>Search
</span></h4>
111 <form method=
"post" action=
"">
113 <input type=
"text" class=
"text" name=
"keywords" />
114 <input type=
"submit" class=
"button" value=
"Go" />
119 <h4><span>About
</span> Me
</h4>
120 <p><strong>Veroeros sed
</strong> varius sollici, arcu. Vivamus et viverra. tor. Aenean felis. Quisque eros.
<a href=
"#">Lorem ipsum dolor
</a>.
</p>
122 <h4><span>Lorem
</span> Ipsum
</h4>
124 <li class=
"first"><a href=
"#">Fusce dui neque fringilla
</a></li> <li><a href=
"#">Eget tempor eget nonummy
</a></li> <li><a href=
"#">Nec metus sed donec
</a></li> <li><a href=
"#">Velit semper nisi molestie
</a></li> <li><a href=
"#">Consequat sed cursus
</a></li> <li><a href=
"#">Nisi tempus nullam
</a></li> <li><a href=
"#">Magna sed bibendum mauris
</a></li> <li><a href=
"#">Velit semper nisi molestie
</a></li> <li><a href=
"#">Consequat sed cursus
</a></li> <li><a href=
"#">Id posuere metus sem
</a></li> <li><a href=
"#">Eget tempor eget nullam
</a></li> <li><a href=
"#">Velit semper nisi molestie
</a></li> <li><a href=
"#">Consequat sed cursus
</a></li> </ul>
128 <div id=
"columnC_3columns">
130 <h4><span>Veroeros
</span> Etiam
</h4>
132 <li class=
"first"><a href=
"#">Velit molestie
</a></li> <li><a href=
"#">Consequat cursus
</a></li> <li><a href=
"#">Tempus nullam
</a></li> <li><a href=
"#">Magna sed mauris
</a></li> <li><a href=
"#">Semper molestie
</a></li> </ul>
134 <h4><span>Blandit
</span> Consequat
</h4>
136 <li class=
"first"><a href=
"#">Dui neque fringilla
</a></li> <li><a href=
"#">Metus sed donec
</a></li> <li><a href=
"#">Semper nisi molestie
</a></li> <li><a href=
"#">Sed cursus
</a></li> <li><a href=
"#">Tempus nullam
</a></li> <li><a href=
"#">Semper nisi molestie
</a></li> <li><a href=
"#">Sed bibendum mauris
</a></li> </ul>
138 <h4><span>Cool
</span> Stuff
</h4>
140 <li class=
"first"><a href=
"http://www.nodethirtythree.com/">NodeThirtyThree
</a></li> <li><a href=
"http://www.4templates.com/?aff=n33">4Templates.com
</a></li> <li><a href=
"http://www.wpthemepark.com/">WPThemePark
</a></li> <li><a href=
"http://www.openwebdesign.org/userinfo.phtml?user=node33">OpenWebDesign
</a></li> <li><a href=
"http://www.zeroweb.org/">Zeroweb.org
</a></li> </ul>
151 <div id=
"footer" class=
"fluid">
152 Copyright
© 2006 Your Website. All rights reserved. Design by
<a href=
"http://www.nodethirtythree.com/">NodeThirtyThree Design
</a>.