---html----


 

<body>
<div id="wrap">
   <div id="header">
   <img src="image/header.gif" alt="banner" />
   </div>
   <div id="contents">
    <div id="side_left">
   <h1>BEVERAGES</h1>
   <p>House Blend, $1.49</p>
   <p>Mocha Cafe Latte, $2.35</p>
   <p>Cappuccino, $1.89</p>
   <p>Chai Tea, $1.85</p>
   <h1 style="margin-bottom: 3px;">ELIXIRS</h1>
   <p style="margin-top: 3px; font-style: italic; font-size: 90%;">
    We proudly serve elixirs brewed by our friends at the Head First Lounge</p>
   <p>Green Tea Cooler, $2.99</p>
   <p>Raspberry Ice Concentration, $2.99</p>
   <p>Blueberry Bliss Elixir, $2.99</p>
   <p>Cranberry Antioxidant Blast, $2.99</p>
   <p>Chai Chiller, $2.99</p>
   <p>Black Brain Brew, $2.99</p>
    </div>
    <div id="main">
      <h1>QUALITY COFFEE, QUALITY CAFFEINE</h1>
   <p>
   At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our
   quality coffees and teas. Sure, we want you to have a great cup of coffee and a great
   coffee experience as well, but we're the only company that actively monitors and optimizes
   caffeine levels. So stop by and fill your cup, or order online with our new Bean Machine
   online order form, and get that quality Starbuzz coffee that you know will meet your caffeine standards.
   </p>
   <p>
   And, did we mention caffeine? We've just started funding the guys doing all the wonderful
   research at the<a href="http://buzz.headfirstlabs.com"
            title="Read all about caffeine on the Buzz">Caffeine</a>  Buzz. If you want the latest on coffee and other caffeine products,
   stop by and pay them a visit.
   </p>
   <h1>OUR STORY</h1>
   <p>
   "A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted in
    a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his plan: a Starbuzz on every corner.
   </p>
   <p>
   In only a few years he's executed that plan and today you can enjoy Starbuzz just about anywhere.
    And, of course, the big news this year is that Starbuzz teamed up with Head First readers to create Starbuzz's
    Web presence, which is growing rapidly and helping to meet the caffeine needs of a whole new set of customers.
   </p>
   <h1>STARBUZZ COFFEE BEVERAGES</h1>
   <p>
   We've got a variety of caffeinated beverages to choose from at Starbuzz,
   including our
   <a href="http://buzz.headfirstlabs.com" title="House Blend">House Blend</a>,
   <a href="http://buzz.headfirstlabs.com" title="House Blend">House Blend</a>,
   <a href="http://buzz.headfirstlabs.com" title="House Blend">Mocha Cafe Latte</a>,
   <a href="http://buzz.headfirstlabs.com" title="House Blend">Cappuccino</a>,
   and a favorite of our customers,
   <a href="http://buzz.headfirstlabs.com" title="House Blend">Chai Tea.</a>
   </p>
   <p>
   We also offer a variety of coffee beans, whole or ground, for you to take home with you.
   Order your coffee today using our online
   <a href="http://buzz.headfirstlabs.com" title="House Blend">Bean Machine</a>,
   and take the Starbuzz Coffee experience home.
   </p>
    </div>

    <div id="side_right">
      <p class="bagages"><img src="image/bag.gif" alt="coffe Bean"/>
   </br>
   ORDER ONLINE with the <a href="form_coffee.html">BEAN MACHINE</a>
   <br/>
   <span class="slogan">
   FAST<br/>
   FRESH <br/>
   TO YOUR DOOR<br/>
   </span>
   </p>
   <p>
   Why wait? You can order all our fine coffees right from the Internet with our new,
    automated Bean Machine. How does it work? Just click on the Bean Machine link, enter your order,
    and behind the scenes, your coffee is roasted, ground (if you want), packaged, and shipped to your door.
   </p>
    </div>
   </div>
   <div id="footer">
     &copy; 2005, Starbuzz Coffee
  </br>
  All trademarks and registered trademarks appearing on
  this site are the property of their respective owners.
   </div>
</div>

</body>
</html>


 

---css는

body {
 background-color: #b5a789;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: small;
 margin: 0px;}

/*layout*/
#wrap{
margin:0 auto; width:1200px;
}
#header{
background-color:#675c47; margin:10px; width:1200px; height:108px;
}
#main{
background:#efe5d0 url(image/background.gif)0 0;
font-size:105%;  padding:15px; margin:0 10px 10 10px;
margin-right:230px; margin-left:165px;
}
#contents{ }
#side_left{
background:#efe5d0  url(image/background.gif)bottom right;
font-size:105%; padding:15px; margin:0 10px 10 10px;
float:left; width:115px;
}
#side_right{
background:#efe5d0  url(image/background.gif)top left;
font-size:105%; padding:15px; margin:0 10px 10 10px; float:right;
float:right; width:180px;
}
#footer{
background:#675c47;
color:#efe5d0; text-align:center; padding:15px; margin:10px; font-size:90%;
clear:both;
}