Code: Select all
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="author" content="Kathy Bond">
<meta name="description" content="Bond & Sons Roofing serves Nampa, Caldwell, Marsing, Homedale, Wilder, Greenleaf, The west side of the Treasure Valley">
<meta name="keywords" content="shingles,designer shingles,3-tab shingles,roof ventilation,chimney flashing,hail damage,roof damage,shingle damage,waterproofing underlayment, roofing,roofing company,roofing companies,roof contractors,residential roofing,roof repair,roof installers,roofing materials, idaho roofing company, idaho roof repair, Nampa idaho roof repair, composite shingle, tile, roofing Tear-Offs, roofing Recover, New Construction, roofing company, nampa Roofing company, Caldwell">
<meta name="description" content="Family owned and operated Roofing business.">
<title>Home - Bond & Sons Roofing</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head><body style="color: rgb(0, 0, 0); background-color: rgb(102, 102, 102);">
<div id="wrapper">
<header> <img id="logo" src="sitelogo.jpg" alt="logo Call us 208-353-3707">
</header>
<div id="hmenu">
<ul>
<li id="current"><a href="http://bondandsonsroofing.com/index.html">Home</a></li>
<li><a href="http://bondandsonsroofing.com/roofing.html">Products</a></li>
<li><a href="http://bondandsonsroofing.com/about.html">About</a></li>
<li><a href="http://bondandsonsroofing.com/contact.html">Contact Us</a></li>
</ul>
</div>
<br>
<div id="picbox">
<img style="width: 300px; height: 300px;" src="Deerflat.jpg" alt="house with roof done">
</div>
<div id="content">
<h1>Bond & Sons Roofing, LLC</h1>
<p>We are a local roofing company that is family owned and operated. Every job has owners working at the job, to ensure that you get the best job possible. We guarantee our work and are very competitive in the market. We will tell you if your whole roof don't need done and if only a section needs repaired. We are licensed and Insured.</p>
<p>We are dedicated to providing quality workmanship and materials. We pride ourselves on our communication, from the beginning of the project to the end the home owner will know what is going on at every stage. </p>
<p>If you need a new shingle roof, or are building a new house and want a quality job then you are in the right place. Give us a call today for a free no obligation quote. We will deal with your insurance agent as well so you don't have to deal with it either. </p>
</div>
<div id="servingArea">
<h3>Serving area</h3>
<ul>
<li>Nampa</li>
<li>Caldwell</li>
<li>Marsing</li>
<li>Homedale</li>
<li>Wilder</li>
<li>and Surrounding areas</li>
</ul>
</div>
<div id="roofingServices">
<h3>Roofing Services</h3>
<ul>
<li>Leaks</li>
<li>Repairs</li>
<li>Recover</li>
<li>Tear-Off's </li>
<li>Total Replacement</li>
</ul>
</div>
<div id="footer"> © 2014 Bond & Sons Roofing, LLC~ License # RCE-36773 ~ All Rights Reserved
</div>
</div>
</body>
</html>
Code: Select all
#wrapper {
border: 3px groove #000099;
padding: 8px 9px 8px 8px;
background-color: #e4e4e4;
width: 1060px;
min-width: 1060px;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
}
#hmenu {
height: 26px;
background-color: #330000;
line-height: 1.8em;
font-family: Arial,Helvetica,sans-serif;
}
#hmenu ul {
font-family: Arial,Helvetica,sans-serif;
display: block;
}
#hmenu li {
height: 26px;
float: left;
width: 120px;
text-align: center;
background-color: #330000;
}
#hmenu a:link {
color: white;
}
#hmenu a:hover {
background-color: #ffff33;
display: block;
color: #330099;
line-height: 1.8em;
}
#picbox {
width: 300px;
height: 300px;
float: left;
margin-right: 8px;
}
#content {
font-family: Arial,Helvetica,sans-serif;
text-align: left;
float: none;
margin-right: 8px;
margin-bottom: 24px;
height: 308px;
}
#servingArea {
border-style: ridge;
border-width: 4px;
width: 240px;
margin-left: 260px;
padding-bottom: 4px;
padding-top: 2px;
height: 200px;
padding-left: 4px;
}
#roofingServices {
border-style: ridge;
border-width: 4px;
width: 240px;
margin-left: 600px;
padding-bottom: 4px;
padding-top: 2px;
margin-top: -212px;
margin-bottom: 40px;
height: 200px;
padding-left: 4px;
}
#footer {
border: 4px inset #000099;
height: 32px;
text-align: center;
padding-top: 14px;
}