mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 16:03:10 +01:00
164 lines
7.5 KiB
HTML
164 lines
7.5 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-AU">
|
|
<head>
|
|
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" />
|
|
<meta name="author" content="haran" />
|
|
<meta name="generator" content="haran" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="./prosimii-screen.css" media="screen, tv, projection" title="Default" />
|
|
<link rel="stylesheet alternative" type="text/css" href="./prosimii-print.css" media="screen" title="Print Preview" />
|
|
<link rel="stylesheet" type="text/css" href="./prosimii-print.css" media="print" />
|
|
|
|
<title>Prosimii</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- For non-visual user agents: -->
|
|
<div id="top"><a href="#main-copy" class="doNotDisplay doNotPrint">Skip to main content.</a></div>
|
|
|
|
<!-- ##### Header ##### -->
|
|
|
|
<div id="header">
|
|
<div class="superHeader">
|
|
<span>Related Sites:</span>
|
|
<a href="http://www.oswd.org" title="The host of this design">OSWD</a> |
|
|
<a href="http://www.oswd.org/userinfo.phtml?user=haran" title="Other designs by haran">haran’s Designs</a>
|
|
</div>
|
|
|
|
<div class="midHeader">
|
|
<h1 class="headerTitle" lang="la">Prosimii</h1>
|
|
<div class="headerSubTitle" title="Pronunciation guide for 'prosimii'">
|
|
{ pro–SIM–ee–EYE }
|
|
</div>
|
|
|
|
<br class="doNotDisplay doNotPrint" />
|
|
|
|
<div class="headerLinks">
|
|
<span class="doNotDisplay">Tools:</span>
|
|
<a href="./index2.html">view an alternative layout «</a>
|
|
<span class="doNotDisplay">|</span>
|
|
<a style="cursor: help;" title="Thanks to CSS, this page is already printer friendly!">printer-friendly version «</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="subHeader">
|
|
<span class="doNotDisplay">Navigation:</span>
|
|
<a href="./index.html">Home</a> |
|
|
<a href="./index.html">Products</a> |
|
|
<a href="./index.html">Services</a> |
|
|
<a href="./index.html">Contact Us</a> |
|
|
<a href="./index.html">About Us</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ##### Main Copy ##### -->
|
|
|
|
<div id="main-copy">
|
|
<div class="rowOfBoxes">
|
|
<div class="twoThirds noBorderOnLeft">
|
|
<h1>Welcome!</h1>
|
|
<p>This is <span lang="la">Prosimii</span>, my
|
|
<a href="http://www.oswd.org/userinfo.phtml?user=haran">seventh design</a> for
|
|
<acronym title="Open Source Web Design">OSWD</acronym>. The design was inspired by a
|
|
former homepage of <a href="http://www.ximian.com">Ximian</a>, a company that produces
|
|
enterprise-level Linux products. The name is a play on the word <span class="titleTip"
|
|
title="An adjective for apes and monkeys">simian</span> (which sounds like Ximian).
|
|
<span lang="la">Prosimii</span> is one of the suborders of the order
|
|
<span lang="la">Primates</span>, and includes the lemur, loris and tree shrew genera.</p>
|
|
|
|
<p>I guess this design is most suitable as an introductory or sitemap
|
|
page to a website. These boxes range in size from one-quarter to full-screen width, so
|
|
they can accomodate information of various sizes. An <a href="./index2.html">alternative
|
|
layout</a> is also included in this template.</p>
|
|
|
|
<p>I hope you like this design. You are free to use this template for any purpose you wish
|
|
— personal, commercial or otherwise — without any obligation. This template
|
|
is donated to the public domain (ie: <em>no rights reserved</em>) and, as such, does not
|
|
come with any express support, guarantee or limitation.</p>
|
|
</div>
|
|
|
|
<div class="oneThird">
|
|
<h1>Latest News</h1>
|
|
|
|
<a href="./index.html" class="newsHeading">Submitted to OSWD</a>
|
|
<p class="newsDate">24 Oct 04</p>
|
|
<p class="newsSummary">Template (finally!) submitted to
|
|
<acronym title="Open Source Web Design">OSWD</acronym>.</p>
|
|
|
|
<a href="./index.html" class="newsHeading">Annoying bug fixed</a>
|
|
<p class="newsDate">28 Apr 04</p>
|
|
<p class="newsSummary">Thanks to Raphaél Enrici for spotting it!</p>
|
|
|
|
<div class="more"><a href="./index.html">More News »</a></div>
|
|
|
|
<p class="filler"><!-- Filler para to extend left vertical line --></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="rowOfBoxes dividingBorderAbove">
|
|
<div class="quarter noBorderOnLeft">
|
|
<h1>Standards</h1>
|
|
<p><span lang="la">Prosimii</span> is 100% compliant with
|
|
<acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 Strict and
|
|
uses <acronym title="Cascading Style Sheets">CSS</acronym>.
|
|
<span class="doNotPrint">[Validate
|
|
<a href="http://validator.w3.org/check/referer">XHTML</a>]</span></p>
|
|
|
|
<p>Unlike this design’s inspiration, no tables have been used to layout elements
|
|
and text.</p>
|
|
</div>
|
|
|
|
<div class="quarter">
|
|
<h1>Stylesheet</h1>
|
|
<p>An external stylesheet dictates the format and layout of text in this design.</p>
|
|
|
|
<p>Thus, website-wide design changes can be achieved by editing only the stylesheet.</p>
|
|
|
|
<p class="filler"><!-- Filler para to extend left vertical line --></p>
|
|
</div>
|
|
|
|
<div class="quarter">
|
|
<h1>Compatibility</h1>
|
|
<p><span lang="la">Prosimii’s</span> stylesheet is more robust and comprehensive than
|
|
<a href="http://www.oswd.org/userinfo.phtml?user=haran">my previous designs</a>.</p>
|
|
|
|
<p>This design has been tested for consistent rendering in Gecko
|
|
(<a href="http://www.mozilla.org">Mozilla</a> <a href="http://www.getfirefox.com">Firefox</a>
|
|
0.10.1), <a href="http://www.opera.com">Opera</a> (7.01) and Internet Explorer (6.0).</p>
|
|
</div>
|
|
|
|
<div class="quarter">
|
|
<h1>Accessibility</h1>
|
|
<p><span lang="la">Prosimii</span> tentatively conforms to the
|
|
<a href="http://www.w3.org/TR/WCAG10">
|
|
<acronym title="Web Content Accessibility Guidelines">WCAG</acronym> double A rating</a>
|
|
and <a href="http://www.access-board.gov/508.htm">§ 508</a> guidelines for web
|
|
content accessibility.</p>
|
|
|
|
<p>Additionally, most document metrics (lengths, widths and spacings) are font-size
|
|
relative.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ##### Footer ##### -->
|
|
|
|
<div id="footer">
|
|
<span class="doNotPrint">
|
|
For comments or questions about this website, please
|
|
<a href="mailto:email.address@is.invalid" title="NB: invalid email address">email the Webmaster</a><br />
|
|
</span>
|
|
|
|
<strong>URI »</strong> http://domain.is.invalid/prosimii/index.html
|
|
• <strong>Updated »</strong> 2004-Oct-24 10:31 +1000
|
|
<br />
|
|
<!--This theme is free for distriubtion, so long as link to openwebdesing.org and florida-villa.com stay on the theme-->
|
|
<font size="-1"><font size="-1" face="Arial, Helvetica, sans-serif">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>
|
|
</font></font></div>
|
|
</body>
|
|
</html>
|