<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>andreas02 v3.0</title>
<meta name="description" content="your description goes here">
<meta name="keywords" content="your,keywords,goes,here">
<meta name="author" content="Your Name">
<meta name="generator" content="WYSIWYG Web Builder -
http://www.wysiwygwebbuilder.com">
<style type="text/css">
div#container
{
width: 994px;
position: relative;
margin: 0 auto 0 auto;
text-align: left;
}
body
{
background-color: #E0E0E0;
color: #303030;
font-family: Arial;
font-size: 13px;
margin: 0;
text-align: center;
}
</style>
<link href="styles/andreas02.css" rel="stylesheet" type="text/css">
<style type="text/css">
#Image2
{
border: 0px #000000 solid;
}
#wb_Text2
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text2 div
{
text-align: left;
}
#wb_Text3
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text3 div
{
text-align: left;
}
#wb_Text5
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text5 div
{
text-align: left;
}
#wb_Text6
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text6 div
{
text-align: left;
}
#wb_Text7
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: right;
}
#wb_Text7 div
{
text-align: right;
}
#wb_Text8
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text8 div
{
text-align: left;
}
#wb_Text9
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text9 div
{
text-align: left;
}
#wb_Text10
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text10 div
{
text-align: left;
}
#wb_Text11
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text11 div
{
text-align: left;
}
#wb_Text12
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text12 div
{
text-align: left;
}
#wb_Text13
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text13 div
{
text-align: left;
}
#wb_Text14
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text14 div
{
text-align: left;
}
#wb_Text15
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text15 div
{
text-align: left;
}
#Image1
{
border: 0px #000000 solid;
}
#wb_Text16
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text16 div
{
text-align: left;
}
#wb_Text17
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text17 div
{
text-align: left;
}
#wb_Text18
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
text-align: left;
}
#wb_Text18 div
{
text-align: left;
}
#Line1
{
color: #D8D8D8;
background-color: #D8D8D8;
border-width: 0;
}
#TabMenu1
{
text-align: left;
float: left;
margin: 0;
width: 100%;
font-family: Arial;
font-size: 13px;
font-weight: normal;
list-style-type: none;
padding: 5px 0px 4px 0px;
}
#TabMenu1 li
{
float: left;
}
#TabMenu1 li a.active, #TabMenu1 li a:hover.active
{
border-bottom: 1px solid #505050;
background-color: #505050;
color: #FFFFFF;
position: relative;
font-weight: normal;
text-decoration: none;
z-index: 2;
}
#TabMenu1 li a
{
padding: 5px 10px 4px 10px;
border: 0px solid #E0E0E0;
background-color: #E0E0E0;
color: #5F6069;
margin-right: 5px;
text-decoration: none;
border-bottom: none;
position: relative;
top: 0;
}
#TabMenu1 li a:hover
{
background: #D0D0D0;
color: #5F6069;
font-weight: normal;
text-decoration: underline;
}
#TabMenu2
{
text-align: left;
float: left;
margin: 0;
width: 100%;
font-family: Arial;
font-size: 13px;
font-weight: normal;
list-style-type: none;
padding: 5px 0px 4px 0px;
}
#TabMenu2 li
{
float: left;
}
#TabMenu2 li a.active, #TabMenu2 li a:hover.active
{
border-bottom: 1px solid #FFFFFF;
background-color: #FFFFFF;
color: #5F6069;
position: relative;
font-weight: normal;
text-decoration: none;
z-index: 2;
}
#TabMenu2 li a
{
padding: 5px 10px 4px 10px;
border: 0px solid #E0E0E0;
background-color: #F1F1F1;
color: #919191;
margin-right: 5px;
text-decoration: none;
border-bottom: none;
position: relative;
top: 0;
}
#TabMenu2 li a:hover
{
background: #F1F1F1;
color: #919191;
font-weight: normal;
text-decoration: underline;
}
</style>
</head>
<body>
<div id="container">
<div id="wb_Shape1" style="position:absolute;left:116px;top:32px;width:797px;height:778px;z-index:0;">
<img src="images/img0001.gif" id="Shape1" alt="" style="border-width:0;width:797px;height:778px;">
</div>
<div id="wb_Image2" style="position:absolute;left:133px;top:144px;width:760px;height:200px;z-index:1;">
<img src="images/front.jpg" id="Image2" alt="" style="width:760px;height:200px;">
</div>
<div id="wb_Text2" style="position:absolute;left:139px;top:47px;width:732px;height:33px;z-index:2;text-align:left;">
<span style="color:#535050;font-family:tahoma;font-size:27px;">andreas02 v3.0</span>
</div>
<div id="wb_Text3" style="position:absolute;left:139px;top:85px;width:732px;height:19px;z-index:3;text-align:left;">
<span style="color:#505050;font-family:tahoma;font-size:16px;">A free website template by Andreas Viklund</span>
</div>
<div id="wb_Text5" style="position:absolute;left:139px;top:150px;width:732px;height:29px;z-index:4;text-align:left;">
<span style="color:#ffffff;font-family:tahoma;font-size:24px;">Presentation</span>
</div>
<div id="wb_Text6" style="position:absolute;left:139px;top:204px;width:307px;height:98px;z-index:5;text-align:left;">
<span style="color:#ffffff;font-family:tahoma;font-size:12px;">This is a free XHTML/CSS website template that you can use for any purpose without any obligations or limitations. It was originally released in August 2005, and has since been updated several times. It uses XHTML 1.0 Strict and CSS, and it has no tables at all. To show its features, I have filled it with some example content.</span>
</div>
<div id="wb_Text7" style="position:absolute;left:139px;top:323px;width:307px;height:14px;text-align:right;z-index:6;">
<span style="color:#ffffff;font-family:tahoma;font-size:12px;">Sample link »</span>
</div>
<div id="wb_Text8" style="position:absolute;left:139px;top:359px;width:552px;height:29px;z-index:7;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:24px;">General information</span>
</div>
<div id="wb_Text9" style="position:absolute;left:139px;top:386px;width:552px;height:19px;z-index:8;text-align:left;">
<span style="color:#606060;font-family:tahoma;font-size:16px;">June 1st, 2010 | By: Andreas</span>
</div>
<div id="wb_Text10" style="position:absolute;left:139px;top:420px;width:552px;height:56px;z-index:9;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:12px;">This template is built with XHTML and CSS code only. It contains no CMS-specific code. It may be customized to work with many different content management systems, but that will require additional programming. A list of available versions for different systems can be found on the original <a href="http://andreasviklund.com/templates/" class="graylink">templates page</a>.</span>
</div>
<div id="wb_Shape2" style="position:absolute;left:136px;top:498px;width:567px;height:80px;z-index:10;">
<img src="images/img0002.gif" id="Shape2" alt="" style="border-width:0;width:567px;height:80px;">
</div>
<div id="wb_Text11" style="position:absolute;left:142px;top:507px;width:533px;height:56px;z-index:11;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:12px;"><strong>Note: </strong>If you want to support the development of more free templates, it is possible to make a donation of any amount through PayPal. All donations are used to develop new templates and to keep the template site online. Top donors will get their name and link listed on the site (if wanted). Advertising options are also available. Contact me for more information!</span>
</div>
<div id="wb_Text12" style="position:absolute;left:139px;top:614px;width:552px;height:23px;z-index:12;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:19px;">Free to use!</span>
</div>
<div id="wb_Text13" style="position:absolute;left:139px;top:645px;width:552px;height:42px;z-index:13;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:12px;">I kindly ask that you leave the credit text and link (the one that says "Original design by Andreas Viklund" in the footer) since that is a nice way of supporting my template design work. But it is no requirement, just a request. Do what works best for you!</span><span style="color:#303030;font-family:tahoma;font-size:9.3px;"> </span>
</div>
<div id="wb_Text14" style="position:absolute;left:139px;top:714px;width:552px;height:14px;z-index:14;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:12px;">Good luck with your new design!</span>
</div>
<div id="wb_Text15" style="position:absolute;left:719px;top:359px;width:152px;height:100px;z-index:15;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:16px;">Sample sidemenu:</span><span style="color:#303030;font-family:tahoma;font-size:9.3px;"><br><br></span><span style="color:#303030;font-family:tahoma;font-size:12px;"><a href="http://andreasviklund.com/templates/" class="graylink">Free website templates </a><br><br><a href="http://andreasviklund.com/templates/" class="graylink">Commercial templates</a><br><br><a href="http://andreasviklund.com/templates/" class="graylink">WordPress themes</a> </span>
</div>
<div id="wb_Image1" style="position:absolute;left:720px;top:507px;width:136px;height:106px;z-index:16;">
<img src="images/test_01.jpg" id="Image1" alt="" style="width:136px;height:106px;">
</div>
<div id="wb_Text16" style="position:absolute;left:139px;top:779px;width:732px;height:13px;z-index:17;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:11px;">© 2010 Your Name | Template design by <a href="http://andreasviklund.com/" class="graylink">Andreas Viklund</a></span>
</div>
<div id="wb_Text17" style="position:absolute;left:719px;top:483px;width:152px;height:35px;z-index:18;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:16px;">Sample image: </span><span style="color:#303030;font-family:tahoma;font-size:9.3px;"><br></span>
</div>
<div id="wb_Text18" style="position:absolute;left:719px;top:630px;width:152px;height:58px;z-index:19;text-align:left;">
<span style="color:#303030;font-family:tahoma;font-size:16px;">Sample links:</span><span style="color:#303030;font-family:tahoma;font-size:9.3px;"><br><br></span><span style="color:#303030;font-family:tahoma;font-size:12px;"><a href="http://validator.w3.org/check/referer" class="graylink">Valid XHTML</a><br><a href="http://validator.w3.org/check/referer" class="graylink">Valid CSS</a></span>
</div>
<hr id="Line1" style="margin:0;padding:0;position:absolute;left:139px;top:744px;width:750px;height:1px;z-index:20;">
<div id="wb_TabMenu1" style="position:absolute;left:133px;top:119px;width:461px;height:25px;z-index:21;overflow:hidden;">
<ul id="TabMenu1">
<li><a href="./index.html" class="active">Active page</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
<li><a href="#">Fifth</a></li>
<li><a href="#">Sixth</a></li>
<li><a href="#">Seventh</a></li>
</ul>
</div>
<div id="wb_TabMenu2" style="position:absolute;left:642px;top:7px;width:270px;height:25px;z-index:22;overflow:hidden;">
<ul id="TabMenu2">
<li><a href="./index.html" class="active">Active tab</a></li>
<li><a href="#">Second</a></li>
<li><a href="#">Third</a></li>
<li><a href="#">Fourth</a></li>
</ul>
</div>
</div>
</body>
</html>