HTML
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Site</title>
<LINK href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
</head>
<body>
<div id="container">
<div id="mainblock">
<div id="header">
</div>
<div id="menu">
<a class="selected" href="#">Home Page</a>
<a href="dva.html">Download</a>
<a href="#">Info</a>
<a href="#">About Us</a>
<a href="#">Contact</a>
<a href="#">Site map</a>
</div>
<div id="levo">
<div class="box"><p class=tekst align=justify>
<b>News</b> <br><br>
<b>10.01.2008.</b> NorthPin is free css template. You can download it and use it absolutely free. <br><br>
<b>10.01.2008.</b> Replace your text and write whatever you want. just leave "Design by: Nico" at the bottom of the page. <br>
<div class="left_link"> <p class=tekst align=right> <i><a href="#">reed more</a></i> </p> </div> </p> </div>
<div class="box"><p class=tekst align=left>
<b>Sub Meni One</b> <br><br>
<div class="left_link"><p class=tekst align=left>
- <a href="#">Example Link One</a> <br>
- <a href="#">Example Link Two</a> <br>
- <a href="#">Example Link Three</a> <br>
- <a href="#">Example Link Four</a> <br>
- <a href="#">Example Link Five</a> <br>
- <a href="#">Example Link Six</a> <br><br>
<b>Sub Menu Two</b> <br><br>
- <a href="#">Example Link One</a> <br>
- <a href="#">Example Link Two</a> <br>
- <a href="#">Example Link Three</a> <br>
- <a href="#">Example Link Four</a> <br>
- <a href="#">Example Link Five</a> <br>
- <a href="#">Example Link Six</a> <br>
- <a href="#">Example Link Seven</a> <br>
- <a href="#">Example Link Eight</a> <br>
- <a href="#">Example Link Nine</a> <br>
- <a href="#">Example Link Ten</a> <br>
- <a href="#">Example Link Eleven</a> <br>
- <a href="#">Example Link Twelve</a> <br>
- <a href="#">Example Link Thirteen</a> <br>
- <a href="#">Example Link Fourteen</a> <br>
- <a href="#">Example Link Fifteen</a> <br>
- <a href="#">Example Link Sixteen</a> <br>
- <a href="#">Example Link Seventeen</a> <br>
- <a href="#">Example Link Eighteen</a> <br>
- <a href="#">Example Link Nineteen</a> <br>
- <a href="#">Example Link Twenty</a> <br>
</p></div></p></div>
</div>
<div id="jezgro">
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
</div>
</div>
<div id="footer">
<p>Početna strana - Download - Preporučite program - Priključite nam se - Marketing - O projektu - Kontakt <br>
Copyright © 2007 freeso.org - sva prava zadržana - Design by Nico</p>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>Site</title>
<LINK href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
</head>
<body>
<div id="container">
<div id="mainblock">
<div id="header">
</div>
<div id="menu">
<a class="selected" href="#">Home Page</a>
<a href="dva.html">Download</a>
<a href="#">Info</a>
<a href="#">About Us</a>
<a href="#">Contact</a>
<a href="#">Site map</a>
</div>
<div id="levo">
<div class="box"><p class=tekst align=justify>
<b>News</b> <br><br>
<b>10.01.2008.</b> NorthPin is free css template. You can download it and use it absolutely free. <br><br>
<b>10.01.2008.</b> Replace your text and write whatever you want. just leave "Design by: Nico" at the bottom of the page. <br>
<div class="left_link"> <p class=tekst align=right> <i><a href="#">reed more</a></i> </p> </div> </p> </div>
<div class="box"><p class=tekst align=left>
<b>Sub Meni One</b> <br><br>
<div class="left_link"><p class=tekst align=left>
- <a href="#">Example Link One</a> <br>
- <a href="#">Example Link Two</a> <br>
- <a href="#">Example Link Three</a> <br>
- <a href="#">Example Link Four</a> <br>
- <a href="#">Example Link Five</a> <br>
- <a href="#">Example Link Six</a> <br><br>
<b>Sub Menu Two</b> <br><br>
- <a href="#">Example Link One</a> <br>
- <a href="#">Example Link Two</a> <br>
- <a href="#">Example Link Three</a> <br>
- <a href="#">Example Link Four</a> <br>
- <a href="#">Example Link Five</a> <br>
- <a href="#">Example Link Six</a> <br>
- <a href="#">Example Link Seven</a> <br>
- <a href="#">Example Link Eight</a> <br>
- <a href="#">Example Link Nine</a> <br>
- <a href="#">Example Link Ten</a> <br>
- <a href="#">Example Link Eleven</a> <br>
- <a href="#">Example Link Twelve</a> <br>
- <a href="#">Example Link Thirteen</a> <br>
- <a href="#">Example Link Fourteen</a> <br>
- <a href="#">Example Link Fifteen</a> <br>
- <a href="#">Example Link Sixteen</a> <br>
- <a href="#">Example Link Seventeen</a> <br>
- <a href="#">Example Link Eighteen</a> <br>
- <a href="#">Example Link Nineteen</a> <br>
- <a href="#">Example Link Twenty</a> <br>
</p></div></p></div>
</div>
<div id="jezgro">
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
<div class="boxc"><p class=tekstc align=justify>
<b>Last New's</b><br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.
<br><br>
NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page. NorthPin is free css template. You can download it and use it absolutely free. Replace your text and write whatever you want. Just leave "Design by: Nico" at the bottom of the page.</p> <p class=tekstc align=right> <i><a href="#">reed more</a></i> </p> </div>
</div>
</div>
<div id="footer">
<p>Početna strana - Download - Preporučite program - Priključite nam se - Marketing - O projektu - Kontakt <br>
Copyright © 2007 freeso.org - sva prava zadržana - Design by Nico</p>
</div>
</body>
</html>
CSS
Code:
body {
background-image: url('bckg.gif');
background-repeat: repeat-y
background: #f1f1f1
}
#container{
width: 900px;
height: auto;
background: #ffffff;
margin: 20px auto;
border:4px solid #ffffff;
}
#mainblock{
height: auto;
width: 900px;
background: #ffffff;
}
#header{
height: 150px;
width: 100%;
margin: 0;
background-image: url("banner.gif");
background-repeat: no-repeat;
}
#menu
{
overflow:hidden;
margin: 1px 0 0 0;
padding-left: 0;
background: #F1921A;
color: #000000;
width: 100%;
height: 40px;
text-align: right;
}
#menu li
{
display: inline;
list-style-type: none;
}
#menu a
{
color: #FFFFFF;
background-color: #F1921A;
text-decoration: none;
line-height: 30pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
font-weight: none;
padding: 11px 10px;
}
#menu a:hover
{
color: #F1921A;
background-color: #E6E7E8;
text-decoration: none;
}
#menu .selected
{
color: #F1921A;
background-color: #E6E7E8;
text-decoration: none;
font-weight:none;
color:#669900;
}
#levo {
float:left;
width:250px;
height: auto;
margin: 1px 0px 0px 0px;
background: #ffffff;
}
#jezgro {
float: left;
height: auto;
width: 648px;
margin: 1px 0px 0px 1px;
background: #ffffff;
}
#footer {
height:70px;
width:100%;
background:#656E75;
}
#footer p {
margin: 0px 0px 0px 0px;
padding: 20px 10px 0px 0px;
color:#ffffff;
font-family: Verdana;
font-size:8pt;
font-weight:normal;
line-height:normal;
text-align:right;
}
.box {
float:left;
width:250px;
height: auto;
margin: 0px 0px 1px 0px;
background: #656E75;
}
.boxc {
float:left;
width: 648px;
height: auto;
margin: 0px 0px 1px 0px;
background: #E6E7E8;
}
.tekst {
margin: 10px 10px 10px 10px;
font-size: 8pt;
color: #E6E7E8;
font-family: Arial;
}
.tekstc {
margin: 10px 10px 10px 10px;
font-size: 8pt;
color: #656E75;
font-family: Arial;
}
.image {
margin: 0px 10px 10px 10px;
padding:1px;
display:inline;
background:#ffffff;
color:#303030;
border:4px solid #656e75;
}
#footer a{ text-decoration:none;font-weight:normal; font-size:10px; color:#363636; }
#footer A:visited { text-decoration:none; color:#363636; }
#footer A:hover { text-decoration:underline; color: #0099ff; }
.left_link a{ text-decoration:none; color:#E6E7E8; }
.left_link A:visited { text-decoration:none; color:#E6E7E8; }
.left_link A:hover { text-decoration:underline; border-bottom-style:none; color:#E6E7E8; }
a{ text-decoration:none; color:#656E75; }
A:visited { text-decoration:none; color:#656E75; }
A:hover { text-decoration:none; border-bottom-style:solid; border-width:medium; color:#669900; }
body {
background-image: url('bckg.gif');
background-repeat: repeat-y
background: #f1f1f1
}
#container{
width: 900px;
height: auto;
background: #ffffff;
margin: 20px auto;
border:4px solid #ffffff;
}
#mainblock{
height: auto;
width: 900px;
background: #ffffff;
}
#header{
height: 150px;
width: 100%;
margin: 0;
background-image: url("banner.gif");
background-repeat: no-repeat;
}
#menu
{
overflow:hidden;
margin: 1px 0 0 0;
padding-left: 0;
background: #F1921A;
color: #000000;
width: 100%;
height: 40px;
text-align: right;
}
#menu li
{
display: inline;
list-style-type: none;
}
#menu a
{
color: #FFFFFF;
background-color: #F1921A;
text-decoration: none;
line-height: 30pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12pt;
font-weight: none;
padding: 11px 10px;
}
#menu a:hover
{
color: #F1921A;
background-color: #E6E7E8;
text-decoration: none;
}
#menu .selected
{
color: #F1921A;
background-color: #E6E7E8;
text-decoration: none;
font-weight:none;
color:#669900;
}
#levo {
float:left;
width:250px;
height: auto;
margin: 1px 0px 0px 0px;
background: #ffffff;
}
#jezgro {
float: left;
height: auto;
width: 648px;
margin: 1px 0px 0px 1px;
background: #ffffff;
}
#footer {
height:70px;
width:100%;
background:#656E75;
}
#footer p {
margin: 0px 0px 0px 0px;
padding: 20px 10px 0px 0px;
color:#ffffff;
font-family: Verdana;
font-size:8pt;
font-weight:normal;
line-height:normal;
text-align:right;
}
.box {
float:left;
width:250px;
height: auto;
margin: 0px 0px 1px 0px;
background: #656E75;
}
.boxc {
float:left;
width: 648px;
height: auto;
margin: 0px 0px 1px 0px;
background: #E6E7E8;
}
.tekst {
margin: 10px 10px 10px 10px;
font-size: 8pt;
color: #E6E7E8;
font-family: Arial;
}
.tekstc {
margin: 10px 10px 10px 10px;
font-size: 8pt;
color: #656E75;
font-family: Arial;
}
.image {
margin: 0px 10px 10px 10px;
padding:1px;
display:inline;
background:#ffffff;
color:#303030;
border:4px solid #656e75;
}
#footer a{ text-decoration:none;font-weight:normal; font-size:10px; color:#363636; }
#footer A:visited { text-decoration:none; color:#363636; }
#footer A:hover { text-decoration:underline; color: #0099ff; }
.left_link a{ text-decoration:none; color:#E6E7E8; }
.left_link A:visited { text-decoration:none; color:#E6E7E8; }
.left_link A:hover { text-decoration:underline; border-bottom-style:none; color:#E6E7E8; }
a{ text-decoration:none; color:#656E75; }
A:visited { text-decoration:none; color:#656E75; }
A:hover { text-decoration:none; border-bottom-style:solid; border-width:medium; color:#669900; }
Pharotek