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.

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>

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>

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>

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>

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>

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>

Fish Creek Part 2

CSS


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

h1 {
    font-family: Serif;
    font-style: normal;
    color: #003366;
    background-color: #6699ff;
    text-align: center;
    line-height: 200%;
}

#nav {
    font-style: bold;
}

.category {
    font-style: oblique;
    background-color: #6699ff;
    color: #003366;
    font-size:larger;
}

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

<body>
<h1>Fish Creek Animal Hospital</h1>
<div id="nav"><p><strong><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="askvet.html">Ask the Vet</a> <a href="contact.html">Contact</a></strong></p></div>
<br />
<dl>
<div class="category"><dt>Full service facility</dt></div>
<dd>Veterinarians and staff are on duty 24 hours a day, 7 days a week.</dd>
<div class="category"><dt>Years of experiance</dt></div>
<dd>Fish Creek Veterinarians have proviced quality, dependable care for your beloved animals since 1984</dd>
<div class="category"><dt>Open door policy</dt></div>
<dd>Our professionals welcome owners to stay with their pets during any medical procedure</dd>
</dl><br />
<div id="footer"><p>12312 Main street<br />
Mountain Home, CA 93923<br />
1-888-555-5555<br /></p>
<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>Fish Creek Animal Hospital</h1>
<div id="nav"><p><strong><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="askvet.html">Ask the Vet</a> <a href="contact.html">Contact</a></strong></p></div>
<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"><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>

Java Jam Part 2

CSS


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

h1 {
    font-style: normal;
    color: #000000;
    background-color: #ccaa66;
    text-align: center;
    line-height: 200%;
}

#nav {
    text-align: center;
}

#footer {
    font-style: italic;
    color: #000000;
    background-color: #ccaa66;
    text-align: center;
    line-height: normal;
    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>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>
</head>

<body>
<h1>JavaJam Coffee House</h1>
<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 />
<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 id="footer"> 12312 Main street<br />
Mountain Home, CA 93923<br />
1-888-555-5555<br />
<em><small>Copyright &copy; 2011 JavaJam Coffee House</small></em> <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>
<h1>JavaJam Coffee House Menu</h1>
<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 id="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>

Prime Properties

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>
</head>

<body>
    <h1>Prime Properties</h1>
   
    <h3><i>Serving the Northwest Chicago Suburbs since 1986</i></h3>
   
    <p><strong><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></p>
   
    <br />
   
    <p>Prime Properties is prepared to market and sell your property.
The philosophy of Prime Properties is to promote our clients, not ourselves.
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 />
   
    <p><small>Prime Properties
3055 Bode Road
Schaumburg, IL 60194
847-555-5555</small></p>
   
    <em><small>Copyright &copy; 2011 Prime Properties</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</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>
</head>

<body>
    <h1>Prime Properties</h1>
   
    <h2><i>Financing</i></h2>
   
    <p><strong><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></p>
   
    <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>
   
   
    <p><small>Prime Properties
3055 Bode Road
Schaumburg, IL 60194
847-555-5555</small></p>
   
    <em><small>Copyright &copy; 2011 Prime Properties</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</body>
</html>

Pasha The Painter

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>
</head>

<body>
    <h1>Pasha The Painter</h1>
   
    <h3><i>Serving the Northwest Chicago Suburbs since 1986</i></h3>
   
    <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>
   
    <br />
   
    <p>We will work with you to create the home of your dreams.</p>
   
    <br />
   
    <ul>
        <li>Interior Painting</li>
        <li>Exterior Painting</li>
        <li>Wallpaper Removal</li>
        <li>Wallpaper Installation</li>
        <li>Drywall</li>
    </ul>
   
    <br />
    <em><small>Copyright &copy; 2011 Pasha the Painter</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</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>
</head>

<body>
    <h1>Pasha The Painter</h1>
   
    <h3><i>Serving the Northwest Chicago Suburbs since 1986</i></h3>
   
    <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>
   
    <br />
   
    <p>We will work with you to create the home of your dreams.</p>
   
    <br />
   
    <dl>
        <dt><b><ul><li>Interior Services</li></ul></b></dt>
        <dd>If you need it painted, textured, or papered, Pasha the Painter can do it!</dd>
        <dt><b><ul><li>Exterior Services</li></ul></b></dt>
        <dd>If you need it wash, painted, stained, or just touched up, Pasha the Painter can do it!</dd>
        <dt><b><ul><li>Painting</li></ul></b></dt>
        <dd>Pasha has the most dependable and professional painting staff in the area and uses only quality paint.</dd>
        <dt><b><ul><li>Wallcovering</li></ul></b></dt>
        <dd>Our design specialist are experts at applying wallpaper and other walllcoverings.</dd>
       
    </dl>
   
    <br />
    <em><small>Copyright &copy; 2011 Pasha the Painter</small></em> <br />
    <a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</body>
</html>

Friday, 15 October 2010

http://www.deviantart.com/

http://www.deviantart.com/






deviantART is a website built for people to upload their art and gain critique from fellow artists. It is also a place where you can sell art and join communities. It has been in development for over 5 years now but there are still quite a few issues and bugs left into the system. One of the main issues is that it takes a long time, even on a fast connection, for the images to load. you can see on my screenshot that a lot of the images have failed to load properly and just leave me with a blank box. This also happens within the artworks page, often leaving viewers without the image to see. This issue has been raised many times but it seems that every time they update the network it gets worse.

If I was to build this website i would have found a much more bandwidth friendly way to display the images, one of the main ways would be to remove the flash element of the site as it slows a lot of computers down.

Thursday, 7 October 2010

Fish Creek

Working pages http://cursedmanga.com/fishcreek/index.html

Index.html

<!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>
</head>

<body>
<h1>Fish Creek Animal Hospital</h1>
<p><strong><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="askvet.html">Ask the Vet</a> <a href="contact.html">Contact</a></strong></p>
<br />
<dl>
<dt><b>Full service facility</b></dt>
<dd>Veterinarians and staff are on duty 24 hours a day, 7 days a week.</dd>
<dt><b>Years of experiance</b></dt>
<dd>Fish Creek Veterinarians have provided quality, dependable care for your beloved animals since 1984</dd>
<dt><b>Open door policy</b></dt>
<dd>Our professionals welcome owners to stay with their pets during any medical procedure</dd>
</dl><br />
<p>12312 Main street<br />
Mountain Home, CA 93923<br />
1-888-555-5555<br /></p>
<br />
<em><small>Copyright &copy; 2011 Fish Creek animal hospital</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</body>
</html>


services.html

<!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>
</head>

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

JavaJam

Working pages http://cursedmanga.com/javajam/


index.html

<!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>
</head>

<body>
<h1>JavaJam Coffee House</h1>
<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>
<br />
<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 />
<p>12312 Main street<br />
Mountain Home, CA 93923<br />
1-888-555-5555<br /></p>
<br />
<em><small>Copyright &copy; 2011 JavaJam Coffee House</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</body>
</html>


menu.html



<!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>
</head>

<body>
<h1>JavaJam Coffee House Menu</h1>
<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>
<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 />
<em><small>Copyright &copy; 2011 JavaJam Coffee House</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a>
</body>
</html>

Monday, 4 October 2010

http://www.amazingsuperpowers.com

http://www.amazingsuperpowers.com

This website is used to show off a webcomic. It uses word press and comic press to house it's web comics. Comic press is a brilliant way to upload comics as it already have Javascript put into it so that each post will be unique and can be found by pressing the "next" or "previous" buttons. It uses a randomized flash header that displays a worm dressed up in various outfits and rocking back and forth. This looks very nice but can lag/not work at all on some peoples computers.

If I was to build this website I would have used a GIF image instead of a flash movie because GIF is a relatively small size and will work on any machine or browser.