Wednesday, 3 November 2010

Pasha Painter part 4

 Index

<!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=utf-8" />
<title>Pasha The Painter</title>
<link href="painter.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<h1 id="logo"><img src="painterlogo.gif" alt="Pasha the Painter" width="620" height="120" /></h1>
<div id="leftcolumn">
  <ul>
     <li><a href="index.html">Home</a></li>

     <li><a href="services.html">Services</a></li>
     <li><a href="testimonials.html">Testimonials</a></li>
     <li><a href="estimates.html">Estimates</a></li>
     <li><a href="store.html">Store</a></li>
  </ul>
</div>
<div id="rightcolumn">
<p>We will work with you to create the home of your dreams.</p>

<ul class="category">
  <li>Interior Painting</li>
  <li>Exterior Painting</li>
  <li>Wallpaper Removal</li>
  <li>Wallpaper Installation</li>
  <li>Drywall</li>
</ul>

<div id="footer">Copyright &copy; 2011 Pasha the Painter<br />

<div id="footer">Copyright &copy; 2011 Pasha the Painter<br />
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
</div></div></div>
</body>
</html>

CSS

body { background-color: #ffffff;
       color: #000000;
       font-family: Verdana, Arial, sans-serif;
}
.logo { background-color:#ffffff;
        color:#336633;
      font-family: Georgia, "Times New Roman", serif;
}
.category {background-color:#ffffff;
           color:#336633;
           font-family: Georgia, "Times New Roman", serif;
           font-size: 1.2em;
          font-weight:bold;
}

#footer { font-size: .60em;
          font-style: italic;
}

img { border:0;
      padding-right:10px;
}

h2 { margin: -10px 5px 5px 0px;
    padding: 5px;
    font-family: Verdana, sans-serif;
    font-size: .90em;
    float: left;
    width: 200px;
    background-color: #336600;
    color: #ffffff;
    text-transform: uppercase;
}
.desc { padding: 5px 0 20px 0;
border-top: 1px solid #336600;
}
#container { width: 620px; }

#leftcolumn {float: left;
             width: 150px;
}
div#leftcolumn a { font-weight: bold;
                   text-decoration: none;
}
#leftcolumn a:link { color: #336633; }

.floatright { float: right;
              padding: 5px;

}

Services

<!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=utf-8" />
<title>Pasha The Painter</title>
<link rel="stylesheet" type="text/css" href="painter.css"/>
</head>

<body>
<div id="container">
<h1 id="logo"><img src="painterlogo.gif" alt="Pasha the Painter" width="620" height="120" /></h1>
<div id="leftcolumn">
  <ul>
     <li><a href="index.html">Home</a></li>

     <li><a href="services.html">Services</a></li>
     <li><a href="testimonials.html">Testimonials</a></li>
     <li><a href="estimates.html">Estimates</a></li>
     <li><a href="store.html">Store</a></li>
  </ul>
</div>
<div id="rightcolumn">
<table>

  <tr>
    <td class="service">Interior Services</td>
  </tr>
  <tr>
    <td>If you need it painted, textured, or papered, Pete the Painter can do it!</td>
  </tr>
  <tr>
    <td class="service">Exterior Services</td>

  </tr>
  <tr>
    <td>If you need it washed, painted, stained, or just touched up, Pete the Painter can do it!</td>
  </tr>
  <tr>
    <td class="service">Painting</td>
  </tr>
  <tr>

    <td>Pete has the most dependable and professional painting staff in the area and uses only quality paint.</td>
  </tr>
  <tr>
    <td class="service">Wallcovering</td>
  </tr>
  <tr>
    <td >Our design specialists are experts at applying wallpaper and other wallcoverings.</td>

  </tr>
</table>
<br />
<div id="footer">Copyright &copy; 2011 Pasha the Painter<br />

    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div></div>
</body>
</html>

Testimonials

<!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=utf-8" />
<title>Pasha The Painter</title>
<link rel="stylesheet" type="text/css" href="painter.css"/>
</head>

<body>
<body>
<div id="container">
<h1 id="logo"><img src="painterlogo.gif" alt="Pasha the Painter" width="620" height="120" /></h1>
<div id="leftcolumn">
  <ul>
     <li><a href="index.html">Home</a></li>

     <li><a href="services.html">Services</a></li>
     <li><a href="testimonials.html">Testimonials</a></li>
     <li><a href="estimates.html">Estimates</a></li>
     <li><a href="store.html">Store</a></li>
  </ul>
</div>
<div id="rightcolumn">
<h2>Painting</h2>

<p class="desc"><a href="paintroom.jpg."><img src="paintroom_small.jpg" alt="Painted room" class="floatright" /></a>
We were selling our home and needed a room painted quickly. Pete's team promptly came out and gave an estimate. It was quite reasonably priced. They started and finished the very next day! &mdash; The Morris Family</p>

<h2>Remodeling</h2>
<p class="desc"><a href="undecorate.jpg"><img src="undecorate_small.jpg" alt="Plain room" class="floatright" /></a>
We needed to &quot;undecorate&quot; a room &mdash; the previous owners had been a little too creative. Pete's team provided an estimate, promptly began work, and within  a few days our room was looking great! &mdash; The Felkes</p>

<div id="footer">Copyright &copy; 2011 Pasha the Painter<br />

    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</div>
</body>
</html>
Posted by at

2 comments:

Subscribe to: Post Comments (Atom)