music1 : Music « Templates « HTML / CSS






music1

   

<!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 Template</title>

<style type='text/css'>
/* CSS Document */
body
{
margin:0 0 0 0px;
background-color:#8f5091;
background-image:url(music1-images/bdy_bg.jpg);
background-repeat:repeat-x;
}
a:link {
  text-decoration: none;outline:none;
}
a:visited {
  text-decoration: none;outline:none;
}
a:hover {
  text-decoration: none;
  outline:none;
}
.outertable
{
width:1000px;
margin-left:auto;
margin-right:auto;
}
.innertable
{
width:853px;
margin-left:auto;
margin-right:auto;
}
.top-bg
{
background-image:url(music1-images/top-bg.jpg);
background-repeat:no-repeat;
height:219px;
}
.link1
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.link1 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.link1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:underline;outline:none;
}
.link2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3c6fae;
text-decoration:none;
padding-top:5px;outline:none;
}
.link2 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3c6fae;
text-decoration:none;
padding-top:5px;outline:none;
}
.link2 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#783280;
text-decoration:underline;
padding-top:5px;outline:none;
}
.link3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#969596;
text-decoration:none;outline:none;
}
.link3 a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#969596;
text-decoration:none;outline:none;
}
.link3 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#969596;
text-decoration:underline;outline:none;
}
.white-bg
{
background-color:#FFFFFF;
border-left:3px solid #e6b6ed;
border-right:3px solid #e6b6ed;
border-top:3px solid #e6b6ed;
}
.menu-bg
{
background-image:url(music1-images/menu-bg.jpg);
background-repeat:no-repeat;
width:141px;
height:59px;
}
.menu-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
padding-top:15px;outline:none;
}
.menu-text a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;outline:none;
}
.menu-text a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#dd91f0;
text-decoration:none;outline:none;
}
.heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#797a7b;
text-decoration:none;
 font-weight:bold;outline:none;
}
.heading1
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-decoration:none;
 font-weight:bold;outline:none;
}
.heading2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3c6fae;
text-decoration:none;
font-weight:bold;outline:none;
}
.text1
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#595a5a;
text-decoration:none;
line-height:20px;
text-align:justify;outline:none;
}
.text2
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#797579;
text-decoration:none;
line-height:18px;
text-align:justify;outline:none;
}
.text3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#969596;
text-decoration:none;outline:none;
}
.grey-bg
{
background-color:#f2f1f2;
}
.learn-bg
{
background-image:url(music1-images/learn-bg.jpg);
background-repeat:no-repeat;
width:76px;
height:32px;
}
.footer-bg
{
background-image:url(music1-images/footer-bg.jpg);
background-repeat:repeat-x;
height:82px;
}
.border
{
border:1px solid #CCCCCC;
}


</style>



</head>



<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="outertable">

  <tr>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="top-bg">

      <tr>

        <td width="50%" valign="top" style="padding-left:25px; padding-top:43px;"><table width="279" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td><a href="index.html"><img src="music1-images/logo.jpg" width="279" height="45" border="0" /></a></td>

          </tr>

        </table></td>

        <td width="50%" align="center" valign="top" style="padding-left:150px; padding-top:51px;"><table width="200" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="67" align="center" class="link1"><a href="index.html" class="link1">Home</a></td>

            <td width="77" align="center" class="link1"><a href="enquiry.html" class="link1">Enquiry</a></td>

            <td width="56" align="center" class="link1"><a href="contacts.html" class="link1">Contacts</a></td>

          </tr>

        </table></td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="innertable">

      <tr>

        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="white-bg">

          <tr>

            <td align="center"><table width="713" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td><table width="141" border="0" cellpadding="0" cellspacing="0" class="menu-bg">

                  <tr>

                    <td align="center" valign="top" class="menu-text"><a href="index.html" class="menu-text">HOME</a></td>

                  </tr>

                </table></td>

                <td><table width="141" border="0" cellpadding="0" cellspacing="0" class="menu-bg">

                  <tr>

                    <td align="center" valign="top" class="menu-text"><a href="music.html" class="menu-text">MUSIC</a></td>

                  </tr>

                </table></td>

                <td><table width="141" border="0" cellpadding="0" cellspacing="0" class="menu-bg">

                  <tr>

                    <td align="center" valign="top" class="menu-text"><a href="gallery.html" class="menu-text">GALLERY</a></td>

                  </tr>

                </table></td>

                <td><table width="141" border="0" cellpadding="0" cellspacing="0" class="menu-bg">

                  <tr>

                    <td align="center" valign="top" class="menu-text"><a href="funclub.html" class="menu-text">FUNCLUB</a></td>

                  </tr>

                </table></td>

                <td><table width="141" border="0" cellpadding="0" cellspacing="0" class="menu-bg">

                  <tr>

                    <td align="center" valign="top" class="menu-text"><a href="contacts.html" class="menu-text">CONTACTS</a></td>

                  </tr>

                </table></td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td style="padding-left:15px; padding-right:15px; ">&nbsp;</td>

          </tr>

          <tr>

            <td valign="top" style="padding-left:18px; padding-right:18px; "><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="66%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                  <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                        <tr>

                          <td width="8%"><img src="music1-images/music-icon.jpg" width="38" height="29" /></td>

                          <td width="92%" class="heading">Contacts</td>

                        </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td height="10"></td>

                  </tr>

                  <tr>

                    <td valign="top" class="text1"><table width="241" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td height="51" align="left" valign="top" class="text1" style="padding-left:8px; ">Company Name <br />

                          Door No, Street, city, <br />

                          State, Country - 000 000 </td>

                      </tr>

                      <tr>

                        <td height="43" align="left" valign="top" class="text1" style="padding-left:8px; ">Ph : +91 044 12345678 <br />

                          Cell : +91 99999 99999</td>

                      </tr>

                      <tr>

                        <td align="left" valign="top" class="greytext11" style="padding-left:8px; ">E-mail: <span class="link2"><a href="mailto:info@musiccompany.com" class="link2">info@musiccompany.com</a><br />

                        </span>Website :<span class="link2"><a href="#" target="_blank" class="link2"> www.companyname.com</a></span></td>

                      </tr>

                    </table></td>

                    </tr>

                  

                </table></td>

                <td width="34%" align="right" valign="top"><table width="243" border="0" cellpadding="0" cellspacing="0" class="grey-bg">

                  <tr>

                    <td width="16" rowspan="11">&nbsp;</td>

                    <td width="227" height="10"></td>

                  </tr>

                  <tr>

                    <td align="left" class="heading1">MUSICAL NEWS </td>

                  </tr>

                  <tr>

                    <td height="10" align="left"></td>

                  </tr>

                  <tr>

                    <td align="left"><img src="music1-images/line.jpg" width="190" height="2" /></td>

                  </tr>

                  <tr>

                    <td  height="10"></td>

                  </tr>

                  <tr>

                    <td align="left" style="padding-right:8px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="12%"><img src="music1-images/music-icon1.jpg" width="16" height="21" /></td>

                        <td width="88%" class="heading2">MARCH 12 , 2010</td>

                      </tr>

                      <tr>

                        <td colspan="2" class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's  book.</td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td height="28" align="left">&nbsp;</td>

                  </tr>

                  <tr>

                    <td align="left" style="padding-right:8px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="12%"><img src="music1-images/music-icon1.jpg" width="16" height="21" /></td>

                        <td width="88%" class="heading2">MARCH 12 , 2010</td>

                      </tr>

                      <tr>

                        <td colspan="2" class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's  book.</td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td height="28" align="left">&nbsp;</td>

                  </tr>

                  <tr>

                    <td align="left" style="padding-right:8px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                      <tr>

                        <td width="12%"><img src="music1-images/music-icon1.jpg" width="16" height="21" /></td>

                        <td width="88%" class="heading2">MARCH 12 , 2010</td>

                      </tr>

                      <tr>

                        <td colspan="2" class="text2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's  book.</td>

                      </tr>

                    </table></td>

                  </tr>

                  <tr>

                    <td align="left">&nbsp;</td>

                  </tr>

                  <tr>

                    <td>&nbsp;</td>

                    <td align="left">&nbsp;</td>

                  </tr>

                </table></td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td style="padding-top:20px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="footer-bg">

              <tr>

                <td align="center" valign="bottom" class="text3"><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></td>

              </tr>

               <tr>

                <td align="center" valign="top" class="link3" style="padding-top:6px;"><span class="link3" style="padding-top:6px;"><a href="index.html" class="link3">Home</a> &nbsp; | &nbsp; <a href="music.html" class="link3">Music</a> &nbsp; | &nbsp; <a href="gallery.html" class="link3">Gallery </a>&nbsp; | &nbsp; <a href="funclub.html" class="link3">FunClub</a> &nbsp; | &nbsp; <a href="contacts.html" class="link3">Contacts </a></span></td>

              </tr>

            </table></td>

          </tr>

        </table></td>

      </tr>

    </table></td>

  </tr>

</table>

</body>

</html>

   
    
    
  








Related examples in the same category

1.music-beats
2.music-club
3.music-portal
4.music-school
5.music-store
6.music03
7.music2
8.musiciansagency
9.musicmania
10.musicshop
11.musicshow
12.musicstore
13.wood-guitar
14.thepiano
15.Guitar-Band
16.guitarhero