index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>The Devil's Dictionary</title>
  6. <link rel="stylesheet" href="06.css" type="text/css" />
  7. <script src="jquery.js"></script>
  8. <script src="06.js"></script>
  9. </head>
  10. <body>
  11. <div id="container">
  12. <div id="header">
  13. <h2>The Devil's Dictionary</h2>
  14. <div class="author">by Ambrose Bierce</div>
  15. </div>
  16. <div class="letters">
  17. <div class="letter" id="letter-a">
  18. <h3><a href="entries-a.html">A</a></h3>
  19. </div>
  20. <div class="letter" id="letter-b">
  21. <h3><a href="entries-b.html">B</a></h3>
  22. </div>
  23. <div class="letter" id="letter-c">
  24. <h3><a href="entries-c.html">C</a></h3>
  25. </div>
  26. <div class="letter" id="letter-d">
  27. <h3><a href="entries-d.html">D</a></h3>
  28. </div>
  29. <div class="letter" id="letter-e">
  30. <h3>E</h3>
  31. <ul>
  32. <li><a href="e.php?term=Eavesdrop">Eavesdrop</a></li>
  33. <li><a href="e.php?term=Edible">Edible</a></li>
  34. <li><a href="e.php?term=Education">Education</a></li>
  35. <li><a href="e.php?term=Eloquence">Eloquence</a></li>
  36. <li><a href="e.php?term=Elysium">Elysium</a></li>
  37. <li><a href="e.php?term=Emancipation">Emancipation</a></li>
  38. <li><a href="e.php?term=Emotion">Emotion</a></li>
  39. <li><a href="e.php?term=Envelope">Envelope</a></li>
  40. <li><a href="e.php?term=Envy">Envy</a></li>
  41. <li><a href="e.php?term=Epitaph">Epitaph</a></li>
  42. <li><a href="e.php?term=Evangelist">Evangelist</a></li>
  43. </ul>
  44. </div>
  45. <div class="letter" id="letter-f">
  46. <h3>F</h3>
  47. <form action="f.php">
  48. <input type="text" name="term" value="" id="term">
  49. <button type="submit">Search</button>
  50. </form>
  51. </div>
  52. <div class="letter" id="letter-g">
  53. <h3><a href="entries-g.html">G</a></h3>
  54. </div>
  55. <div class="letter" id="letter-h">
  56. <h3><a href="entries-h.html">H</a></h3>
  57. </div>
  58. </div>
  59. <div id="dictionary">
  60. </div>
  61. </div>
  62. </body>
  63. </html>