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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Simple Elegance 03</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<a name="top"></a>
<div id="header">Simple Elegance 03</div>
<ul id="navtop">
<li><a href="http://www.free-css.com/">Home</a></li>
<li><a href="http://www.free-css.com/">Hyperlink</a></li>
<li><a href="http://www.free-css.com/">Hyperlink</a></li>
<li><a href="http://www.free-css.com/">Hyperlink</a></li>
<li><a href="http://www.free-css.com/">Hyperlink</a></li>
</ul>
<div id="maincontainer">
<div id="contentwrapper">
<div id="contentcolumn">
<h1>Headline (h1, h2, h3)</h1>
<img class="imgleft" src="images/image.gif" width="112" height="112" alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.
<p> <img src="images/more.gif" width="9" height="9" alt="Read more!" /> <a href="http://www.free-css.com/">Read more...</a> </p>
<p> <img class="imgright" src="images/image.gif" width="112" height="112" alt="" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa. </p>
<div class="hr">
<hr />
</div>
<h4>Gallery (h4, h5, h6)</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur massa. Nullam enim arcu, adipiscing id, porta eget, consequat ut, lacus. Aliquam nibh. Etiam tortor ligula, facilisis sed, mattis sit amet, faucibus ut, turpis. In risus ipsum, pharetra eu, placerat id, mollis quis, justo. Mauris sollicitudin tincidunt justo. Sed suscipit tristique nulla. Suspendisse sit amet massa.
<p> <a href="http://www.free-css.com/"><img class="gallery" src="images/image.gif" width="112" height="112" alt="" /></a> <a href="http://www.free-css.com/"><img class="gallery" src="images/image.gif" width="112" height="112" alt="" /></a> <a href="http://www.free-css.com/"><img class="gallery" src="images/image.gif" width="112" height="112" alt="" /></a> <a href="http://www.free-css.com/"><img class="gallery" src="images/image.gif" width="112" height="112" alt="" /></a> <a href="http://www.free-css.com/"><img class="gallery_right_img" src="images/image.gif" width="112" height="112" alt="" /></a> </p>
<div class="hr">
<hr />
</div>
<h4>List</h4>
<ul id="list">
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ul>
<h4>Color Scheme</h4>
<p> <img src="images/colors.gif" width="300" height="100" alt="Colors" /> </p>
<div class="hr">
<hr />
</div>
<h4>Form</h4>
<form id="myform" class="form" action="#">
<p>
<label for="user">Name</label>
<input class="input" type="text" id="user" value="" />
</p>
<p>
<label for="email">E-mail:</label>
<input class="input" type="text" id="email" value="" />
</p>
<p>
<label for="message">Message:</label>
<textarea id="message" rows="5" cols="25"></textarea>
</p>
<div id="submit">
<input class="submitbutton" type="submit" value="Submit Message" />
<input class="submitbutton" type="reset" value="Clear Form" />
</div>
</form>
</div>
<div class="hr">
<hr />
</div>
<h4>Weblinks</h4>
<div id="columns">
<div id="leftcolumn">
<ul class="navbottom">
<li><a href="http://www.free-css.com/">Open Designs</a></li>
<li><a href="http://www.free-css.com/">CSS Library</a></li>
<li><a href="http://www.free-css.com/">CSSplay</a></li>
<li><a href="http://www.free-css.com/">Listamatic</a></li>
<li><a href="http://www.free-css.com/">stock.xchng</a></li>
</ul>
</div>
<div id="rightcolumn">
<ul class="navbottom">
<li><a href="http://www.free-css.com/">netrenderer</a></li>
<li><a href="http://www.free-css.com/">BrowsrCamp</a></li>
<li><a href="http://www.free-css.com/">Web Developer's Handbook</a></li>
<li><a href="http://www.free-css.com/">500+ Colours</a></li>
<li><a href="http://www.free-css.com/">Wikipedia</a></li>
</ul>
</div>
</div>
</div>
<div id="footer"> All contents © Copyright 2007 <a href="http://www.free-css.com/">Your Sitename</a><br />
Sponsored by <a href="http://opendesigns.org/">Open Designs</a><br />
Design by wfiedler<br />
<a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Transitional</a>
<p align="right"><a href="#top">top ´|`</a></p>
</div>
</div>
</body>
</html>
|
