→ Morgan Reynolds
→ Coming Soon Landing Page with Email Sign...

Coming Soon Landing Page with Email Signup

A clean coming soon landing page featuring a countdown timer, email subscription form, and social media links to build anticipation for your upcoming website or product launch.

This Example is contributed by Morgan Reynolds, on 26-Mar-2025. It is responsive. similar terms for this example is Email campaign

Newsletter Subscription Countdown Pre-launch

Author Morgan Reynolds

Fork Fullscreen

<div class="coming-soon-container">
  <div class="content-wrapper">
    <div class="logo-container">
      <h1>BRAND<span>NAME</span></h1>
    </div>
    
    <div class="main-content">
      <h2>We're Coming Soon</h2>
      <p>Our website is under construction. We're working hard to improve our website and we'll ready to launch after</p>
      
      <div class="countdown-container">
        <div class="countdown-item">
          <span id="days">00</span>
          <p>Days</p>
        </div>
        <div class="countdown-item">
          <span id="hours">00</span>
          <p>Hours</p>
        </div>
        <div class="countdown-item">
          <span id="minutes">00</span>
          <p>Minutes</p>
        </div>
        <div class="countdown-item">
          <span id="seconds">00</span>
          <p>Seconds</p>
        </div>
      </div>
      
      <div class="subscribe-container">
        <p>Subscribe to get notified when we launch</p>
        <form id="subscribe-form">
          <input type="email" placeholder="Enter your email" required>
          <button type="submit">Notify Me</button>
        </form>
      </div>
      
      <div class="social-links">
        <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
        <a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
        <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
        <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
      </div>
    </div>
  </div>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

Related Examples