Back to templates

Template details

Sierra

Free Bootstrap 4 HTML5 business website template with hero header, sticky nav, portfolio grid, testimonials, and a working contact form.

About this template

Sierra is a free, open-source Bootstrap 4 HTML5 business website template created by Colorlib and distributed through ThemeWagon, built to deliver a complete multi-page marketing site for startups and small businesses.

What is Sierra?

Sierra is a free, multi-page HTML5 website template built on Bootstrap 4. It takes your company's text, images, and contact information as input and outputs a fully responsive, cross-browser-compatible business website with an elegant gradient design. The template is a static HTML/CSS/JS package that also includes one PHP file for a working contact form; it runs on any standard web server and is authored by Colorlib.

Key Features

  • Bootstrap 4 framework — Built on Bootstrap 4 components and grid, with CSS and SCSS source files included for easy styling.
  • Multi-page structure — Ships with 8 HTML files, covering common business site pages such as home, portfolio, and blog.
  • Sticky navigation and drop-down menu — A fixed top navbar with dropdown support and a call-to-action button keeps visitors oriented.
  • Hero header and parallax background — A gradient hero section with parallax scrolling and custom illustrations creates visual impact.
  • Portfolio grid and testimonial carousel — Owl Carousel powers the testimonial slider and portfolio grid with hover effects.
  • Modal YouTube video player — Magnific Pop-Up provides a lightweight lightbox for embedded YouTube video.
  • Instagram Feeds — Footer or section integration displays your Instagram photo feed.
  • Working contact form — One PHP file handles form submissions; the box also includes a newsletter subscription form and comment form UI.
  • UI elements and icons — Includes progress bars, accordions, tabbed content, a search option, loaders, 5+ UI elements, and FontAwesome font icons.
  • Browser and device support — Tested on Chrome, Edge, Firefox, Opera, Safari, and mobile devices; retina-ready and mobile-ready.

Who is it for?

  • Startups — Launch a professional-looking site without hiring a designer or purchasing a premium theme.
  • Small business owners — Present services, portfolios, and testimonials in a single polished package.
  • Freelance developers — Use the well-commented, easily customizable code as a starting point for client projects.
  • Agencies — Quickly produce a multi-page business site for clients, saving time with the pre-built components.

What can you do with Sierra?

  • Startup founders: set up a complete marketing site with hero header, feature sections, and a contact form in an afternoon.
  • Portfolio-driven freelancers: display project images in the grid, embed a YouTube reel in the modal player, and link your Instagram feed.
  • Small business teams: publish a blog section, embed Google Maps, and collect leads through the newsletter subscription form.

How does Sierra work?

Download the zip from ThemeWagon, extract it, and open the HTML files in any editor. Edit the well-commented markup and SCSS to match your brand, then upload the folder to any web server. The contact form requires PHP support on the host.

Pricing

Sierra is free to download and use, including in commercial projects. The license grants open-source use and lifetime free updates; no paid tier is mentioned.

FAQ

Is Sierra free?

Yes, Sierra is completely free. ThemeWagon lists it as an open-source template, and the license allows use in commercial projects with lifetime free updates.

What is included in the download?

The download contains 8 HTML files, 1 PHP file, CSS and SCSS files, JavaScript source files, font icons, library and plugin files, and all demo images.

Does Sierra work on mobile devices?

Yes, the template is fully responsive, mobile-ready, and retina-ready, and it is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.

Can I use Sierra for a commercial project?

Yes, the template is open source and can be used in commercial projects without a license fee.

Do I need coding skills to use Sierra?

Basic HTML/CSS knowledge will help, but the code is well-commented and customizable. You can also use it as-is by swapping your content into the provided files.

screenshot of Sierra on template0.com