46 lines
1.8 KiB
HTML
46 lines
1.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="output.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="bg-white w-screen flex flex-col items-center">
|
|
<div class="container max-w-4xl">
|
|
<!-- Header -->
|
|
<div class="grid gap-x-2 bg-slate-200 p-4">
|
|
|
|
<div class="col-start-9 col-span-4 row-start-1 text-right">2022-10-15 09:23</div>
|
|
|
|
<div class="col-start-1 row-start-1 text-slate-400 text-right">From</div>
|
|
<div class="col-start-2 col-span-7 row-start-1">Name <<a href="mailto:someone@example.de">someone@example.de</a>></div>
|
|
|
|
<div class="col-start-1 row-start-2 text-slate-400 text-right">Subject</div>
|
|
<div class=" col-start-2 col-span-10 row-start-2 font-bold">HTML Message</div>
|
|
|
|
<div class="col-start-1 row-start-3 text-slate-400 text-right">To</div>
|
|
<div class="col-start-2 col-span-10 row-start-3 text-sm my-0.5"><a href="mailto:someone@example.de">someone@example.de</a></div>
|
|
|
|
<div class="col-start-1 row-start-4 text-slate-400 text-right"></div>
|
|
<div class="col-start-2 col-span-10 row-start-4 text-sm my-0.5"></div>
|
|
|
|
<div class="col-start-1 row-start-5 text-slate-400 text-right"></div>
|
|
<div class="col-start-2 col-span-10 row-start-5" text-sm my-0.5></div>
|
|
|
|
<div class="col-start-1 row-start-6 text-slate-400 text-right">Attachments</div>
|
|
<div class="col-start-2 col-span-10 row-start-6">IntM6gnXFm00FEV5.png (6.89 KiB), 600+kbfile.txt (600.24 KiB)</div>
|
|
</div>
|
|
|
|
<!-- Separator-->
|
|
<div class="border-t border-solid border-b w-full h-[1px] box-content border-black mb-5 bg-slate-200"></div>
|
|
|
|
<!-- Content-->
|
|
<div class="w-full break-words">Some Text<br><br>and an embedded image.</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|