Skip to content

Instantly share code, notes, and snippets.

@qutek
Created March 11, 2025 16:58
Show Gist options
  • Save qutek/a71d0175176b079acc6b1cf85c189d78 to your computer and use it in GitHub Desktop.
Save qutek/a71d0175176b079acc6b1cf85c189d78 to your computer and use it in GitHub Desktop.
SIngle file super simple cooming soon page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Coming Soon</title>
<style>
/* Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Base styles */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif;
}
/* Utility classes (from Tailwind) */
.min-h-screen {
min-height: 100vh;
}
.bg-gray-900 {
background-color: #1a202c;
}
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.text-white {
color: #ffffff;
}
.text-5xl {
font-size: 3rem;
}
.text-lg {
font-size: 1.125rem;
}
.font-bold {
font-weight: 700;
}
.mb-8 {
margin-bottom: 2rem;
}
/* Animation for pulse effect */
@keyframes pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.7;
}
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
</style>
</head>
<body>
<div
class="min-h-screen bg-gray-900 flex flex-col items-center justify-center"
>
<h1 class="text-5xl text-white font-bold mb-8 animate-pulse">
Coming Soon
</h1>
<p class="text-white text-lg mb-8">
We're working hard to bring you something amazing. Stay tuned!
</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment