54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns=th="http://www.thymeleaf.org">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" href="index_styles.css">
|
|
<link rel="shortcut icon" type="image/x-icon" href="icons/Logo_testo.png">
|
|
<title>Testosteroth</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<nav id="nav">
|
|
<ul id="menu_left">
|
|
<li class="menu_left_element"><a class="menu_element_text" href="/index.html"><img src="icons/home.svg"></a></li>
|
|
</ul>
|
|
|
|
<ul id="menu_right">
|
|
<li class="menu_right_element"><a class="menu_element_text" href="/balance.html"><img src="icons/balance.svg"></a></li>
|
|
<li class="menu_right_element"><a class="menu_element_text" href="/group.html"><img src="icons/group.svg"></a></li>
|
|
<li class="menu_right_element"><a class="menu_element_text" href="/login.html"><img src="icons/login.svg"></a></li>
|
|
</ul>
|
|
|
|
</nav>
|
|
<div class="balance-list-wrapper">
|
|
<div class="balance-list">
|
|
<div class="overview">
|
|
<div id="title">Balance:</div>
|
|
<div id="total-amount">500,00 Euro</div>
|
|
</div>
|
|
<div class="grid-wrapper">
|
|
<div class="box">
|
|
<div class="dropdown"></div>
|
|
<span class="entry">Beschreibung</span>
|
|
<span class="amount">100,00 Euro</span>
|
|
</div>
|
|
<div class="box">
|
|
<div class="dropdown"></div>
|
|
<div class="entry">Beschreibung</div>
|
|
<div class="amount">50,00 Euro</div>
|
|
</div>
|
|
<div class="box">
|
|
<div class="dropdown"></div>
|
|
<div class="entry">Beschreibung</div>
|
|
<div class="amount">2,99 Euro</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |