diff --git a/chapter02/chapter02-project02.html b/chapter02/chapter02-project02.html index ffece4cff6a990c044bb9e95eeb3229a91fe9d08..435ac500fc477c230bcc39898dc8dbf0e6bffe05 100644 --- a/chapter02/chapter02-project02.html +++ b/chapter02/chapter02-project02.html @@ -1,61 +1,62 @@ <!DOCTYPE html> -<html> -<head lang="en"> +<html lang="en"> +<head> <meta charset="utf-8"> <title>Not a Real CRM</title> </head> <body> - - <h1>Not a Real CRM</h1> - <div id="mainMenu"> - <ul> - <li><a href="#">Home</a></li> - <li><a href="#">Catalog</a></li> - <li><a href="#">Inventory</a></li> - </ul> - </div> - - <h2>Contacts</h2> - <div id="secondaryMenu"> - <h3>My CRM</h3> - <ul> - <li><a href="#">Contacts</a></li> - <li><a href="#">Orders</a></li> - <li><a href="#">Calendar</a></li> - <li><a href="#">Tasks</a></li> - <li><a href="#">Evaluation Copies</a></li> - </ul> - </div> - - <div id="mainContact"> + <header> + <h1>Not a Real CRM</h1> + <nav id="mainMenu"> + <ul> + <li><a href="#">Home</a></li> + <li><a href="#">Catalog</a></li> + <li><a href="#">Inventory</a></li> + </ul> + </nav> + + <h2>Contacts</h2> + <nav id="secondaryMenu"> + <h3>My CRM</h3> + <ul> + <li><a href="#">Contacts</a></li> + <li><a href="#">Orders</a></li> + <li><a href="#">Calendar</a></li> + <li><a href="#">Tasks</a></li> + <li><a href="#">Evaluation Copies</a></li> + </ul> + </nav> + </header> + <article id="mainContact"> <h3>Jack Smith</h3> <p> Address: 1 Microsoft Way<br/> City: Redmond<br/> - Region: WA</br/> + Region: WA<br/> Country: USA<br/> Postal: 98052-8300<br/> Phone: +1 (425) 882-8080<br/> Email: <a href="mailto:jacksmith@microsoft.com">jacksmith@microsoft.com</a> </p> - <div id="actions"> - <img src="images/edit.png" title="Edit this contact" /> - <img src="images/add.png" title="Add a new contact" /> - <img src="images/delete.png" title="Delete this contact" /> - <img src="images/email.png" title="Email the contact" /> - <img src="images/appointment.png" title="Make appointment with contact" /> - </div> + <aside id="actions"> + <img src="images/edit.png" title="Edit this contact" alt="Edit Contact" /> + <img src="images/add.png" title="Add a new contact" alt="New Contact" /> + <img src="images/delete.png" title="Delete this contact" alt="Delete Contact" /> + <img src="images/email.png" title="Email the contact" alt="Email Contact" /> + <img src="images/appointment.png" title="Make appointment with contact" alt="Make Appointment" /> + </aside> <img src="images/jack-smith-map.png" title="Jack Smith Map" alt="Jack Smith Map" /><br/> <em>Map for Jack Smith</em> - </div> + </article> - <div id="lastViewed"> + <section id="lastViewed"> <h3>Last Contact Viewed</h3> <p><a href="#">Camille Bernard</a><br/>University of Paris</p> - </div> - - <p><small><a href="#">Home</a> | <a href="#">Catalog</a> | <a href="#">Inventory</a><br/> - <em>Copyright © 2013 Not a Real CRM</em></small></p> + </section> + <footer> + <p><small><a href="#">Home</a> | <a href="#">Catalog</a> | <a href="#">Inventory</a><br/> + <em>Copyright © 2013 Not a Real CRM</em></small></p> + </footer> </body> </html> \ No newline at end of file