Thursday, 21 October 2010

http://www.freesound.org/index.php

http://www.freesound.org/index.php


Publish Post



Freesound.org is a website dedicated to giving people free sound bites for creating music or other sound related projects. This website relies on charitable donations from it's users to continue running.

The design is a basic 3 part website with the navigation on the left, main content in the center and links to users and forum posts on the right. This means that this site is very easy to navigate and because of the lack of images it is quick to load. While it is fast it isn't particularly pretty. It is using very basic XHTML for the design and minimal CSS. It does however use a variety of Javascript scripts to allow people to join and upload their own music with relative ease so what it lacks in design it more then makes up with functionality.
Posted by at No comments:

Wednesday, 20 October 2010

Prime Properties part 3

CSS

body {   
    background-color: #ffffcc;
    color: #003300;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {    
    background-color: #ffffcc;  
     color: #003366;
}

h3 {       
    background-color: #ffffcc;  
     color: #006600;
}

#wrapper {    
    width: 680px;
    min-width: 680px;
    margin: 0 auto;
    background-color: #ffffcc;
    color: #003300;
    padding-left: 10px;
}

img {    border: none;
}


.nav {    font-size: .70em;
}

.contact{    font-weight: bold;
    font-size: .85em;
    font-family: "Times New Roman", serif;
}


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

.property{  padding-right:30px;
    padding-top:5;
   
}

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>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>

<body>
<div id="wrapper">
<h1>
<img src="primelogo.gif" alt="Prime Properties Logo" height="100" width="650" />
</h1>

<a href="index.html"><img src="primehomebtn.gif" alt="Home Page" height="25" width="107" /></a> <a href="listings.html"><img src="primelistingsnav.gif" alt="Listings" height="25" width="107" /></a> <a href="financing.html"><img src="primefinancingnav.gif" alt="Financing" height="25" width="107" /></a> <a href="contact.html"><img src="primecontactnav.gif" alt="Contact" height="25" width="107"/></a>


<p>Prime properties is prepared to market and sell your property.</p>
<p>The philosophy of Prime Properties is to promote our clients, not ourselves.</p>
<p>We can also help you find the property that meets your needs:</p>
<ul>
<li>location</li>

<li>price</li>
<li>features</li>
</ul>
<div class="contact">
</p>
Prime Properties<br>
3055 Bode Road<br>
Schaumburg, IL 60194<br>
<p>847-555-5555</p></div>

<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>

    <div id="footer">Copyright &copy; 2011 Prime Properties<br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div> </div>
</body>
</html>

Financing

<!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>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>

<body>
<div id="wrapper">
<h1>
<img src="primelogo.gif" alt="Prime Properties Logo" height="100" width="650" />
</h1>

<a href="index.html"><img src="primehomenav.gif" alt="Home Page" height="25" width="107" /></a> <a href="listings.html"><img src="primelistingsnav.gif" alt="Listings" height="25" width="107" /></a> <a href="financing.html"><img src="primefinancingbtn.gif" alt="Financing" height="25" width="107" /></a> <a href="contact.html"><img src="primecontactnav.gif" alt="Contact" height="25" width="107"/></a>
   
    <br />
    <p>We work with many area mortgage and finance companies.</p>
   
    <h3> Mortgage FAQ</h3>
   
    <dl>
    <dt>What amount of mortgage do I qualify for?</dt>
<dd>The total basic monthly housing cost is normally based on 29% to 41% of
your gross monthly income.</dd>
<dt>Which percentage is most often used?</dt>
<dd>The percentage used depends on the lending institution and type of financing.</dd>
<dt>How do I get started?</dt>
<dd>Contact us today to help you arrange financing for your home.</dd>
    </dl>
   
   
<div class="contact">
</p>
Prime Properties<br>
3055 Bode Road<br>
Schaumburg, IL 60194<br>
<p>847-555-5555</p></div>

<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>

    <div id="footer">Copyright &copy; 2011 Prime Properties<br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div> </div>
</body>
</html>

Listings

<!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>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>

<body>
<div id="wrapper">

<h1>
<img src="primelogo.gif" alt="Prime Properties Logo" height="100" width="650" />
</h1>

<a href="index.html"><img src="primehomenav.gif" alt="Home Page" height="25" width="107" /></a> <a href="listings.html"><img src="primelistingsbtn.gif" alt="Listings" height="25" width="107" /></a> <a href="financing.html"><img src="primefinancingnav.gif" alt="Financing" height="25" width="107" /></a> <a href="contact.html"><img src="primecontactnav.gif" alt="Contact" height="25" width="107"/></a>

<p><h2>Listings</h2>
<h3>Schaumburg Colonial</h3>
<p>This single family home is a two-story colonial on a large corner lot.</p>
<a href="schaumburg.jpg"><img src="schaumburgthumb.jpg" alt="Schaumburg Colonial" align="left" height="113" width="150" class="property" /></a>
<ul>

<li>Four bedrooms</li>
<li>Two and 1/2 baths</li>
<li>Finished family room</li>
<li>Two car garage</li>
<li>Listing #3432535</li>
</ul><br />
<h3>Libertyville Condo Listing</h3>
<p>New construction condo in downtown Libertyville</p><br />
<a href="libertyville.jpg"><img src="libertyvillethumb.jpg" alt="Libertyville Condo" align="left" height="113" width="150" class="property" /></a>
<ul>

<li>Close to train</li>
<li>Two bedrooms</li>
<li>Two baths</li>
<li>Two indoor parking spaces</li>
<li>Listing #3432432</li>
</ul><br />

<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>
<div class="contact">
</p>
Prime Properties<br>
3055 Bode Road<br>
Schaumburg, IL 60194<br>
<p>847-555-5555</p></div>

<div class="nav"><a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></div>

    <div id="footer">Copyright &copy; 2011 Prime Properties<br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div> </div></div></div>
</body>
</html>
Posted by at No comments:

Pasha The Painter part 3

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>&nbsp;<a href="services.html">Services</a>&nbsp;<a href="testimonials.html">Testimonials</a>&nbsp;<a href="estimates.html">Estimates</a>&nbsp;<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 &copy; 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>&nbsp;<a href="services.html">Services</a>&nbsp;<a href="testimonials.html">Testimonials</a>&nbsp;<a href="estimates.html">Estimates</a>&nbsp;<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 &copy; 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>&nbsp;<a href="services.html">Services</a>&nbsp;<a href="testimonials.html">Testimonials</a>&nbsp;<a href="estimates.html">Estimates</a>&nbsp;<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! &mdash; 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 &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!<br /><br />
    <div id="footer"><em><small>Copyright &copy; 2011 Pasha the Painter</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</div>
</body>
</html>
Posted by at No comments:

Fish Creek Part 3

CSS


body  {
    background-color: #6699ff;   
    color: #d5e3ff;
    font-family: verdana, arial, sans-serif;
    width: 80%;         
}

h1   {
    text-align: center;
}

.nav  {
    font-weight: bold;
    background-color: #6699ff;
    color: #003366;
    font-size:  1.1em;
       
}

.imgnav {
    text-align: center;
    border: none;
}

.category  {
    font-weight: bold;
    background-color: #6699ff;
    color: #003366;
    font-size:  1.1em;
}

#footer  {
    font-size: .70em;
    font-style: italic;
                  
}
#wrapper  {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

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>Fish Creek Animal Hospital</title>
<link rel="stylesheet" type="text/css" href="fishcreekcss.css"/>
</head>

<body>
<h1><a href="index.html"><img src="fishcreeklogo.gif" alt=" Fish Creek Logo" width="600 height="77" border="0"/> </a></h1>

<div class="imgnav"><a href="index.html"><img src="home.gif" alt="Home" width="127" height="27" border="0"/></a><a href="services.html"><img src="services.gif" alt="Services" width="127" height="27" border="0" /></a><a href="askvet.html"><img src="askthevet.gif" alt="Ask the Vet" width="127" height="27" border="0" /></a><a href="contact.html"><img src="contact.gif" alt="Contact" width="127" height="27" border="0" /></a></div
><div id="wrapper">


<dl>
    <dt><span class="category">Full Service Facilty</span></dt>

    <dd>Veternarians and staff are on duty 24 hours a day, 7 days a week. </dd>
    <dt><span class="category">Years of Experience</span></dt>
    <dd>Fish Creek Veternarians have provided quality, dependable care for your beloved animals since 1984. </dd>
    <dt><span class="category">Open Door Policy</span></dt>
    <dd>Our professionals welcome owners to stay with their pets during any medical procedures.</dd>
</dl>

<p><small>1-800-555-5555<br />

1242 Grassy Lane <br />
Fish Creek, WI 55534 </small></p>

<br />
<div id="footer">
<a href="index.html">Home</a>&nbsp;<a href="services.html">Services</a>&nbsp;<a href="askvet.html">Ask the Vet</a>&nbsp;<a href="contact.html">Contact</a>&nbsp;<br />
<em><small>Copyright &copy; 2011 Fish Creek animal hospital</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></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>Fish Creek Animal Hospital</title>
<link rel="stylesheet" type="text/css" href="fishcreekcss.css"/>
</head>

<body>
<h1><a href="index.html"><img src="fishcreeklogo.gif" alt=" Fish Creek Logo" width="600 height="77" border="0"/> </a></h1>

<div class="imgnav"><a href="index.html"><img src="home.gif" alt="Home" width="127" height="27" border="0"/></a><a href="services.html"><img src="services.gif" alt="Services" width="127" height="27" border="0" /></a><a href="askvet.html"><img src="askthevet.gif" alt="Ask the Vet" width="127" height="27" border="0" /></a><a href="contact.html"><img src="contact.gif" alt="Contact" width="127" height="27" border="0" /></a></div
><div id="wrapper">

<dl>
<div class="category">Medical services</dt></div>
<dd>We offer state of the art equiptment and technology.</dd>
<div class="category">Sergical services</dt></div>
<dd>Full range of sergical procedures including orthopedics and emergency surgeries.</dd>
<div class="category">Dental care</dt></div>
<dd>A dental exam can determin whether your pet needs preventive dental care such as scaling and polishing</dd>
<div class="category">House calls</dt></div>
<dd>The elderly, physically challenged and multiple pet households often find out in-home veterinary service helpful and conveniant.</dd>
<div class="category">Emergencies</dt></div>
<dd>At least one of our doctors is on call every day and night.</dd>
</dl>
<br />
<div id="footer">
<a href="index.html">Home</a>&nbsp;<a href="services.html">Services</a>&nbsp;<a href="askvet.html">Ask the Vet</a>&nbsp;<a href="contact.html">Contact</a>&nbsp;<br />
<em><small>Copyright &copy; 2011 Fish Creek animal hospital</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>

Ask the Vet

<!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>Fish Creek Animal Hospital</title>
<link rel="stylesheet" type="text/css" href="fishcreekcss.css"/>
</head>

<body>
<h1><a href="index.html"><img src="fishcreeklogo.gif" alt=" Fish Creek Logo" width="600 height="77" border="0"/> </a></h1>

<div class="imgnav"><a href="index.html"><img src="home.gif" alt="Home" width="127" height="27" border="0"/></a><a href="services.html"><img src="services.gif" alt="Services" width="127" height="27" border="0" /></a><a href="askvet.html"><img src="askthevet.gif" alt="Ask the Vet" width="127" height="27" border="0" /></a><a href="contact.html"><img src="contact.gif" alt="Contact" width="127" height="27" border="0" /></a></div
><div id="wrapper">

<p><a href="contact.html">Contact</a> us if you have a question that you would like answered here.</p>

   
<dl>
<dt class="category">Question: Our dog, Sugar, likes to eat whatever the kids are snacking on.  Is it OK for the dog to eat chocolate.</dt>

<dd>Answer:  Chocolate is toxic for dogs.  Please do not feed your dog chocolate.  Try playing a game with your children - when you feed them people treats they can feed Sugar dog treats.</dd>   
</dl>

<div id="footer">
<a href="index.html">Home</a>&nbsp;<a href="services.html">Services</a>&nbsp;<a href="askvet.html">Ask the Vet</a>&nbsp;<a href="contact.html">Contact</a>&nbsp;<br />

Copyright &copy; 2008 Fish Creek Animal Hospital<br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
Posted by at 1 comment:

Java Jam Part 3

CSS

body {
    background-image: url(background.gif);
    color: #330000;
    font-family: verdana, arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  
}

img {
    border: none;
}

#logo {
    background-color: #ccaa66;
    color: #000000;
    text-align: center;
    margin: 0;
}

#content {
    margin-left: 150px;
    background-color: #f1e8b0;
    color: #000000;
    padding: 10px 20px;
    overflow: auto;
}
.details {
    padding-left: 20%;
    padding-right: 20%;
}
h1 {
    background-color: #ccaa66;
    color: #000000;
    text-align: center;
}
#nav {
    text-align: center;
    font-style: bold;
}

h2 {
    text-transform: uppercase;
    background-color: #ffffcc;
    color: #663300;
    font-size: 1.2em;
    margin-right: 20px;
}


#footer { background-color: #ccaa66;
    color: #000000;
    font-size: .60em;
    font-style: italic;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}


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>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>
</head>

<body>
<center><img src="javalogo.gif" alt="JavaJam Coffee House" width="619" height="117" /></center>
<div id="nav"><p><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a> <a href="jobs.html">Jobs</a></p></div>
<div class="content"><br />
<img src="windingroad.jpg" align="right" alt="winding road" title="winding road" height="156px" width="333px" />
<p>Follow the winding road to JavaJam</p>

<ul>
<li>Specialty coffe and tea</li>
<li>Bagels, muffins and organic snacks</li>
<li>Music and poetry readings</li>
<li>Open mic night</li>
</ul>
<br /></div>
</div>

 12312 Main street<br />
Mountain Home, CA 93923<br />
1-888-555-5555<br />

<div class="footer">Copyright &copy; 2011 JavaJam Coffee House<br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>

Menu

<!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>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>
</head>

<body>
<center><img src="javalogo.gif" alt="JavaJam Coffee House" width="619" height="117" /></center>
<div id="nav"><p><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a> <a href="jobs.html">Jobs</a></p></div>
<div id="content"><br />
<dl>
<dt><b>Just Java</b></dt>
<dd>Regular house blend, decaffeinated coffee or flavour of the day.<br />
Endless cup $2.00</dd>
<dt><b>Cafe au lait</b></dt>
<dd>House blended coffee infused into a smooth, steamed milk<br />
Single $2.00 Double $4.00</dd>
<dt><b>Iced Cappaccino</b></dt>
<dd>Sweetened espresso blended with icy-cold milk and served in a chilled glass<br />
$4.75</dd>
</dl><br /></div>
<div class="footer"><em><small>Copyright &copy; 2011 JavaJam Coffee House</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>

Music

<!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>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>

</head>

<body>
<center><img src="javalogo.gif" alt="JavaJam Coffee House" width="619" height="117" /></center>
<div id="nav"><p><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a> <a href="jobs.html">Jobs</a></p></div>
<br />
<div id="content">

<p>
The first Friday night each month at JavaJam is a special night.
<br/>
Join us from 8pm to 11pm for some music you won't want to miss.
</p>

<h2>
January
</h2>

<a href="melanie.jpg" title="large picture melanie"><img src="melaniethumb.jpg" title="small picture melanie" alt="melanie" align="right" height="80px" /></a>
<div class="details">Melanie Morris entertains
<br/>
with her melodic folk style.
<br/>
Check out the podcast!
<br/>
CDs are now available.
</p></div>

<h2>
February
</h2>


<a href="greg.jpg" title="large picture greg"><img src="gregthumb.jpg" title="small picture greg" alt="greg" align="right" height="80px" /></a>
<div class="details">Tahoe Greg's back from his tour.
<br/>
New Songs
<br/>
New Stories
<br/>
CDs are now available.
</p>
</dl>
<br />
</div>
<br />
<div class="footer"><em><small>Copyright &copy; 2011 JavaJam Coffee House</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
Posted by at No comments:

Prime Properties Part 2

CSS

 {
    background-color: #ffffcc;
    font-family: Helvetica, Ariel, sans-serif;
    color: #003300;
}

h2 {
    background-color: #ffffcc;
    color: #003366;
}

h3 {
    background-color: #ffffcc;
    color: #006600;
}

dd {
    font-style: italic;
    font-size: small;
    line-height: 200%;
}
   

.logo {
    background-color: #ffffcc;
    color: #48751a;
}


#nav {
    font-style: bold;
    font-size:large;
}

.contact {
    font-style: bold;
    font-size:small;
    font-family:"Times New Roman", Times, serif;
}
   
#footer {
    font-style: italic;
    font-size: small;
}


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>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css"/>
</head>

<body>
    <div class="logo"><h1>Prime Properties</h1></div>
   
    <h3><i>Serving the Northwest Chicago Suburbs since 1986</i></h3>
   
    <div id="nav"<a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></strong></div>
   
    <br />
   
    <p>Prime Properties is prepared to market and sell your property.<br />
The philosophy of Prime Properties is to promote our clients, not ourselves.<br />
We can also help you find the property that meets your needs;</p>
   
    <br />
   
    <ul>
        <li>location
    <li>price</li>
    <li>features</li>

    </ul>
   
    <br />
   
    <div class="contact"><p>Prime Properties
3055 Bode Road
Schaumburg, IL 60194
847-555-5555</p></div>
   
<div id="footer">Copyright &copy; 2011 Prime Properties<br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>



Financing


<!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>Prime Properties</title>
<link rel="stylesheet" type="text/css" href="prime.css">
</head>

<body>
    <h1>Prime Properties</h1>
   
    <h2><i>Financing</i></h2>
   
    <div id="nav"<a href="index.html">Home</a> <a href="listings.html">Listings</a> <a href="financing.html">Financing</a> <a href="contact.html">Contact</a></strong></div>
   
    <br />
    <p>We work with many area mortgage and finance companies.</p>
   
    <h3> Mortgage FAQ</h3>
   
    <dl>
    <dt>What amount of mortgage do I qualify for?</dt>
<dd>The total basic monthly housing cost is normally based on 29% to 41% of
your gross monthly income.</dd>
<dt>Which percentage is most often used?</dt>
<dd>The percentage used depends on the lending institution and type of financing.</dd>
<dt>How do I get started?</dt>
<dd>Contact us today to help you arrange financing for your home.</dd>
    </dl>
   
   
   <div class="contact"> <p>Prime Properties
3055 Bode Road
Schaumburg, IL 60194
847-555-5555</p></div>
   
    <div id="footer">Copyright &copy; 2011 Prime Properties<br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
Posted by at No comments:

Pasha The Painter part 2

CSS



* {
    background-color: #ff;
    font-family: Verdana, Ariel, sans-serif;
    color: #00;
}

.logo {
    background-color: #ff;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #336633;
}


#nav {
    font-style: bold;
}


#footer {
    font-style: italic;
    font-size: small;
}

.category {
    font-style: oblique;
    background-color: #ff;
    color: #336633;
    font-size:larger;
    font-family: Georgia, "Times New Roman", Times, serif;
}

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 rel="stylesheet" type="text/css" href="painter.css"/>
</head>

<body>
    <div class="logo"><h1>Pasha The Painter</h1></div>
   
    <h3><i>Serving the Northwest Chicago Suburbs since 1986</i></h3>
   
    <div id="nav"><p><strong><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="testamonials.html">Testamonials</a> <a href="estimates.html">Estimates</a></strong></p></div>
   
    <br />
   
    <p>We will work with you to create the home of your dreams.</p>
   
    <br />
   
    <div class="category"><ul>
        <li>Interior Painting</li>
        <li>Exterior Painting</li>
        <li>Wallpaper Removal</li>
        <li>Wallpaper Installation</li>
        <li>Drywall</li>
    </ul></div>
   
    <br />
    <div id="footer"><em><small>Copyright &copy; 2011 Pasha the Painter</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></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 class="logo"><h1>Pasha The Painter</h1></div>
   
    <h3><i>Serving the Northwest Chicago Suburbs since 1986</i></h3>
   
    <div id="nav"><p><strong><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="testamonials.html">Testamonials</a> <a href="estimates.html">Estimates</a></strong></p></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 &copy; 2011 Pasha the Painter</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
Posted by at No comments:
Subscribe to: Posts (Atom)