<!-- valid xhtml 1.1, but this is just something that makes the author proud =D -->
<!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">
<head>
<!-- meta tags begin -->
<!-- vital meta tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>summerBreeze - CSS template</title>
<meta name="Description" content="summerBreeze is a CSS driven and XHML 1.1 valid template featuring a special tabbed main navigation and wise use of the white spaces." />
<meta name="Keywords" content="summerbreeze, summer breeze, free css template, valid xhtml template, open source template, free xhtml template, stamatis kritikos" />
<!-- defining stylesheet, rss feed and shortcut icon to use -->
<link rel="stylesheet" href="styling.css" type="text/css" media="screen" /><!-- one style sheet to style them all, valid with no errors -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /><!-- our custom little favicon -->
<!-- secondary meta tags -->
<meta http-equiv="Content-Language" content="English" />
<meta name="Author" content="Stamatis Kritikos" />
<meta name="Robots" content="index,follow" />
<meta http-equiv="imagetoolbar" content="no" /><!-- get rid of IE's image toolbar -->
<!-- meta tags end -->
</head>
<body>
<!-- BEGIN global wrapper -->
<!-- BEGIN header -->
<div id="monster">
<!-- BEGIN tabs -->
<div id="navcontainer">
<div id="tagline">
<a href="index.html" title="Home">
<br /><img src="img/blank.gif" alt="Your logo here" width="200" height="110" /><br />
<br /></a>
</div><!-- END tagline -->
<ul id="navlist">
<li><a accesskey="1" id="taba" href="index.html" class="active" title="Your daily information source">News</a></li>
<li><a accesskey="2" id="tabb" href="reviews.html" title="Our reviews database">Reviews</a></li>
<li><a accesskey="3" id="tabc" href="forums.html" title="Our friendly, vibrant and well-informed community">Forums</a></li>
<li><a accesskey="4" id="tabd" href="contact.html" title="Direct ways to contact us">Contact</a></li>
</ul>
</div><!-- END navcontainer -->
<div id="tabbar"></div>
<!-- END header -->
<!-- BEGIN search -->
<div id="search">
<form method="get" action="">
<div>
<label for="mainsearchbox">Search the site </label>
<input type="hidden" name="ps" value="10" />
<input id="mainsearchbox" type="text" name="q" value="" class="tbox" />
<input type="submit" value="Search" name="submit" />
</div>
</form>
<ul>
<li><a href="#">Advanced Search</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
<!-- END search -->
<!-- BEGIN left column -->
<div id="left">
<div id="lc">
<h1>Side menu</h1>
<div id="sidemenu">
<ul>
<li><a href="#">Advertise</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Glossary</a></li>
<li><a href="#">Link Exchange</a></li>
</ul>
</div>
<br class="clear" />
<h1>Access keys</h1>
<p>
1 = Home / News<br />
2 = Reviews<br />
3 = Forums<br />
4 = Contact<br />
</p>
<h1>Disclaimer</h1>
<p>
This template has been fully tested to be displayed correctly at least with FireFox v1.5 and Internet Explorer v6.0. A minimum of 800x600 pixels of screen resolution is required, but we suggest higher resolutions for your viewing pleasure.
</p>
</div><!-- END lc -->
</div><!-- END left -->
<!-- BEGIN center column -->
<div id="center">
<div id="cc">
<h1>The idea behind summerBreeze...</h1>
<p><strong>...is summer time! ;)</strong></p>
<p>
summerBreeze is a little project established few months back, when it was just an idea. That would be a CSS driven and XHML 1.1 valid template featuring a special tabbed main navigation and wise use of the white spaces. While summer time was approaching, I got myself to work on some basic code for it, but still in primal beta versions. My free time was really limited, so the completion of the template seemed always far. And then, there was a university assignment that gave me the appropriate motivation to finally complete this template.
</p>
<p>
All and all, this is a really hard worked template and I feel proud to finally be able to give something I think to be valuable to the web community. The CSS file is widely (and/or wildly) commented, so it will be extremely easy for fellow webmasters to understand it and modify it to their needs.
</p>
<p>
I hope the visual result feels fresh and reminds of the sea, the mild atmosphere and stuff...
Anyway, summer has come and I wish you all to enjoy it as much as you can. Happy vacations!
</p>
<img src="img/symi_disalonas.jpg" alt="Symi Island - St. George beach" />
<h2>CSS Limitations</h2>
<p>
I have another version of this template with one javascript trick that solves a problem which CSS is unable to fix by itself yet. This will be the 3-Column 100% height adjustment according to the longest column (based on how long the content goes). However, javascript is against the rules of submitting a template here, so if anyone's interested, feel free to contact me for details. In the template you are viewing now, I have used a background image to smooth the ending of the left and the right column accordingly.
</p>
<h2>Welcome to use</h2>
<p>
Since this is posted on OSWD, you are welcome to use it (or modify it) free of charge. I would appreciate
a credit though :)
</p>
<h2>Tell me!</h2>
<p>
I would love to see how you modify this design or use it in your own website.
Maybe you can make this template even better. Feel free to drop me an email at <strong>stamatiskritikos AT gmail DOT com</strong>.
</p>
</div><!-- END cc -->
</div><!-- END center -->
<!-- BEGIN right column -->
<div id="right">
<div id="rc">
<h1>Latest news</h1>
<p>
This template is part of <a href="http://www.oswd.org" title="Open Source Web Design">OSWD.org</a>, a resource for web designers and developers.
</p>
<h1>Terms of use</h1>
<p>
This is an open source XHTML/CSS template released under a <a href="http://creativecommons.org/licenses/by/2.5/" title="Creative Commons Deed">Creative Commons license</a>. You are free to copy, distribute, display, and perform the work, to make derivative works and to make commercial use of the work. However, you are kindly requested to keep the "Designed by <a href="http://www.stamatiskritikos.com" title="Visit our development site">Stamatis Kritikos</a>" part, with a link back to me, as a sign of appreciation to my work.
</p>
</div><!-- END rc -->
</div><!-- END right -->
<!-- clear any float commands left -->
<br class="clear" />
<!-- BEGIN footer -->
<div id="footer">
<!-- BEGIN bottomline links -->
<div id="footmenu">
<a href="#">Advertise</a> |
<a href="#">About Us</a> |
<a href="#">Contact Us</a> |
<a href="#">Site Map</a> |
<a href="#">Write For Us</a> |
<a href="#">RSS</a> |
<a href="#">Search</a> |
<a href="#">Privacy</a> |
<a href="#">Glossary</a> |
<a href="#">AccessKeys</a>
</div><!-- END footmenu -->
The contents of this webpage are copyright ©2006 Your Company.
<a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML 1.1!">XHTML 1.1</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS!">CSS 2.1</a>
<br />
<!--
BEGIN author
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
You can remove the following if you want, but I'd
appreciate that you keep "Designed by Stamatis Kritikos"
with a link back to me. Thank you!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-->
<div class="author">
Designed by <a href="http://www.stamatiskritikos.com" title="Visit our development site">Stamatis Kritikos</a>, licensed under a
<a href="http://creativecommons.org/licenses/by/2.5/" title="Creative Commons Deed">Creative Commons Attribution 2.5 License</a>.
</div><!-- END author -->
</div><!-- END footer -->
</div><!-- END monster -->
</body>
</html>
TASARIMIN ÜSTÜNE
geç onu sen bu bölümün yeri
