A modern and responsive email subscription landing page with a clean design. This project features a "Coming Soon" page with an email subscription form that integrates with Google Sheets for data collection.
- Responsive design that works on all devices
- Modern and clean UI with a dark theme
- Email subscription form with validation
- Google Sheets integration for storing subscriber emails
- Animated send button with icon
- Success/error message display
- HTML5
- CSS3
- JavaScript
- Google Sheets API
- Clone this repository
- Open
index.htmlin your browser - To enable Google Sheets integration:
- Create a new Google Sheet
- Deploy as a web app
- Update the form action URL in
script.js
Email-Subscription/
├── index.html # Main HTML file
├── style.css # Stylesheet
├── script.js # JavaScript functionality
├── background.png # Background image
└── send-icon.png # Send button icon
- Enter your email address in the input field
- Click the send button or press Enter
- The form will submit the email to your connected Google Sheet
- A success/error message will be displayed
You can customize the project by:
- Changing the background image
- Modifying the color scheme in
style.css - Updating the text content in
index.html - Adjusting the form styling
