Este es el codigo:
Código 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>Chrome Web Design - Contact Page</title> <meta name="keywords" content="Chrome, Contact, Web Design, CSS, HTML, free template" /> <meta name="description" content="Contact Chrome Web - free HTML CSS template from templatemo.com" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" /> <script type="text/javascript" src="scripts/jquery.min.js"></script> <script type="text/javascript" src="scripts/ddsmoothmenu.js"> /*********************************************** * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> <script type="text/javascript"> ddsmoothmenu.init({ mainmenuid: "templatemo_menu", //menu DIV id orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v" classname: 'ddsmoothmenu', //class added to menu's outer DIV //customtheme: ["#1c5a80", "#18374a"], contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] }) </script> </head> <body> <div id="templatemo_wrapper"> <div id="templatemo_header"> <div id="site_title"><h1><a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></h1></div> <div id="templatemo_menu" class="ddsmoothmenu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a> <ul> <li><a href="http://www.templatemo.com/page/1">Background</a></li> <li><a href="http://www.templatemo.com/page/2">Our Team</a></li> <li><a href="http://www.templatemo.com/page/3">Management</a></li> </ul> </li> <li><a href="portfolio.html">Portfolio</a> <ul> <li><a href="http://www.templatemo.com/page/1">Web Design</a></li> <li><a href="http://www.templatemo.com/page/2">Multimedia</a></li> <li><a href="http://www.templatemo.com/page/3">3D Animations</a></li> <li><a href="http://www.templatemo.com/page/4">Templates</a></li> </ul> </li> <li><a href="blog.html">Blog</a> <ul> <li><a href="http://www.templatemo.com/page/1">Useful Tips</a></li> <li><a href="http://www.templatemo.com/page/2">Archives</a></li> <li><a href="http://www.templatemo.com/page/3">Popular Posts</a></li> <li><a href="http://www.templatemo.com/page/4">Comments</a></li> <li><a href="http://www.templatemo.com/page/5">Authors</a></li> </ul> </li> <li><a href="contact.html" class="selected">Contact</a></li> </ul> <br style="clear: left" /> </div> <!-- end of templatemo_menu --> </div> <!-- end of header --> <div id="templatemo_main"> <h2>Contact Us</h2> <div class="col_w630 float_l"> <div id="contact_form"> <h4>Feel free to send us a message.</h4> <form method="post" name="contact" action="#"> <input type="hidden" name="post" value="Send" /> <label for="author">Name:</label> <input type="text" id="author" name="author" class="input_field" /> <div class="cleaner h10"></div> <label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email input_field" /> <div class="cleaner h10"></div> <label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0"></textarea> <div class="cleaner h10"></div> <input type="submit" class="submit_btn float_l" name="submit" id="submit" value="Send" /> <input type="reset" class="submit_btn float_r" name="reset" id="reset" value="Reset" /> </form> </div> </div> <div class="col_w300 float_r"> <div class="col_fw"> <h4>Mailing <a href="http://es.forwallpaper.com" title="fondos de pantalla" class="project_big" rel="nofollow" target="_blank">Address</a></h4> <h6> Web Design Studio</h6> 150-320 Duis lacinia dictum, <br /> PVestibulum auctor, 10720<br /> Nam rhoncus, diam a mollis tempor<br /> Tel: 010-020-0340<br /> <br /> Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> & <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a></div> <div class="col_fw_last"> <h4>Our Location</h4> <div id="map"><a class="pirobox" href="images/map_big.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit."><img src="images/map_thumb.jpg" alt="Image" /></a></div> </div> </div> <div class="cleaner"></div> </div> <!-- end of main --> </div> <div id="templatemo_footer_wrapper"> <div id="templatemo_footer"> Copyright © 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a> <div class="cleaner"></div> </div> </div> <script type='text/javascript' src='js/logging.js'></script> </body> </html>