Site map layout
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> <head> <title>Sitemap</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> body { background-color: #FFFFFF; color: #000000; margin: 0; padding: 1em; font: 1em Arial, Helvetica, sans-serif; } ul#sitemap { margin: 0; padding: 0; list-style: none; } ul#sitemap ul { padding-left: 1em; list-style: none; } ul#sitemap li { border-bottom: 2px solid #FFFFFF; } ul#sitemap li a:link, ul#sitemap li a:visited{ background-color: #CCCCCC; display: block; padding: 0.4em; text-decoration: none; color: #057FAC; } ul#sitemap li a:hover { background-color: #999999; color: #FFFFFF; } ul#sitemap li li a:link, ul#sitemap li li a:visited{ background-color: #FFFFFF; display: block; padding: 0.4em; } ul#sitemap li li a:hover { background-color: #FFFFFF; color: #057FAC; } </style> </head> <body> <ul id="sitemap"> <li><a href="/about">About us</a> <ul> <li><a href="/about/team">The team</a></li> <li><a href="/about/history">Our history</a></li> </ul> </li> <li><a href="/products">Our products</a></li> <li><a href="/order">Ordering information</a> <ul> <li><a href="/order/shops">Our shops</a></li> <li><a href="/order/stockists">Other stockists</a></li> <li><a href="/order/onlinestockists">Online stockists</a></li> </ul> </li> <li><a href="/contact">Contact us</a></li> </ul> </body> </html>