Modified : Design 4 « Templates « HTML / CSS






Modified

   

<HTML>
<HEAD>
<TITLE>nature</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
  if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
  }
}

function changeImages() {
  if (document.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
  }
}

var preloadFlag = false;
function preloadImages() {
  if (document.images) {
    home_page_over = newImage("Modified-images/home-page-over.jpg");
    about_us_over = newImage("Modified-images/about-us-over.jpg");
    cars_over = newImage("Modified-images/cars-over.jpg");
    offers_over = newImage("Modified-images/offers-over.jpg");
    support_over = newImage("Modified-images/support-over.jpg");
    contact_over = newImage("Modified-images/contact-over.jpg");
    preloadFlag = true;
  }
}

// -->
</SCRIPT>
<!-- End Preload Script -->
<style type='text/css'>
body {
  margin-bottom: 0px;
  background-color: #000000;
}
td, textarea, input, select {
  font-family: Tahoma;
  font-size: 10px;
  color: #372301;
  font-weight: normal;
  line-height: 14px;
}

.frame {
  border: 1px solid #d6bb4a;
}

.text1 {
  font-family: tahoma;
  font-size: 11px;
  color: #372301;
  font-weight: normal;
}
.text2 {
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #1c1303;
}
.text3 {
  font-family: tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #372301;
}
.text4 {
  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #372301;
}
.text5 {
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #442c03;
}
.text6 {
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
}
.text7 {
  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
}
.text8 {

  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #442c03;
}
.text9 {


  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #4E4E4E;
}

a:link {
  color: #442c03;
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;

}
a:visited {
  color: #442c03;
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;

}

a:hover {
  color: #4e4f2f;
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: underline;
}

a.a:link {
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal;
  color: #3a2602;
  text-decoration: underline;
}
a.a:visited {
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal;
  color: #3a2602;
  text-decoration: underline;
}
a.a:hover {
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal;
  color: #3a2602;
  text-decoration: none;
}

a.b:link {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #442c03;
  text-decoration: none;
}
a.b:visited {
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #442c03;
  text-decoration: none;
}
a.b:hover {
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #442c03;
  text-decoration: underline;
}

a.c:link {
  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #3c2700;
  text-decoration: none;
}
a.c:visited {

  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #71A2CB;
  text-decoration: none;
}
a.c:hover {

  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #71A2CB;
  text-decoration: underline;
}

a.d:link {



  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: underline;
}
a.d:visited {


  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: underline;
}
a.d:hover {


  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: underline;
}

a.e:link {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #71A2CB;
  text-decoration: underline;
}
a.e:visited {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #71A2CB;
  text-decoration: underline;
}
a.e:hover {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #81992B;
  text-decoration: none;
}

a.f:link {

  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #898989;
  text-decoration: underline;
}
a.f:visited {

  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #898989;
  text-decoration: underline;
}
a.f:hover {

  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #81992B;
  text-decoration: none;
}

a.g:link {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}
a.g:visited {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}
a.g:hover {

  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color: #FF6600;
  text-decoration: underline;
}

.inputstyle {
  font-family: tahoma;
  font-size: 10px;
  font-weight: normal;
  color: #5F726F;
  background-color: #E2EDEB;
  border: 1px solid #d6bb4a;
}

</style>


</HEAD><BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<center>

<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=778 BORDER=0 CELLPADDING=0 CELLSPACING=0 bgcolor="#d5b62b" class="frame">
  <TR>
    <TD width="50" ROWSPAN=19>
      <IMG SRC="Modified-images/m1.jpg" WIDTH=50 HEIGHT=680 ALT=""></TD>
    <TD COLSPAN=10>
      <IMG SRC="Modified-images/m2.jpg" WIDTH=675 HEIGHT=95 ALT=""></TD>
    <TD width="50" ROWSPAN=19>
      <IMG SRC="Modified-images/m3.jpg" WIDTH=50 HEIGHT=680 ALT=""></TD>
    <TD width="10">
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=95 ALT=""></TD>
  </TR>
  <TR>
    <TD width="10" ROWSPAN=15>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=10 HEIGHT=500 ALT=""></TD>
    <TD COLSPAN=3>
      <A HREF="#"
        ONMOUSEOVER="window.status='home page'; changeImages('home_page', 'Modified-images/home-page-over.jpg'); return true;"
        ONMOUSEOUT="window.status=''; changeImages('home_page', 'Modified-images/home-page.jpg'); return true;">
        <IMG NAME="home_page" SRC="Modified-images/home-page.jpg" WIDTH=194 HEIGHT=53 BORDER=0 ALT="home page"></A></TD>
    <TD COLSPAN=5 ROWSPAN=6>
      <IMG SRC="Modified-images/m4.jpg" WIDTH=461 HEIGHT=229 ALT=""></TD>
    <TD width="10" ROWSPAN=15>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=10 HEIGHT=500 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=53 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3>
      <A HREF="#"
        ONMOUSEOVER="window.status='about us'; changeImages('about_us', 'Modified-images/about-us-over.jpg'); return true;"
        ONMOUSEOUT="window.status=''; changeImages('about_us', 'Modified-images/about-us.jpg'); return true;">
        <IMG NAME="about_us" SRC="Modified-images/about-us.jpg" WIDTH=194 HEIGHT=30 BORDER=0 ALT="about us"></A></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=30 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3>
      <A HREF="#"
        ONMOUSEOVER="window.status='cars'; changeImages('cars', 'Modified-images/cars-over.jpg'); return true;"
        ONMOUSEOUT="window.status=''; changeImages('cars', 'Modified-images/cars.jpg'); return true;">
        <IMG NAME="cars" SRC="Modified-images/cars.jpg" WIDTH=194 HEIGHT=32 BORDER=0 ALT="cars"></A></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=32 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3>
      <A HREF="#"
        ONMOUSEOVER="window.status='offers'; changeImages('offers', 'Modified-images/offers-over.jpg'); return true;"
        ONMOUSEOUT="window.status=''; changeImages('offers', 'Modified-images/offers.jpg'); return true;">
        <IMG NAME="offers" SRC="Modified-images/offers.jpg" WIDTH=194 HEIGHT=32 BORDER=0 ALT="offers"></A></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=32 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3>
      <A HREF="#"
        ONMOUSEOVER="window.status='support'; changeImages('support', 'Modified-images/support-over.jpg'); return true;"
        ONMOUSEOUT="window.status=''; changeImages('support', 'Modified-images/support.jpg'); return true;">
        <IMG NAME="support" SRC="Modified-images/support.jpg" WIDTH=194 HEIGHT=32 BORDER=0 ALT="support"></A></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=32 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3>
      <A HREF="#"
        ONMOUSEOVER="window.status='contact'; changeImages('contact', 'Modified-images/contact-over.jpg'); return true;"
        ONMOUSEOUT="window.status=''; changeImages('contact', 'Modified-images/contact.jpg'); return true;">
        <IMG NAME="contact" SRC="Modified-images/contact.jpg" WIDTH=194 HEIGHT=50 BORDER=0 ALT="contact"></A></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=50 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=8>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=655 HEIGHT=10 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=10 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3 ROWSPAN=2>
      <IMG SRC="Modified-images/test1.jpg" WIDTH=194 HEIGHT=71 ALT=""></TD>
    <TD COLSPAN=3 ROWSPAN=4>
      <IMG SRC="Modified-images/tech1.jpg" WIDTH=267 HEIGHT=154 ALT=""></TD>
    <TD COLSPAN=2>
      <IMG SRC="Modified-images/nw1.jpg" WIDTH=194 HEIGHT=57 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=57 ALT=""></TD>
  </TR>
  <TR>
    <TD width="44" ROWSPAN=7>
      <IMG SRC="Modified-images/nw2.jpg" WIDTH=44 HEIGHT=204 ALT=""></TD>
    <TD WIDTH=150 HEIGHT=60 ROWSPAN=2 align="left" valign="top" style="line-height:12px"><span class="text5">18.01.07</span>          <br>
      Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
  </TR>
  <TR>
    <TD width="25" ROWSPAN=4 bgcolor="#d5b52c">
      <IMG SRC="Modified-images/spacer.gif" WIDTH=25 HEIGHT=120 ALT=""></TD>
    <TD WIDTH=141 HEIGHT=120 ROWSPAN=4 align="left" valign="top" bgcolor="#d5b52c" class="text1"><span class="text2">Lorem Ipsum consetetur</span> sed diam nonumy eirmod tempor invidunt ut labore Lorem ipsum dolor sit amet, conseter sadipscing elitr, sed diam ipsum dolor sit amet, conseter sadipscing elitr, sed diam <a href="#" class="a">read more</a></TD>
    <TD width="28" ROWSPAN=4 align="left" valign="top" bgcolor="#d5b52c">
      <IMG SRC="Modified-images/spacer.gif" WIDTH=28 HEIGHT=120 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=46 ALT=""></TD>
  </TR>
  <TR>
    <TD WIDTH=150 HEIGHT=60 ROWSPAN=2 align="left" valign="top" style="line-height:12px"><span class="text5">17.01.07
          </span><br>
      Consetetur sadipscing elitr, sed diam nonumy eirmod eirmod tempor nonumy</TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=37 ALT=""></TD>
  </TR>
  <TR>
    <TD width="24" ROWSPAN=4 align="left" valign="top">
      <IMG SRC="Modified-images/tech2.jpg" WIDTH=24 HEIGHT=107 ALT=""></TD>
    <TD WIDTH=212 HEIGHT=107 ROWSPAN=4 align="left" valign="top" bgcolor="#d5b52c" class="text1"><span class="text3">Lorem Ipsum consetetur sadipscing </span>sed diam nonumy eirmod tempor invidunt ut labore Lorem ipsum dolor sit amet, conseter sadipscing elitr, sed diam ipsum dolor sit amet, conseter sadipscing elitr, sed diam 

          <br>
          <br>
          <a href="#" class="a">read more</a></TD>
    <TD width="31" ROWSPAN=4 align="left" valign="top" bgcolor="#d5b52c">
      <IMG SRC="Modified-images/spacer.gif" WIDTH=31 HEIGHT=107 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=23 ALT=""></TD>
  </TR>
  <TR>
    <TD WIDTH=150 HEIGHT=60 ROWSPAN=2 align="left" valign="top" style="line-height:12px"><span class="text5">15.01.07
          </span><br>
          invidunt ut labore Lorem ipsum dolor sit amet, conseter eirmod 
invidunt ut labore</TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=14 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=3 ROWSPAN=2>
      <IMG SRC="Modified-images/test2.jpg" WIDTH=194 HEIGHT=70 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=46 ALT=""></TD>
  </TR>
  <TR>
    <TD WIDTH=150 HEIGHT=24 align="left" valign="top"><a href="#" class="b">more news</a></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=24 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=10>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=675 HEIGHT=11 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=11 ALT=""></TD>
  </TR>
  <TR>
    <TD COLSPAN=10>
      <IMG SRC="Modified-images/down.jpg" WIDTH=675 HEIGHT=5 ALT=""></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=5 ALT=""></TD>
  </TR>
  <TR>
    <TD HEIGHT=69 COLSPAN=10 align="center" valign="middle" class="text4" style="line-height:18px">  <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Our Team</a> | <a href="#">Hot Offers</a> | <a href="#">Support</a> | <a href="#">News</a> | <a href="#">Contact Us</a> <br>
     <p>Design by <a href="http://www.worldclasslasik.com">new york lasik</a></p></TD>
    <TD>
      <IMG SRC="Modified-images/spacer.gif" WIDTH=1 HEIGHT=69 ALT=""></TD>
  </TR>
</TABLE>
<!-- End ImageReady Slices -->
</center></BODY>

</HTML>

   
    
    
  








Related examples in the same category

1.arrangement
2.arthemia
3.artica
4.aspherical
5.assiduous
6.asterisk
7.astounded
8.astroturfd
9.atomohost
10.atrandafir582
11.AttainDigital
12.audi-template
13.aurelius
14.authenticity
15.autoportal
16.axian
17.azulmedia2-1
18.azure
19.bagatelle
20.balanced
21.bananaleaf
22.barricade
23.begrimed
24.belowthehorizon
25.bennevis
26.bermuda01
27.besmart
28.bestwebdesign
29.beta
30.beyond
31.bigdeal
32.BigSpaceLove
33.bioessence
34.Biru_Manteb
35.bittersweet
36.Black
37.chamberlandsrestaurant
38.chara
39.characterized
40.charcoal
41.charitable-organization
42.chary
43.chasmogamous
44.chesspiece
45.chic
46.chicanery
47.chromz
48.churchsitev.2
49.citrus-island1-1
50.clementine
51.clicker
52.modernclassic
53.modernmagic
54.modernworld
55.A_Simple_Theme
56.minimalistica
57.miniseries
58.mint-idea
59.minty
60.mirax
61.miscellaneous
62.mistybud
63.mlpdesign02
64.mlpdesign03
65.mlpdesign04
66.mlpdesign08
67.model-4-me
68.model-portfolio
69.modelagency
70.modelportfolio
71.model_2
72.moderna
73.modulation
74.module-mag
75.mokofactory
76.monster
77.mork-horisont
78.mountainbreeze
79.mouse
80.mrtechie
81.multiflex2
82.multiple
83.multiplex
84.music
85.muzzle
86.MyCode
87.mydiary
88.myfamily
89.myhedspacefree08
90.mykindathing
91.myportfolio
92.mystic-garden
93.Mythology
94.myvalentine
95.naeve
96.natheless
97.nationalpark
98.neapolitan
99.neatness
100.nebuladog
101.nedweb
102.NelVoize
103.neoneon
104.neonix
105.neoplanet-01
106.neotech
107.netindustries
108.neuphoric
109.neutral
110.neutraldesk
111.neutralgreen
112.new kitchen design
113.new-fast-host
114.new-home
115.new-rise
116.new-year