Rainbow is a free, responsive one-page HTML CSS template from TemplateMo that uses Bootstrap 4 to display its signature rainbow header and footer over a khaki background.
What is the Rainbow template?
Rainbow (Template 485) is a single-page website layout built with Bootstrap 4, designed for simple promotional pages or small business sites. It features a decorative rainbow-striped header and footer, and its content area sits on a khaki background. The template was added to TemplateMo on 16 April 2016 and has since been downloaded over 8,500 times. It is fully responsive, adapting to mobile, tablet, and desktop screen widths.
Key Features
- Bootstrap 4 layout — The template uses the Bootstrap 4 CSS framework, which provides a responsive grid system and built-in styling for common UI components.
- Rainbow header and footer — A distinctive rainbow color band spans the top and bottom of the page, giving the template its name and visual identity.
- Khaki background — The main content area uses a khaki background color, which complements the rainbow stripes and keeps the page easy to read.
- Rainbow-styled tables — Tables included in the template are decorated with rainbow-colored rows, making data presentation more visually engaging.
- One-page structure — All content is placed on a single page, which is ideal for landing pages, portfolios, or event announcements.
- Responsive design — The layout reflows automatically on different screen sizes, as indicated by the template's responsive tag.
- Free for commercial use — The template can be downloaded, edited, and used on commercial or non-commercial websites without charge, as stated on the TemplateMo page.
Who is the Rainbow template for?
The Rainbow template suits individuals or small teams who need a quick, colorful webpage without writing custom CSS from scratch. For example:
- Freelance designers can use it as a starter to build a portfolio or service promo page quickly.
- Small business owners can set up a simple landing page to introduce their products or services.
- Event organizers can create a one-page announcement with schedule tables and colorful sections.
- Students or beginners learning HTML and Bootstrap can study the template code and adapt it for practice projects.
Use cases
- Landing page for a product — Use the rainbow-styled tables to present pricing, features, or comparisons.
- Personal portfolio — Showcase a short bio and selected work samples on the single-page layout.
- Event announcement — Put date, venue, and schedule details in tables to keep information organized.
- Educational demo — Modify the template to demonstrate how Bootstrap 4 grid and color classes work.
Pricing
Rainbow is 100% free to download. TemplateMo explicitly states that you are allowed to download, edit, and use the template for commercial or non-commercial sites at no cost.
FAQ
Is the Rainbow template really free?
Yes. The TemplateMo page for Rainbow states that it is 100% free to download and can be used for both commercial and non-commercial websites.
Can I edit the Rainbow template?
Yes. You are allowed to edit the template. The download is provided as a ZIP file containing the HTML and CSS files you can modify.
What do I need to run the Rainbow template?
Since it is a static HTML CSS template, you only need a web browser to preview it and any web server or hosting service to publish it. No server-side language or database is required.
Does the Rainbow template include contact form functionality?
The template itself is a static layout, but the TemplateMo page links to a separate PHP contact form script from another site. You would need to integrate that script if you want a working contact form.
Can I use Rainbow for a commercial project without paying?
Yes. The template's download page grants permission to use it for commercial sites without charge, so you can deploy it on a business website.
