ArtDesign2
<!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>Art & Design</title>
<style type='text/css'>
/* CSS Document */
body
{
margin:0px;
padding:0px;
background-color:#222014;
}
a
{
outline:none;
}
.white_bg
{
background-color:#ffffff;
}
.bg
{
background-image:url(images/bg.jpg);
height:428px;
background-repeat:no-repeat;
}
.heading1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#f68b04;
font-weight:normal;
text-decoration:none;
}
.heading2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#357daa;
padding-top:7px;
font-weight:normal;
text-decoration:none;
}
.text1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4f4e4d;
line-height:19px;
font-weight:normal;
text-decoration:none;
text-align:justify;
}
.box1_top_bg
{
background-image:url(images/box1_top_bg_22.gif);
background-repeat:repeat-x;
height:22px;
}
.box1_bot_bg
{
background-image:url(images/box1_bot_bg_76.gif);
background-repeat:repeat-x;
}
.box1_lft_bg
{
background-image:url(images/box1_lft_bg_55.gif);
background-repeat:repeat-y;
width:21px;
}
.box1_rgt_bg
{
background-image:url(images/box1_rgt_bg_58.gif);
background-repeat:repeat-y;
width:22px;
}
.box2_top_bg
{
background-image:url(images/box2_top_bg_40.gif);
background-repeat:repeat-x;
}
.box2_mid_bg
{
background-image:url(images/box2_mid_bg_47.gif);
background-repeat:repeat-y;
}
.link1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#474746;
font-weight:normal;
text-decoration:none;
}
a.link1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#474746;
font-weight:normal;
text-decoration:none;
}
a.link1:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#474746;
font-weight:normal;
text-decoration:underline;
}
.ftr_text
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#7e7e7e;
font-weight:normal;
text-decoration:none;
}
.ftr_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
padding-right:18px;
line-height:19px;
font-weight:normal;
text-decoration:none;
}
a.ftr_links
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
padding-right:18px;
line-height:19px;
font-weight:normal;
text-decoration:underline;
}
a.ftr_links:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
padding-right:18px;
line-height:19px;
font-weight:normal;
text-decoration:none;
}
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/aboutus_hov_04.jpg','images/gallery_hov_03.jpg','images/services_hov_05.jpg','images/contactus_hov_07.jpg','images/gallery_hov_06.jpg','images/home_hov_03.jpg')">
<table width="980" border="0" cellspacing="0" cellpadding="0" align="center" class="bg">
<tr>
<td 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="258" align="left" valign="top"><img src="images/logo_img_01.jpg" alt="" width="258" height="230" /></td>
<td 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="199" align="left" valign="top"><img src="images/hdr_02.jpg" alt="" width="199" height="87" /></td>
<td width="73" align="left" valign="top"><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','images/home_hov_03.jpg',1)"><img src="images/home_nor_03.jpg" alt="" name="Image35" width="73" height="87" border="0" id="Image35" /></a></td>
<td width="110" align="left" valign="top"><img src="images/aboutus_hov_04.jpg" alt="" width="109" height="87" border="0" title="About Us"/></td>
<td width="96" align="left" valign="top"><a href="gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','images/gallery_hov_06.jpg',1)"><img src="images/gallery_nor_06.jpg" alt="" name="Image33" width="95" height="87" border="0" id="Image33" title="Gallery" /></a><a href="gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image33','','images/gallery_hov_03.jpg',1)"></a></td>
<td width="100" align="left" valign="top"><a href="services.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','images/services_hov_05.jpg',1)"><img src="images/services_nor_05.jpg" alt="" name="Image31" width="99" height="87" border="0" id="Image31" title="Services" /></a></td>
<td width="116" align="left" valign="top"><a href="contactus.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image34','','images/contactus_hov_07.jpg',1)"><img src="images/contactus_nor_07.jpg" alt="" name="Image34" width="117" height="87" border="0" id="Image34" title="Contact Us" /></a></td>
<td width="31" align="left" valign="top"><img src="images/hdr_08.jpg" alt="" width="30" height="87" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="246" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="images/logo_11.jpg" alt="" width="326" height="43" hspace="10" vspace="10" /></td>
</tr>
<tr>
<td height="30"></td>
</tr>
<tr>
<td align="left" valign="top"><table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" class="heading1">Welcome to Art & Design!</td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<td align="left" valign="top" class="text1">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"><a href="#"><img src="images/read_more_btn1_16.jpg" alt="" width="94" height="22" border="0" title="Click here to read more" /></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14"></td>
<td width="654"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21"><img src="images/curve_lft_20.jpg" alt="" width="21" height="22" /></td>
<td width="612" valign="top" class="box1_top_bg"></td>
<td width="21"><img src="images/curve_rgt_23.gif" alt="" width="22" height="22" /></td>
</tr>
<tr>
<td class="box1_lft_bg"></td>
<td height="323" valign="top" class="white_bg" style="padding-left:12px; padding-right:12px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="27"></td>
</tr>
<tr>
<td align="left" class="heading1">About Us </td>
</tr>
<tr>
<td height="10"></td>
</tr>
<tr>
<td align="left" class="text1">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. 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. 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="left" height="10"></td>
</tr>
<tr>
<td align="left" class="text1">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. 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="left" height="10"></td>
</tr>
<tr>
<td align="left" class="text1">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="left" height="10"></td>
</tr>
<tr>
<td align="right"><a href="#"></a></td>
</tr>
</table></td>
</tr>
</table></td>
<td class="box1_rgt_bg"></td>
</tr>
<tr>
<td><img src="images/curve_lft_btm_72.gif" alt="" width="21" height="22" /></td>
<td valign="bottom" class="box1_bot_bg"></td>
<td><img src="images/curve_rgt_btm_73.gif" alt="" width="22" height="22" /></td>
</tr>
</table></td>
<td width="300" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="56"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="299" border="0" cellspacing="0" cellpadding="0">
<tr class="box2_top_bg">
<td width="15"><img src="images/rgt_curve_lft_35.jpg" alt="" width="15" height="55" /></td>
<td width="266" align="left" class="heading2">Our Services</td>
<td width="18"><img src="images/rgt_curve_rgt_37.jpg" alt="" width="18" height="55" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="232" align="center" valign="top" class="box2_mid_bg"><table width="86%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="15" colspan="2"></td>
</tr>
<tr>
<td width="37" align="left"><img src="images/arrow_services_50.gif" alt="" width="27" height="27" /></td>
<td width="221" align="left" class="text2"><a href="#" class="link1" title="Line Drawing">Line Drawing</a></td>
</tr>
<tr>
<td height="13" colspan="2"></td>
</tr>
<tr>
<td align="left"><img src="images/arrow_services_50.gif" alt="" width="27" height="27" /></td>
<td align="left" class="text2"><a href="#" class="link1" title="Photo Editing">Photo Editing</a></td>
</tr>
<tr>
<td height="13" colspan="2"></td>
</tr>
<tr>
<td align="left"><img src="images/arrow_services_50.gif" alt="" width="27" height="27" /></td>
<td align="left" class="text2"><a href="#" class="link1" title="Image Cropping">Image Cropping</a></td>
</tr>
<tr>
<td height="13" colspan="2"></td>
</tr>
<tr>
<td align="left"><img src="images/arrow_services_50.gif" alt="" width="27" height="27" /></td>
<td align="left" class="text2"><a href="#" class="link1" title="GUI Design">GUI Design</a></td>
</tr>
<tr>
<td height="13" colspan="2"></td>
</tr>
<tr>
<td align="left"><img src="images/arrow_services_50.gif" alt="" width="27" height="27" /></td>
<td align="left" class="text2"><a href="#" class="link1" title="Image Manipulation">Image Manipulation</a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/box2_bot_79.gif" alt="" width="299" height="14" /></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="13"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="68" align="center" class="ftr_text">Copyright © 2010 Art & Design. All Rights Reserved.<br />
<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>
</table></td>
</tr>
</table>
</body>
</html>
Related examples in the same category