blob: 466f93281d7910aad54c00f0bb4a507dbd0d0655 (
plain)
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
101
102
103
104
105
106
107
108
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>template: contact</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<!-- **** layout stylesheet **** -->
<link rel="stylesheet" type="text/css" href="style/style.css" />
<!-- **** colour scheme stylesheet **** -->
<link rel="stylesheet" type="text/css" href="style/colour.css" />
</head>
<body>
<div id="main">
<div id="links">
<!-- **** INSERT LINKS HERE **** -->
<a href="#">another link</a> | <a href="#">another link</a> | <a href="#">another link</a> | <a href="#">another link</a>
</div>
<div id="logo"><h1>ORANGE_SUNSET</h1></div>
<div id="content">
<div id="menu">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="page1.html">page 1</a></li>
<li><a href="page2.html">page 2</a></li>
<li><a href="page3.html">page 3</a></li>
<li><a id="selected" href="contact.html">contact</a></li>
</ul>
</div>
<div id="column1">
<div class="sidebaritem">
<div class="sbihead">
<h1>latest news</h1>
</div>
<div class="sbicontent">
<!-- **** INSERT NEWS ITEMS HERE **** -->
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p><a href="#">read more ...</a></p>
<p></p>
<p></p>
<h2>01.09.2006</h2>
<p>This is where you can put your latest news.</p>
<p><a href="#">read more ...</a></p>
</div>
</div>
<div class="sidebaritem">
<div class="sbihead">
<h1>additional links</h1>
</div>
<div class="sbilinks">
<!-- **** INSERT ADDITIONAL LINKS HERE **** -->
<ul>
<li><a href="http://www.opendesigns.org">open designs</a></li>
<li><a href="http://www.w3schools.com/xhtml/default.asp">learn XHTML</a></li>
<li><a href="http://www.w3schools.com/css/default.asp">learn CSS</a></li>
<li><a href="http://www.mozilla.com/firefox">get firefox</a></li>
</ul>
</div>
</div>
<div class="sidebaritem">
<div class="sbihead">
<h1>other information</h1>
</div>
<div class="sbicontent">
<!-- **** INSERT OTHER INFORMATION HERE **** -->
<p>
This space can be used for additional information such as a contact phone number, address
or maybe even a graphic.
</p>
</div>
</div>
</div>
<div id="column2">
<h1>contact</h1>
<!-- **** INSERT PAGE CONTENT HERE **** -->
<form action="#">
<p>Below is an example of how a contact form might look with this template:<br /><br /></p>
<div class="row">
<span class="formlabel">your name</span>
<span class="forminput"><input type="text" name="yourname" /></span>
</div>
<div class="row">
<span class="formlabel">your email address</span>
<span class="forminput"><input type="text" name="youremail" /></span>
</div>
<div class="row">
<span class="formlabel">your enquiry</span>
<span class="forminput"><textarea rows="5" cols="18" name="yourenquiry" class="textarea"></textarea></span>
</div>
<div class="spacer"> </div>
<div class="row">
<span class="formlabel"></span>
<span class="forminput"><input type="submit" value="submit" class="submit" /></span>
</div>
<p><br /><br />NOTE: A contact form such as this would require some way of emailing the input to a specified email address.</p>
</form>
</div>
</div>
<div id="footer">
copyright © 2006 your name | <a href="#">email@emailaddress</a> | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">design by dcarter</a>
</div>
</div>
</body>
</html>
|
