css_practice_3.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>HTML5 Layout</title>
  5. </head>
  6. <body>
  7. <div>
  8. <header>
  9. <h1>Yoko's Kitchen</h1>
  10. <nav>
  11. <ul>
  12. <li><a href="">home</a></li>
  13. <li><a href="">classes</a></li>
  14. <li><a href="">catering</a></li>
  15. <li><a href="">about</a></li>
  16. <li><a href="">contact</a></li>
  17. </ul>
  18. </nav>
  19. </header>
  20. <section>
  21. <article>
  22. <figure>
  23. <img src="images/bok-choi.jpg" alt="Bok Choi" />
  24. <figcaption>Bok Choi</figcaption>
  25. </figure>
  26. <hgroup>
  27. <h2>Japanese Vegetarian</h2>
  28. <h3>Five week course in London</h3>
  29. </hgroup>
  30. <p>
  31. A five week introduction to traditional Japanese vegetarian meals, teaching you a selection of rice and noodle
  32. dishes.
  33. </p>
  34. </article>
  35. <article>
  36. <figure>
  37. <img src="images/teriyaki.jpg" alt="Teriyaki sauce">
  38. <figcaption>Teriyaki Sauce</figcaption>
  39. </figure>
  40. <hgroup>
  41. <h2>Sauces Masterclass</h2>
  42. <h3>One day workshop</h3>
  43. </hgroup>
  44. <p>
  45. An intensive one-day course looking at how to create the most delicious sauces for use in a range of Japanese
  46. cookery.
  47. </p>
  48. </article>
  49. </section>
  50. <aside>
  51. <section>
  52. <h2>Popular Recipes</h2>
  53. <a href="">Yakitori (grilled chicken)</a>
  54. <a href="">Tsukune (minced chicken patties)</a>
  55. <a href="">Okonomiyaki (savory pancakes)</a>
  56. <a href="">Mizutaki (chicken stew)</a>
  57. </section>
  58. <section>
  59. <h2>Contact</h2>
  60. <p>
  61. Yoko's Kitchen<br>
  62. 27 Redchurch Street<br>
  63. Shoreditch<br>
  64. London E2 7DP
  65. </p>
  66. </section>
  67. </aside>
  68. <footer>
  69. &copy; 2011 Yoko's Kitchen
  70. </footer>
  71. </div>
  72. </body>
  73. </html>