das ist mein ersetr test
This commit is contained in:
commit
ce0edf2206
|
|
@ -0,0 +1,76 @@
|
|||
body {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.topnav {
|
||||
background-color: #077BCB;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.topnav a {
|
||||
float: left;
|
||||
color: white;
|
||||
background-color: #055288;
|
||||
text-align: center;
|
||||
padding: 10px 16px;
|
||||
margin: 17px 17px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
border: 0px solid white;
|
||||
border-style: solid;
|
||||
border-radius: 10px;
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
|
||||
.topnav a:hover {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.topnav a.first {
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
.geruecht {
|
||||
margin: 10px auto;
|
||||
display: table;
|
||||
top: 40px;
|
||||
border: 0px;
|
||||
border-top: 1px gray;
|
||||
border-bottom: 1px gray;
|
||||
border-radius: 15px;
|
||||
border-style: solid;
|
||||
width: 100%;
|
||||
border-spacing: 10px;
|
||||
}
|
||||
|
||||
.g-item {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 70px;
|
||||
border-radius: 10px;
|
||||
background: green;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.bottombar {
|
||||
background-color: #077BCB;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bottombar-element {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -0,0 +1,346 @@
|
|||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>Home</title>
|
||||
<link rel="stylesheet" href="css/master.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="topnav">
|
||||
<a class="first" href="#">Finanzer</a>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="geruecht">
|
||||
<div class="g-item first">
|
||||
<p>dummy 1</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+1 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,5 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,4 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,2 €</p>
|
||||
</div>
|
||||
<div class="g-item button">
|
||||
<p>+0,1 €</p>
|
||||
</div>
|
||||
<div class="g-item">
|
||||
<p>Gesamt</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottombar">
|
||||
<div class="bottombar-element">
|
||||
<form class="field" action="index.html" method="post">
|
||||
Name: <input type="text" name="" value="">
|
||||
<input type="submit" name="" value="erstellen">
|
||||
</form>
|
||||
</div>
|
||||
<div class="bottombar-element right">
|
||||
<p>Stornieren</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
Loading…
Reference in New Issue