forked from learning-zone/website-templates
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (99 loc) · 5.89 KB
/
index.html
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<!--
____________________________________________________________
| |
| DESIGN + Pat Heard { http://fullahead.org } |
| DATE + 2005.11.30 |
| COPYRIGHT + Free use if this notice is left in place |
|____________________________________________________________|
-->
<head>
<title>{ Greenery } Open Web Design</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="author" content="fullahead.org" />
<meta name="keywords" content="Open Web Design, OWD, Free Web Template, Greenery, Fullahead" />
<meta name="description" content="A free web template designed by Fullahead.org and hosted on OpenWebDesign.org" />
<meta name="robots" content="index, follow, noarchive" />
<meta name="googlebot" content="noarchive" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen, print" />
</head>
<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="index.html" title="learn about the site" class="active">About</a></li>
<li><a href="http://openwebdesign.org" title="free web templates">Download</a></li>
<li><a href="index.html" title="get help" style="width: 8.7em;">Support</a></li>
<li><a href="index.html" title="view photos">Photos</a></li>
<li><a href="http://fullahead.org/contact.html" title="contact FullAhead" style="width: 7em;">Contact</a></li>
</ul>
<div id="title">
<h1>Greenery</h1>
</div>
</div>
</div>
<div id="content">
<div id="text">
<h1><span>Greenish Template</span></h1>
<p>
This template is tableless <acronym title="eXtensible Hypertext Markup Language">XHTML</acronym>/<acronym title="Cascading Style Sheet">CSS</acronym> that validates as 1.1 strict. It uses relative widths so that it handles browser font <acronym title="CTRL + Mousewheel">+/-</acronym> without any troubles. The vertical plant image is easy to switch for one of your own, as is the accent colour. To change the green header, you'll need to update these two images:
</p>
<ul>
<li><b>bg_header.jpg</b>: the top, tiling, header background.</li>
<li><b>menu_tab.gif</b>: the menu tab that comes up onmouseover.</li>
</ul>
<h1><span>Features</span></h1>
<p>
Included in the template are styles for a right side <a href="menu.html" title="view submenu version">news & submenu section</a> or a comments section (shown in this version). The code is <acronym title="coded as the markup was designed to be used">semantically</acronym> written so it's clean and easy to modify. The CSS is coded so that elements derive their style from their context, rather than classes. This adds to the readability of the source.
</p>
<p>
The plant photo was taken by <a href="http://sxc.hu/browse.phtml?f=profile&l=icefront" title="view sxc.hu portfolio">icefront</a> and has no usage restrictions. The repeating pattern is from <a href="http://squidfingers.com/" title="visit squidfingers.com/">squidfingers</a> and is also free use, but I'm sure both of them would appreciate a link back. The rest was created by me and is open source. If you use any of it, I'd appreciate credit, but it isn't required.
</p>
<h1><span>Winter Blues</span></h1>
<p> This template was started on the day it began snowing....it's going to
be a long 6 months before I see this colour again. If you do end up finding
a use for the template, send me a <a href="http://fullahead.org/contact.html" title="FullAhead contact form">message</a>.
It's always interesting to see my templates in action. </p>
<p>
<!--This theme is free for distriubtion, so long as link to openwebdesing.org and florida-villa.com stay on the theme-->
Courtesy <a href="http://www.openwebdesign.org" target="_blank">Open Web
Design</a><a href="http://www.dubaiapartments.biz" target="_blank"><img src="spacer.gif" width="5" height="5" border="0"/></a>Thanks
to <a href="http://www.florida-villa.com" target="_blank">Florida Vacation Homes</a> </p>
</div>
<div id="image"><img src="images/plants.jpg" alt="plants"/></div>
<div id="sideBar">
<h1><span>Comments</span></h1>
<div id="comments">
<p>
This would be some comment text. Thrilling.
<span class="author"><a href="http://fullahead.org">Pat</a>, Nov 23rd</span>
</p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
<p>
Goodness, more comment text? That's crazy talk...
<span class="author"><a href="http://openwebdesign.org/userinfo.phtml?user=snop">snop</a>, Nov 24th</span>
</p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
<p>
Comments are hawt, but if you wanted a submenu, you could <a href="menu.html" title="menu version">look here</a>.
<span class="author"><a href="http://google.com">Bort</a>, Nov 29th</span>
</p>
<img src="images/comment_bg.gif" alt="comment bottom"/>
</div>
<h1><span>Your Turn</span></h1>
<p>
<input type="text" value="Name"/>
<input type="text" value="URL"/>
<textarea rows="5" cols="">Comment</textarea>
<input type="submit" value="Submit" class="button" />
</p>
</div>
<div id="footer">
<a href="http://fullahead.org" title="designed by fullahead.org" class="fullAhead"></a>
<p>Valid <a href="http://validator.w3.org/check?uri=referer" title="validate XHTML">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator" title="validate CSS">CSS</a></p>
</div>
</div>
</body>
</html>