CSS
body { background-color: #ffffff;
color: #000000;
font-family: Verdana, Arial, sans-serif;
width: 80%;
}
.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 {
padding-left: 10px;
padding-bottom: 5px;
font-family: serif;
font-size: 1.2em;
background-color: #336633;
color: #ffffff;
}
#container { width: 620px;
}
.nav {
font-weight: bold;
background-color: #ff;
color: #00;
}
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">
<div id="logo"><img src="painterlogo.gif" alt="Pasha the Painter" width="620" height="120" /></h1>
<div class="nav"><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="testimonials.html">Testimonials</a> <a href="estimates.html">Estimates</a> <a href="store.html">Store</a></div>
<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 © 2011 Pasha the Painter<br />
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a></div>
</div></div></div>
</body>
</html>
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">
<div id="logo"><img src="painterlogo.gif" alt="Pasha the Painter" width="620" height="120" /></h1>
<div class="nav"><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="testimonials.html">Testimonials</a> <a href="estimates.html">Estimates</a> <a href="store.html">Store</a></div>
<br />
<p>We will work with you to create the home of your dreams.</p>
<br />
<dl>
<div class="category"><dt><ul><li>Interior Services</li></ul></dt></dt></div>
<dd>If you need it painted, textured, or papered, Pasha the Painter can do it!</dd>
<div class="category"><dt><ul><li>Exterior Services</li></ul></dt></dt></div>
<dd>If you need it wash, painted, stained, or just touched up, Pasha the Painter can do it!</dd>
<div class="category"><dt><ul><li>Painting</li></ul></dt></dt></div>
<dd>Pasha has the most dependable and professional painting staff in the area and uses only quality paint.</dd>
<div class="category"><dt><ul><li>Wallcovering</li></ul></dt></dt></div>
<dd>Our design specialist are experts at applying wallpaper and other walllcoverings.</dd>
</dl>
<br />
<div id="footer"><em><small>Copyright © 2011 Pasha the Painter</small></em> <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>
<div id="container">
<div id="logo"><img src="painterlogo.gif" alt="Pasha the Painter" width="620" height="120" /></div>
<div class="nav"><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="testimonials.html">Testimonials</a> <a href="estimates.html">Estimates</a> <a href="store.html">Store</a></div><br />
<h2>Painting</h2><br />
<a href="paintroom.jpg."><img src="paintroom_small.jpg" alt="Painted room" align="right" /></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! — The Morris Family</p><br />
<h2>Remodeling</h2><br />
<a href="undecorate.jpg"><img src="undecorate_small.jpg" alt="Plain room" align="right" /></a>
We needed to "undecorate" a room — 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!<br /><br />
<div id="footer"><em><small>Copyright © 2011 Pasha the Painter</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</div>
</body>
</html>
No comments:
Post a Comment