[ipfire.org.git] / tmp / index_fluid.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>nonzero1.0 by nodethirtythree</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="header">

	<div id="header_inner" class="fluid">

		<div id="logo">
			<h1><span>Nonzero</span>1.0</h1>
			<h2>By NodeThirtyThree Design</h2>
		</div>
		
		<div id="menu">
			<ul>
				<li><a href="#" class="active">Blog</a></li>
				<li><a href="#">About Me</a></li>
				<li><a href="#">Photos</a></li>
				<li><a href="#">Resources</a></li>
				<li><a href="#">Contact Me</a></li>
			</ul>
		</div>
		
	</div>
</div>

<div id="main">

	<div id="main_inner" class="fluid">

		<div id="primaryContent_3columns">

			<div id="columnA_3columns">
		
				<h3>A free design by NodeThirtyThree</h3>
				<img src="images/pic.gif" class="floatTL" alt="Something scenic" />

				<p>
					Nonzero<sup>1.0</sup> is a free, lightweight, tableless, fluid/fixed W3C-valid 
					website design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a>. 
					The scenic photo to the left is from <a href="http://www.pdphoto.org/">PDPhoto</a>. 
					You're free to dissect, manipulate and use this design to your heart's content. We only ask 
					that you link back to <a href="http://www.nodethirtythree.com/">our site</a> in some 
					way. If you find this design useful, feel free to let us know :)
				</p>
				
				<p>
					You can find more of our free work at this site or <a href="http://www.nodethirtythree.com/">our site</a>,
					or some of our commercial work on <a href="http://www.4templates.com/?aff=n33">4Templates.com</a>,
					a commercial website template site.
				</p>
				
				
				<br class="clear" />
			
				<div class="post">
				
					<h3>Specifics about Nonzero1.0</h3>
					<ul class="post_info">
						<li class="date">Posted by <a href="#">enks</a> on 11.14.2006</li>
						<li class="comments"><a href="#">44 comments</a></li>
					</ul>					
					<p>
						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>.
					</p>
					<p>
						It also includes several alternate page layouts:
						<a href="index.html">three column (fixed width)</a>,
						<a href="index_2column.html">two column (fixed width)</a>,
						<a href="index_columnless.html">columnless (fixed width)</a>, 
						<a href="index_fluid.html">three column (fluid width)</a>,
						<a href="index_fluid_2column.html">two column (fluid width)</a>,
						and <a href="index_fluid_columnless.html">columnless (fluid width)</a>.
						You can also change the width of the fixed width layouts if needed. See the <em>style.css</em>
						file for more thought-provoking details.
					</p>
					<p>
						And now for a profound quote by the great philosopher, <a href="http://www.lipsum.com/">Lorem Ipsum</a>:
						Mauris neque adipiscing lacus, ac hendrerit	augue odio in mi. In ultrices enim. Curabitur a massa sed risus 
						viverra mollis. Proin dapibus mi porttitor nisi. Donec eget nibh dictum magna iaculis pharetra.
						Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas at ligula. Donec tellus. Etiam sem.
						Sed quis urna. Duis tempor elit ac nulla. And don't you forget it.
					</p>

				</div>
		
			</div>
	
		</div>
		
		<div id="secondaryContent_3columns">
		
			<div id="columnB_3columns">
		
				<h4><span>Search</span></h4>
				
				<form method="post" action="">
				<div id="search">
					<input type="text" class="text" name="keywords" />
					<input type="submit" class="button" value="Go" />
					<br class="clear" />
				</div>
				</form>
				
				<h4><span>About</span> Me</h4>
				<p><strong>Veroeros sed</strong> varius sollici, arcu. Vivamus et viverra. tor. Aenean felis. Quisque eros. <a href="#">Lorem ipsum dolor</a>.</p>
	
				<h4><span>Lorem</span> Ipsum</h4>
				<ul class="links">
				<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>

			</div>
			
			<div id="columnC_3columns">
	
				<h4><span>Veroeros</span> Etiam</h4>
				<ul class="links">
				<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>
				
				<h4><span>Blandit</span> Consequat</h4>
				<ul class="links">
				<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>
	
				<h4><span>Cool</span> Stuff</h4>
				<ul class="links">
				<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>
			</div>

		</div>

		<br class="clear" />

	</div>

</div>

<div id="footer" class="fluid">
	Copyright &copy; 2006 Your Website. All rights reserved. Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree Design</a>.
</div>

</body>
</html>
Commit	Line	Data
01885878	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_3columns">
	46
	47	<div id="columnA_3columns">
	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_3columns">
106
107	<div id="columnB_3columns">
108
109	<h4><span>Search</span></h4>
110
111	<form method="post" action="">
112	<div id="search">
113	<input type="text" class="text" name="keywords" />
114	<input type="submit" class="button" value="Go" />
115	<br class="clear" />
116	</div>
117	</form>
118
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>
121
122	<h4><span>Lorem</span> Ipsum</h4>
123	<ul class="links">
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>
125
126	</div>
127
128	<div id="columnC_3columns">
129
130	<h4><span>Veroeros</span> Etiam</h4>
131	<ul class="links">
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>
133
134	<h4><span>Blandit</span> Consequat</h4>
135	<ul class="links">
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>
137
138	<h4><span>Cool</span> Stuff</h4>
139	<ul class="links">
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>
141	</div>
142
143	</div>
144
145	<br class="clear" />
146
147	</div>
148
149	</div>
150
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>.
153	</div>
154
155	</body>
156	</html>