music2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Music Website</title>
<style type='text/css'>
/* CSS Document */
body
{
margin:0px;
padding:0px;
background-image:url(music2-images/bdy_bg.jpg);
background-repeat:repeat;
}
a:link {
text-decoration: none;
outline:none;
}
a:visited {
text-decoration: none;
outline:none;
}
a:hover {
text-decoration: none;
outline:none;
}
.outertable
{
width:1000px;
background-image:url(music2-images/bg.jpg);
background-repeat:no-repeat;
height:910px;
}
.top-middle
{
background-image:url(music2-images/middle-top.jpg);
background-repeat:repeat-x;
}
.right-middle
{
background-image:url(music2-images/right-middle.jpg);
background-repeat:repeat-y;
}
.bottom-middle
{
background-image:url(music2-images/middle-bottom.jpg);
background-repeat:repeat-x;
}
.left-middle
{
background-image:url(music2-images/middle-left.jpg);
background-repeat:repeat-y;
}
.white-light
{
background-color:#f2f2f2;
}
.text1
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#940101;
text-decoration:none; font-weight:normal;
text-align:center;outline:none;
}
.text2
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#9d9a9a;
text-decoration:none;outline:none;
}
.text3
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#7e7c7c;
text-decoration:none;
line-height:20px;
text-align:justify;outline:none;
}
.text4
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3e3b3b;
text-decoration:none;
font-weight:bold;outline:none;
}
.text5
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.red-bg
{
background-color:#940101;
}
.grey-bg
{
background-color:#9d9a9a;
}
.heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#626060;
text-decoration:none;outline:none;
}
.link1
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#940101;
text-decoration:none;outline:none;
}
.link1 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#940101;
text-decoration:none;outline:none;
}
.link1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#940101;
text-decoration:underline;outline:none;
}
.link2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.link2 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.link2 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:underline;outline:none;
}
.border1
{
border-bottom:1px dashed #ccc6c6;
}
</style>
</head>
<body>
<table width="1000" border="0" cellspacing="0" cellpadding="0" class="outertable" align="center">
<tr>
<td align="right" valign="top" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="199" align="left" valign="top" style="padding-top:32px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="73%"> </td>
<td width="27%"><a href="index.html"><img src="music2-images/logo.jpg" width="235" height="23" border="0" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="682" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="340" rowspan="2"> </td>
<td width="660" align="left" valign="top"><h5 class="style1"> </h5></td>
</tr>
<tr>
<td align="left" valign="top" style="padding-right:15px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27"><img src="music2-images/left-top.jpg" width="27" height="23" /></td>
<td width="606" class="top-middle"> </td>
<td width="27"><img src="music2-images/right-top.jpg" width="27" height="23" /></td>
</tr>
<tr>
<td class="left-middle"> </td>
<td valign="top" class="white-light"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="118" height="35" align="center" class="text2" ><a href="index.html" class="text2">HOME</a></td>
<td width="118" align="center" class="text1"><a href="aboutus.html" class="text1">ABOUT US</a> </td>
<td width="118" align="center" class="text2"><a href="artists.html" class="text2">ARTISTS</a></td>
<td width="118" align="center" class="text2"><a href="musics.html" class="text2">MUSICS</a></td>
<td width="118" align="center" class="text2"><a href="contacts.html" class="text2">CONTACTS</a></td>
</tr>
<tr>
<td width="118" align="center" class="grey-bg" height="2" ></td>
<td width="118" align="center" class="red-bg"> </td>
<td width="118" align="center" class="grey-bg"></td>
<td width="118" align="center" class="grey-bg"></td>
<td width="118" align="center" class="grey-bg"></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="heading">ABOUT US </td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. when an unknown printer took a galley of type and scrambled it to make a type specimen book. when an unknown printer took a galley of type and scrambled it to make a type specimen book. </td>
</tr>
<tr>
<td align="right" class="link1" ><a href="#" class="link1">readmore..</a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="51%" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="heading">CATEGORIES</td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td valign="top" class="text3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="music2-images/1.jpg" width="76" height="68" /></td>
<td><img src="music2-images/2.jpg" width="76" height="68" /></td>
<td><img src="music2-images/3.jpg" width="76" height="68" /></td>
</tr>
<tr>
<td colspan="3" height="7"></td>
</tr>
<tr>
<td><img src="music2-images/4.jpg" width="76" height="68" /></td>
<td><img src="music2-images/5.jpg" width="76" height="68" /></td>
<td><img src="music2-images/6.jpg" width="76" height="68" /></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="49%" align="right" valign="top"><table width="242" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="heading">MUSICAL NEWS </td>
</tr>
<tr>
<td height="7"></td>
</tr>
<tr>
<td valign="top" class="text3"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="text4">APRIL 10, 2010</td>
</tr>
<tr>
<td colspan="3" class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
</tr>
<tr>
<td colspan="3" height="8" ></td>
</tr>
<tr>
<td colspan="3" class="text3"><span class="text4">APRIL 10, 2010</span></td>
</tr>
<tr>
<td colspan="3" class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</td>
</tr>
<tr>
<td colspan="3" align="right" class="link1" ><a href="#" class="link1">readmore..</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" valign="top" style="padding-top:5px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="heading">HOT TOPIC </span></td>
</tr>
<tr>
<td class="text3" height="8"></td>
</tr>
<tr>
<td class="text3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </td>
</tr>
<tr>
<td align="right" class="link1"><a href="#" class="link1">.</a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td class="right-middle"> </td>
</tr>
<tr>
<td><img src="music2-images/left-bottom.jpg" width="27" height="23" /></td>
<td class="bottom-middle"> </td>
<td><img src="music2-images/right-bottom.jpg" width="27" height="23" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="red-bg" height="29">
<tr>
<td width="2%" rowspan="2" > </td>
<td width="42%" rowspan="2" align="left" class="text5" >Copyrights © Company Name 2010. All rights Reserved. </td>
<td width="53%" align="right" class="link2"><a href="index.html" class="link2">Home</a> |
<a href="aboutus.html" class="link2">About Us</a> |
<a href="artists.html" class="link2">Artists</a> |
<a href="musics.html" class="link2">Musics</a> |
<a href="contacts.html" class="link2">Contacts</a></td>
<td width="3%"> </td>
</tr>
<tr>
<td align="right" class="text5"><p style="font:normal 11px arial; color:#b1b1b1; display:inline;">Brought by </p><a href="http://www.globaltemplates.com/" style="font-size:11px;color::#b1b1b1"> Free Website Templates</a></span></td>
<td width="3%"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Related examples in the same category