index.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Golang Hands-on</title>
  6. <link rel="stylesheet" type="text/css" href="main.css"/>
  7. <script type="text/javascript" src="js/main.js"></script>
  8. </head>
  9. <body>
  10. <header>
  11. <img src="img/rabbit.svg"/>
  12. <div>
  13. <h1 id="title">...</h1>
  14. <h2 id="subtitle">...</h2>
  15. </div>
  16. </header>
  17. <section>
  18. <div class="egg" onclick="findEgg1()">
  19. <img id="egg1" src="img/eggs-in-grass.svg"/>
  20. </div>
  21. <div class="egg" onclick="findEgg2()">
  22. <img id="egg2" src="img/eggs-in-grass.svg"/>
  23. </div>Vrolijk pasen!
  24. <div class="egg" onclick="findEgg3()">
  25. <img id="egg3" src="img/eggs-in-grass.svg"/>
  26. </div>
  27. <div class="egg">
  28. <img id="egg4" onclick="findEgg4()" src="img/eggs-in-grass.svg"/>
  29. <form>
  30. <label for="name">Naam: </label><input id="name" type="text"/>
  31. <label for="message">Bericht: </label><input id="message" type="text"/>
  32. </form>
  33. </div>
  34. <div class="egg" onclick="findEgg5()">
  35. <img id="egg5" src="img/eggs-in-grass.svg"/>
  36. </div>
  37. </section>
  38. </body>
  39. </html>