This commit is contained in:
hugo 2023-10-03 21:26:52 +02:00
parent aba3a484b7
commit ee1c5a43d5
2 changed files with 132 additions and 0 deletions

View File

@ -0,0 +1,70 @@
:root {
--border-radus: 1rem;
--background: #EEE;
--header-background: #DDD;
--header-height: 3rem;
--input-bar-height: 2rem;
}
body{
background: var(--background);
font-family: sans-serif;
margin: 0;
padding: 0;
}
main {
max-width: 400px;
display: flex;
flex-direction: column;
align-self: flex-start;
gap: 1rem;
margin: 0 auto;
padding: 1rem 0.5rem;
height: calc(100vh - 5rem);
overflow-y: scroll;
box-sizing: border-box;
}
header {
background-color: var(--header-background);
display: flex;
flex-direction: row;
padding: 1rem;
gap: 1rem;
font-weight: bold;
width: 100vw;
height: var(header-height);
box-sizing: border-box;
}
footer {
width: 100vw;
height: var(input-bar-height);
background-color: #FDD;
display: flex;
flex-direction: row;
padding: 0 1rem;
box-sizing: border-box;
}
.request {
background-color: #DFD;
border-radius: var(--border-radus);
padding: 0.5rem 1rem;
align-self: flex-end;
max-width: 80%;
}
.ticket {
background-color: #DDF;
max-width: 80%;
border-radius: var(--border-radus);
padding: 0.5rem 1rem;
align-self: flex-start;
}
.date {
align-self: center;
margin-top: 0.5rem;
}

View File

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Karta</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div>x</div>
<div>9011</div>
<div class="rightAligner"></div>
</header>
<main>
<section class='request'>
A90
</section>
<section class='ticket'>
U Beogradu, za broj telefona ste kupili
VREMENSKU KARTU OD 90 MINUTA U ZONI A po
ceni od 50 din + osnovna cena poruke,
koja vazi do 03.10.2023, 09:42:54.
Karta broj: 0000343232.
Placanjem operateru izmirujete dugovanja
za ovu kartu prema JKP Naplata prevozne
usluge Beograd. Sacuvajte ovu poruku.
</section>
<section class='request'>
A90
</section>
<section class='ticket'>
U Beogradu, za broj telefona ste kupili
VREMENSKU KARTU OD 90 MINUTA U ZONI A po
ceni od 50 din + osnovna cena poruke,
koja vazi do 03.10.2023, 09:42:54.
Karta broj: 0000343232.
Placanjem operateru izmirujete dugovanja
za ovu kartu prema JKP Naplata prevozne
usluge Beograd. Sacuvajte ovu poruku.
</section>
<section class='date'>08:23</section>
<section class='request'>
A90
</section>
<section class='ticket'>
U Beogradu, za broj telefona ste kupili
VREMENSKU KARTU OD 90 MINUTA U ZONI A po
ceni od 50 din + osnovna cena poruke,
koja vazi do 03.10.2023, 09:42:54.
Karta broj: 0000343232.
Placanjem operateru izmirujete dugovanja
za ovu kartu prema JKP Naplata prevozne
usluge Beograd. Sacuvajte ovu poruku.
</section>
</main>
<footer>
<div class="textbox"></div>
<div>x</div>
</footer>
</body>
</html>