build-email
Version:
Framework & CLI Build Email - thiết kế HTML Email Template với Tailwind CSS, kế thừa Maizzle.
60 lines (55 loc) • 2.55 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 - Template not found</title>
<style>
html, body {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
height: 100%;
}
.container {
box-sizing: border-box;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
padding: 24px;
}
.error-code {
font-size: 25rem;
font-weight: 700;
color: #f1f5f9;
position: fixed;
top: -1.5rem;
left: -3rem;
user-select: none;
}
</style>
</head>
<body>
<span class="error-code">404</span>
<div class="container">
<div style="text-align: center;">
<h1 style="font-size: 3rem; color: #0F172A; margin: 2.25rem 0">
Template Not Found
</h1>
<p style="margin: 0 0 2.25rem; font-size: 1.25rem; line-height: 1.5; color: #64748B;">
The Template you are looking for was not found:
</p>
<p style="margin: 1rem 0 0; font-size: 1rem; line-height: 1.5; font-weight: 600; color: #334155;">
{{ page.url }}
</p>
</div>
</div>
<div style="position: fixed; bottom: 0; right: 0; pointer-events: none; user-select: none;">
<svg width="883" height="536" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1100" height="536"><path fill="#D9D9D9" d="M0 .955h1100V536H0z"/></mask><g mask="url(#a)" stroke="#94A3B8" stroke-miterlimit="10"><path d="M1056.93 92.587c0-50.03-43.95-90.587-98.168-90.587-54.22 0-98.174 40.557-98.174 90.587v483.125c0 50.029 43.954 90.586 98.174 90.586 54.218 0 98.168-40.557 98.168-90.586V92.587ZM646.241 92.587C646.241 42.556 602.287 2 548.067 2c-54.219 0-98.173 40.557-98.173 90.587v483.125c0 50.029 43.954 90.586 98.173 90.586 54.22 0 98.174-40.557 98.174-90.586V92.587Z"/><path d="M1036.18 148.383c33.41-39.402 25.88-96.336-16.82-127.164C976.657-9.61 914.955-2.66 881.544 36.742L471.586 520.215c-33.411 39.402-25.879 96.336 16.824 127.164 42.702 30.829 104.404 23.879 137.815-15.523l409.955-483.473ZM625.093 148.396c33.411-39.403 25.878-96.336-16.824-127.164C565.567-9.597 503.865-2.647 470.454 36.755L60.495 520.228c-33.41 39.402-25.878 96.336 16.825 127.164 42.702 30.829 104.404 23.879 137.815-15.523l409.958-483.473Z"/></g></svg>
</div>
</body>
</html>