tmp/index_fluid_2column.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <!--
   3
   4         Nonzero1.0 by nodethirtythree design
   5         http://www.nodethirtythree.com
   6         missing in a maze
   7
   8 -->
   9 <html>
  10 <head>
  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" />
  16 </head>
  17 <body>
  18
  19 <div id="header">
  20
  21         <div id="header_inner" class="fluid">
  22
  23                 <div id="logo">
  24                         <h1><span>Nonzero</span>1.0</h1>
  25                         <h2>By NodeThirtyThree Design</h2>
  26                 </div>
  27
  28                 <div id="menu">
  29                         <ul>
  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>
  35                         </ul>
  36                 </div>
  37
  38         </div>
  39 </div>
  40
  41 <div id="main">
  42
  43         <div id="main_inner" class="fluid">
  44
  45                 <div id="primaryContent_2columns">
  46
  47                         <div id="columnA_2columns">
  48
  49                                 <h3>A free design by NodeThirtyThree</h3>
  50                                 <img src="images/pic.gif" class="floatTL" alt="Something scenic" />
  51
  52                                 <p>
  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 :)
  59                                 </p>
  60
  61                                 <p>
  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.
  65                                 </p>
  66
  67
  68                                 <br class="clear" />
  69
  70                                 <div class="post">
  71
  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>
  76                                         </ul>
  77                                         <p>
  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>.
  79                                         </p>
  80                                         <p>
  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.
  90                                         </p>
  91                                         <p>
  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.
  97                                         </p>
  98
  99                                 </div>
 100
 101                         </div>
 102
 103                 </div>
 104
 105                 <div id="secondaryContent_2columns">
 106
 107                         <div id="columnC_2columns">
 108
 109                                 <h4><span>Veroeros</span> Etiam</h4>
 110                                 <ul class="links">
 111                                 <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>
 112
 113                                 <h4><span>Blandit</span> Consequat</h4>
 114                                 <ul class="links">
 115                                 <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>
 116
 117                                 <h4><span>Cool</span> Stuff</h4>
 118                                 <ul class="links">
 119                                 <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>
 120                         </div>
 121
 122                 </div>
 123
 124                 <br class="clear" />
 125
 126         </div>
 127
 128 </div>
 129
 130 <div id="footer" class="fluid">
 131         Copyright &copy; 2006 Your Website. All rights reserved. Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a>.
 132 </div>
 133
 134 </body>
 135 </html>