124 lines
3.1 KiB
HTML
124 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Our New Site Is On Its Way</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
background: #f7f0e6;
|
|
color: #4a3728;
|
|
font-family: Georgia, 'Times New Roman', serif;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 2rem;
|
|
}
|
|
.card {
|
|
background: #fffdf8;
|
|
border: 1px solid #e8d8c4;
|
|
max-width: 520px;
|
|
width: 100%;
|
|
padding: 3.5rem 3rem;
|
|
text-align: center;
|
|
box-shadow: 0 4px 30px rgba(74,55,40,0.08);
|
|
position: relative;
|
|
}
|
|
.card::before, .card::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 8px; left: 8px; right: 8px; bottom: 8px;
|
|
border: 1px solid #e8d8c4;
|
|
pointer-events: none;
|
|
}
|
|
.card::after {
|
|
top: 12px; left: 12px; right: 12px; bottom: 12px;
|
|
border-color: rgba(232,216,196,0.5);
|
|
}
|
|
.icon-row {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 1.5rem;
|
|
line-height: 1;
|
|
}
|
|
.brand {
|
|
font-size: 1.5rem;
|
|
font-style: italic;
|
|
color: #7a5c4a;
|
|
margin-bottom: 0.3rem;
|
|
letter-spacing: 0.02em;
|
|
}
|
|
.brand-sub {
|
|
font-size: 0.72rem;
|
|
letter-spacing: 0.35em;
|
|
text-transform: uppercase;
|
|
color: #b8906e;
|
|
margin-bottom: 2rem;
|
|
font-family: 'Trebuchet MS', Arial, sans-serif;
|
|
}
|
|
h1 {
|
|
font-size: clamp(1.5rem, 4vw, 2.1rem);
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
color: #3a2718;
|
|
line-height: 1.3;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.swash {
|
|
color: #b8906e;
|
|
font-size: 1.5rem;
|
|
margin: 1rem 0;
|
|
letter-spacing: 0.3em;
|
|
}
|
|
p {
|
|
font-size: 0.95rem;
|
|
line-height: 1.9;
|
|
color: #6a5040;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.sig {
|
|
margin-top: 2rem;
|
|
font-style: italic;
|
|
font-size: 1.3rem;
|
|
color: #7a5c4a;
|
|
}
|
|
.sig-role {
|
|
font-style: normal;
|
|
font-size: 0.7rem;
|
|
letter-spacing: 0.3em;
|
|
text-transform: uppercase;
|
|
color: #b8906e;
|
|
font-family: 'Trebuchet MS', Arial, sans-serif;
|
|
margin-top: 0.25rem;
|
|
display: block;
|
|
}
|
|
.footer {
|
|
margin-top: 3rem;
|
|
font-size: 0.75rem;
|
|
color: #c8b8a8;
|
|
letter-spacing: 0.15em;
|
|
font-family: 'Trebuchet MS', Arial, sans-serif;
|
|
text-transform: uppercase;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="icon-row">🍰 🍵 🌼</div>
|
|
<div class="brand">Isabelle & Co.</div>
|
|
<div class="brand-sub">Personal Chef & Artisan Bakery</div>
|
|
<h1>"Our New Site Is<br>On Its Way"</h1>
|
|
<div class="swash">❧ ❧ ❧</div>
|
|
<p>Something delightful is baking behind the scenes. We are crafting a beautiful new home online where you will be able to browse seasonal menus, order custom cakes, and book private dining experiences.</p>
|
|
<p>All the things you love about us — the warmth, the flavour, the care — are being poured into every pixel.</p>
|
|
<div class="sig">
|
|
— Isabelle
|
|
<span class="sig-role">Chef & Founder</span>
|
|
</div>
|
|
</div>
|
|
<div class="footer">Back very soon • Thank you for your patience</div>
|
|
</body>
|
|
</html>
|