Introduction
Open preview.html to browse all homepage demos. Use index.html as the main landing page or start from any niche demo such as demo-ai.html, demo-crm.html, or demo-fintech.html.
Installation
- Extract the LaunchIQ package.
- Open any HTML file directly in your browser for local preview.
- Upload all files to your hosting environment for deployment.
- Keep relative folder paths intact for CSS, JS, and images.
File structure
LaunchIQ/
├── index.html
├── preview.html
├── demo-ai.html
├── demo-startup.html
├── demo-crm.html
├── demo-fintech.html
├── demo-agency.html
├── demo-analytics.html
├── demo-edtech.html
├── demo-dark.html
├── about.html
├── pricing.html
├── blog.html
├── blog-details.html
├── contact.html
├── login.html
├── signup.html
├── forgot-password.html
├── terms.html
├── privacy.html
├── 404.html
├── documentation/
├── marketplace-assets/
└── assets/
├── css/
├── js/
├── images/
└── scss/SCSS editing
Customization
- Update brand text in the header and footer across all pages.
- Replace
assets/images/logo.svgandfavicon.svgwith your own brand files. - Swap demo SVGs or screenshot images in hero sections and preview cards.
- Edit theme colors in
assets/scss/_variables.scssand recompile. - Keep nav links aligned when duplicating or removing pages.
Forms and authentication
All forms in LaunchIQ are frontend UI only. Connect them to your backend, CMS, or form provider of choice before production use.
Marketplace assets
The marketplace-assets folder includes a ThemeForest-style thumbnail, preview image, widescreen banner, and six screenshots that can be adapted for your listing.
Credits
- Inter font from Google Fonts.
- Custom demo SVGs and listing graphics generated for LaunchIQ.
Support
When handling support requests, ask buyers for the product version, affected page, browser/device, and a screenshot or screen recording showing the issue.