<!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>Pets Hospital</title> <link href="css/styles.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- HEADER --> <div id="header"> <ul class="menu"> <li class="home"><a href="#" title="Home Page">Home</a></li> <li class="spacerline"></li> <li class="about"><a href="#" title="About Us">About</a></li> <li class="spacerline"></li> <li class="services"><a href="#" title="Services">Services</a></li> <li class="spacerline"></li> <li class="advice"><a href="#" title="Advice">Advice</a></li> <li class="spacerline"></li> <li class="staff"><a href="#" title="Our Staff">Our Staff</a></li> <li class="spacerline"></li> <li class="contacts"><a href="#" title="Contacts">Contacts</a></li> </ul> <div id="logo"><a href="#"><img src="images/logo.gif" alt="Pets Hospital" width="338" height="84" border="0" /></a></div> <div id="call"><img src="images/call.jpg" alt="" width="242" height="40" /></div> <ul class="links"> <li class="treatment"><a href="#" title="New Treatment Methods">New Treatment Methods</a></li> <li class="tour"><a href="#" title="Hospital Virtual Tour">Hospital Virtual Tour</a></li> </ul> </div> <!-- CONTENT --> <div id="content"> <div id="leftPan"> <div id="specialists"> <h2></h2> <ul> <li><a href="#">Ascing elit Dolores et ea </a></li> <li><a href="#">consetetur consetetur sadi </a></li> <li><a href="#">sed et ea consetetur sadi </a></li> </ul> <ul> <li><a href="#">Ascing elit Dolores et ea </a></li> <li><a href="#">consetetur consetetur sadi </a></li> <li><a href="#">sed et ea consetetur sadi </a></li> </ul> <div class="clear"></div> </div> <div id="doctor"> <h2></h2> <div id="frame"> <img src="images/img_dr.jpg" alt="" width="98" height="145" /> <div id="drtext"> <p><span class="headline">Dolores et ea consetetur lorem pscing elit sadi lorem</span><br />Consetetur sadi pscing consetetur pscing elitr, sed diam Consetetur sadi lorem sed et ea <a href="#">:: more</a></p> <p><span class="headline">Lorem et ea consetetur lorem pscing elit sadi lorem </span><br />sadi consetetur sadi Consetetur sadi pscing consetetur sadi consetetur sadi <a href="#">:: more</a></p> </div> <div class="clear"></div> </div> </div> </div> <div id="rightPan"> <div id="welcome"> <h2></h2> <p><span class="headline">Dolores et ea consetetur lorem pscing elit sadi lorem</span><br />Consetetur sadi pscing consetetur pscing elitr, sed diam Consetetur sadi lorem sed et ea consetetur sadi consetetur sadi Consetetur sadi pscing consetetur sadi consetetur sadi <a href="#">:: more</a></p> </div> <div id="services"> <h2></h2> <div class="topic"> <img src="images/img_services1.jpg" alt="" width="56" height="56" /> <p><span class="headline2">Sed et ea consetetur lorem pscing elit</span><br /> diam Consetetur sadi lorem sed et ea consetetur sadi consetetur sadi Consetetur sadi pscing consetetur sadi consetetur sadi <a href="#">:: more</a></p> <div class="clear"></div> </div> <div class="topic"> <img src="images/img_services2.jpg" alt="" width="56" height="56" /> <p><span class="headline2">Lorem ipsum consetetur lorem pscing elit </span><br /> diam Consetetur sadi lorem sed et ea consetetur sadi consetetur sadi Consetetur sadi pscing consetetur sadi consetetur sadi <a href="#">:: more</a></p> <div class="clear"></div> </div> </div> </div> <div class="clear"></div> </div> <!-- FOOTER --> <div id="footer"> <p><a href="#">HOME</a> | <a href="#">ABOUT US</a> | <a href="#">SERVICES</a> | <a href="#">ADVICE</a> | <a href="#">OUR STAFF</a> | <a href="#">NEWS & EVENTS</a> | <a href="#">SUPPORT</a> | <a href="#">CONTACTS</a><br/> Copyright © Your Company Name</p> </div> </body> </html>