Responisve Forthcoming Page Free Widget Template
Want clean and elegant responsive coming soon HTML widget for your site? Forthcoming page free widget template with extensive social option is the perfect choice for you. Designed with HTML5, CSS3 and have easy customizable design.
⬇ Free downloadTry the live demo
Free for personal & commercial use · keeps a small “Designed by ThemeVault” footer link · no card needed
- HTML
- CSS
- JS
- Released Apr 2017
- v2.0 · Sep 2026
- 4 pages+ 2 HTML emails
- v2.0updated Sep 2026
- 3,727views
- 1,256downloads
With this Forthcoming page, you can showcase a professional looking awaiting page on your website. The page has a beautiful background, links to social media pages, and it is also responsive for all devices. It is entirely built with HTML5, CSS3 and has 100% responsive design which makes it fit on all screen size. It has customizable design so that you can customize each and every block of the template as per your need. Download and make it yours!
Version 2.0 adds a launch countdown under the heading and a notify-me email form, with three pages around them in the same design — a contact page with a validating form (contact.html), a scheduled-maintenance / back-soon page with its own countdown (maintenance.html) and a short privacy notice for the addresses the forms collect (privacy.html) — plus two ready-to-send HTML emails: the notify-me confirmation (email-notify.html) and the contact auto-reply (email-contact.html). The social icons now link to their networks, the placeholder text is real copy, and the layout no longer cuts off on a short screen.
- Countdown timer under the heading — four boxes (days / hours / minutes / seconds) driven by one data-launch date; empty = 30 days from the visitor's first visit
- Notify-me email form: validates
- contact.html — where Contact Us now goes: name, email and message with validation and a confirmation.
- maintenance.html — the "Back Soon" sister page: same layout, countdown set to when maintenance ends (default 7 days) and the notify-me form. Marked noindex.
- privacy.html — a short notice on what the forms collect and how to be removed; linked from under the notify-me form. Placeholder details for you to replace.
- email-notify.html — the "you're on the list" confirmation the notify-me form sends.
- email-contact.html — the automatic reply the contact form sends. Both emails are table-based and inline-styled for Gmail, Outlook and Apple Mail, use no images
- The lorem-ipsum paragraph is real copy; the credit line shows the current year.
Pages
Features
| Template Type | Free |
|---|---|
| Compatible Browsers | Opera, Firefox, Google Chrome |
| Link hover effetcs | Yes |
| Coding | HTML 5, CSS 3 |
| Forms | Contact Form, Subscribe Form |
| Additional Features | Countdown Timer, Favicon, Responsive Design, Social Links |
| Image Sources | Iconmonstr, Pixabay |
What’s new
v2.0Sep 2026
- Countdown timer under the heading — four boxes (days / hours / minutes / seconds) driven by one data-launch date; empty = 30 days from the visitor's first visit. When it passes the boxes hide and "We're live!" shows.
- Notify-me email form: validates, shows an inline error or a thank-you that names the address. Add data-endpoint to POST it to your own server; without it the form is a demo (each shows a "Demo only" line to delete when you go live). Details at the top of js/main.js.
- contact.html — where Contact Us now goes: name, email and message with validation and a confirmation.
- maintenance.html — the "Back Soon" sister page: same layout, countdown set to when maintenance ends (default 7 days) and the notify-me form. Marked noindex.
- privacy.html — a short notice on what the forms collect and how to be removed; linked from under the notify-me form. Placeholder details for you to replace.
- email-notify.html — the "you're on the list" confirmation the notify-me form sends.
- email-contact.html — the automatic reply the contact form sends. Both emails are table-based and inline-styled for Gmail, Outlook and Apple Mail, use no images, and carry {{placeholders}} for your mailer.
- The lorem-ipsum paragraph is real copy; the credit line shows the current year.
- All five links went to "#" and reloaded the page: Contact Us goes to the contact page and the four social icons go to their networks (the wifi symbol is an RSS link to /feed.xml — point it wherever your feed is). The icons now carry labels for screen readers.
- The page had two <h1>s (the LOGO placeholder and the title); the title is now the one heading and LOGO is a plain text block with the same look.
- The whole column was absolutely positioned at 50% (and 35% / 55% / 20% at four breakpoints), so on a short screen — a landscape phone — the top of the page was cut off with no way to scroll to it. It now centres exactly as before and scrolls when it has to. On a phone the column takes the screen's width (it was squeezed to half of it, too narrow for a form).
- Meta description added; the second font stylesheet and the woff files are gone (the woff2 files load straight from style.css); 7 unused CSS rules dropped.
- No framework, no jQuery: one stylesheet (css/style.css) and one dependency-free script (js/main.js). Antonio ships inside the page (the same files as version 1).
- Recolour in one place: --accent at the top of css/style.css.
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Download Details
- Published
- April 13, 2017
- Categories
- Site ElementsFree Responsive Website Templates
- Tags
- Coming SoonComing Soon PageComing upFree ModernHTMLLaunchLaunching CounterLaunching SoonMultipurposeRenovation PageUnder ConstructionWebsite Launchingagencybusinessfree
Source
- HTML
- CSS
- JS
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Free for personal & commercial use with an attribution link to ThemeVault. Read the license.
Reviews
No reviews yet — be the first to review this template.
Every page
See all 6 pages at a glance
Each page is built and ready, including the emails.
Make it yours
Change one token, the whole site follows
Every colour, font, radius and spacing value lives in one :root block in css/style.css. Swap the brand colour and every button, link and highlight updates.
Accent#b15244
Accent dark#ad3b2a
Error#ffb3a8
AaantonioregularHeadings
:root {
--accent: #b15244;
--accent: #b15244;
}
Tested on phones, tablets and desktops from 320 to 1440px wide.
In the download
What you get in the ZIP
Everything is plain files you can open in any editor. No build step and no installs.
- 19files
- 175 KBZIP size
- 6HTML pages
- 6images
Please note that the images in the template will be blurred in the downloaded package.
forthcoming-page/ ├── index.html ├── contact.html ├── email-contact.html ├── email-notify.html ├── maintenance.html └── privacy.html
From download to live
No build tools, no installs
Download
Get the ZIP
Free, instant and no card needed. Unzip it anywhere.
Edit
Add your content
Change the text and photos in the HTML files with any code editor.
Publish
Upload and go
Upload the folder to any web host. It's plain HTML, so it runs anywhere.
Questions
About this template
Can I use Forthcoming Soon for a client's website?
Yes. The free version is licensed for personal and commercial use, including client work, as long as the footer credit stays. Remove it for $9.00₹499 one-time, or with Pro.
Do I need to know how to code?
You'll need to edit the HTML text and swap the images, which any code editor can do.
Will I get updates?
Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.
Are the photos included?
The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.
Subscribe Us
Keep looking
All templatesView Similar Templates
From the blog
View Blog
- Web Development
- November 03, 2026
Astro vs Next.js for a Business or Marketing Website (2026)
We built the same restaurant website in Astro and in Next.js with an admin panel, then measured both. Where Astro wins, where Next.js wins, and how to choose.
- Wordpress
- Web Development
- November 03, 2026
HTML Template to WordPress: Convert It Yourself or Use a WordPress Version?
We turned our Bistrofeast HTML template into a WordPress theme by hand. Every step, the mistakes, how long it took, and when a WordPress version saves you days.
- Wordpress
- Web Development
- November 02, 2026
How to Install an Elementor Template Kit (2026 Guide)
We installed the same kit both ways on a clean WordPress site. Where each kind of kit goes, the steps people miss, and what to do when it looks wrong.