Eine kleine super Übung zum Kennenlernen.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns=th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <link rel="stylesheet" href="index_styles.css">
  8. <link rel="shortcut icon" type="image/x-icon" href="icons/Logo_testo.png">
  9. <title>Testosteroth</title>
  10. </head>
  11. <body>
  12. <nav id="nav">
  13. <ul id="menu_left">
  14. <li class="menu_left_element"><a class="menu_element_text" href="/index.html"><img src="icons/home.svg"></a></li>
  15. </ul>
  16. <ul id="menu_right">
  17. <li class="menu_right_element"><a class="menu_element_text" href="/balance.html"><img src="icons/balance.svg"></a></li>
  18. <li class="menu_right_element"><a class="menu_element_text" href="/group.html"><img src="icons/group.svg"></a></li>
  19. <li class="menu_right_element"><a class="menu_element_text" href="/login.html"><img src="icons/login.svg"></a></li>
  20. </ul>
  21. </nav>
  22. <div class="balance-list-wrapper">
  23. <div class="balance-list">
  24. <div class="overview">
  25. <div id="title">Balance:</div>
  26. <div id="total-amount">500,00 Euro</div>
  27. </div>
  28. <div class="grid-wrapper">
  29. <div class="box">
  30. <div class="dropdown"></div>
  31. <span class="entry">Beschreibung</span>
  32. <span class="amount">100,00 Euro</span>
  33. </div>
  34. <div class="box">
  35. <div class="dropdown"></div>
  36. <div class="entry">Beschreibung</div>
  37. <div class="amount">50,00 Euro</div>
  38. </div>
  39. <div class="box">
  40. <div class="dropdown"></div>
  41. <div class="entry">Beschreibung</div>
  42. <div class="amount">2,99 Euro</div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </body>
  48. </html>