98 lines
2.7 KiB
HTML
98 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Voltage Creative — Big Things Are Coming</title>
|
|
<style>
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
background: #ffe800;
|
|
color: #111111;
|
|
font-family: Impact, 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 2rem;
|
|
text-align: center;
|
|
}
|
|
.bolt {
|
|
font-size: 4rem;
|
|
line-height: 1;
|
|
margin-bottom: 0.5rem;
|
|
filter: drop-shadow(4px 4px 0 rgba(0,0,0,0.25));
|
|
}
|
|
.brand {
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.4em;
|
|
text-transform: uppercase;
|
|
color: #333;
|
|
margin-bottom: 1rem;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 700;
|
|
}
|
|
h1 {
|
|
font-size: clamp(3rem, 12vw, 9rem);
|
|
color: #111;
|
|
text-transform: uppercase;
|
|
line-height: 0.9;
|
|
letter-spacing: -3px;
|
|
margin-bottom: 1rem;
|
|
text-shadow: 5px 5px 0 rgba(0,0,0,0.15);
|
|
}
|
|
.sub {
|
|
font-size: 1.1rem;
|
|
letter-spacing: 0.25em;
|
|
text-transform: uppercase;
|
|
color: #333;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 700;
|
|
margin-bottom: 3rem;
|
|
}
|
|
.black-box {
|
|
background: #111;
|
|
color: #ffe800;
|
|
padding: 1.2rem 3rem;
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.3em;
|
|
text-transform: uppercase;
|
|
font-family: Arial, sans-serif;
|
|
font-weight: 700;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.row {
|
|
display: flex;
|
|
gap: 2rem;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-bottom: 2rem;
|
|
}
|
|
.stat { text-align: center; }
|
|
.stat .n { font-size: 2.5rem; color: #111; line-height: 1; display: block; }
|
|
.stat .l { font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: #555; font-family: Arial, sans-serif; font-weight: 700; }
|
|
.footer {
|
|
font-size: 0.68rem;
|
|
color: #555;
|
|
letter-spacing: 0.15em;
|
|
text-transform: uppercase;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="bolt">⚡</div>
|
|
<p class="brand">Voltage Creative</p>
|
|
<h1>Big<br>Things</h1>
|
|
<p class="sub">Are Coming — Stay Charged</p>
|
|
<div class="black-box">New website launching very soon</div>
|
|
<div class="row">
|
|
<div class="stat"><span class="n">08</span><span class="l">Years Active</span></div>
|
|
<div class="stat"><span class="n">200+</span><span class="l">Campaigns</span></div>
|
|
<div class="stat"><span class="n">40+</span><span class="l">Awards</span></div>
|
|
</div>
|
|
<p class="footer">Voltage Creative © 2025 — Power up your brand</p>
|
|
</body>
|
|
</html>
|