A modern, responsive, and easily customizable "Coming Soon" landing page template for your next big project.
Check out the live demo before you start:(https://www.coming-soon-template.ojasdeshpande.in/)
The core application code and assets are entirely located inside the Main folder.
coming-soon-site-template/
├── Main/ # Contains all the core template code
├── README.md
└── LICENSE
Follow these instructions to get a copy of the project up and running on your local machine or deployed on your hosting platform.
- A modern code editor (like VS Code).
- A local web server (optional, but recommended for development/testing).
Option 1: Clone via Git
- Clone the repository:
git clone https://github.com/OjasD07/coming-soon-site-template.git
- Navigate to the main directory:
cd coming-soon-site-template/Main
Option 2: Download as ZIP
- Click the green Code button at the top right of the repository page.
- Select Download ZIP.
- Extract the downloaded ZIP file to your computer.
- Open the extracted folder and navigate into the
Maindirectory.
- Open the entry file (e.g.,
index.htmlinside theMainfolder) directly in your web browser. - Alternatively, if you are using a local server extension (like Live Server in VS Code) or Node.js, run your start commands from within the
Mainfolder.
To personalize this template for your own project, make sure to edit the following key areas inside the Main directory:
- Page Title & Metadata: Update the
<title>and<meta name="description">tags in the<head>for proper SEO. - Headings & Copy: Change the main "Coming Soon" text, subheadings, and project description to fit your brand.
- Contact Info & Social Links: Update the
hrefattributes for your social media icons and anymailto:links or contact forms.
- Colors & Fonts: Modify the CSS styles to match your brand's color palette and typography choices.
- Layout Adjustments: Tweak spacing, margins, and flexbox/grid properties if you add or remove elements.
- Logo & Favicon: Replace placeholder logos and the site favicon (
<link rel="icon">) with your own custom graphics. - Backgrounds: Change any background images, gradients, or patterns to suit your project's aesthetic.
Ojas Deshpande [contact@ojasdeshpande.in]