Skip to content

Instantly share code, notes, and snippets.

@4msar

4msar/coming-soon.html

Created September 5, 2025 17:40
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save 4msar/f0964bc0bbcc4450058d57b4d22db62e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save 4msar/f0964bc0bbcc4450058d57b4d22db62e to your computer and use it in GitHub Desktop.
Download ZIP
simple coming soon template
Raw
coming-soon.html
<!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>
</head>
<body class="bg-gradient-to-br from-blue-600 via-indigo-700 to-purple-800 text-white min-h-screen flex items-center justify-center">
<div class="text-center px-6">
<!-- Logo / Placeholder -->
<div class="mb-6">
<div class="mx-auto w-20 h-20 rounded-full bg-white/20 flex items-center justify-center text-3xl font-bold">
🚀
</div>
</div>
<!-- Heading -->
<h1 class="text-4xl md:text-6xl font-extrabold mb-4">We’re Coming Soon!</h1>
<!-- Subtext -->
<p class="text-lg md:text-xl text-gray-200 mb-8 max-w-xl mx-auto">
Our website is under construction. We will be available soon.
</p>
<!-- Email Subscribe Form -->
<form class="flex flex-col sm:flex-row gap-3 justify-center max-w-md mx-auto">
<input
type="email"
placeholder="Enter your email"
class="px-4 py-3 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-yellow-400 flex-1"
/>
<button
type="submit"
class="px-6 py-3 bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-semibold rounded-lg shadow-lg transition"
>
Notify Me
</button>
</form>
<!-- Footer -->
<div class="mt-10 text-sm text-gray-300">
© 2025 Your Company. All rights reserved.
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment