Back to templates

Template details

Clyde

Free Bootstrap 4 single-page portfolio template with hero slider, portfolio grid, blog section, testimonial carousel, and contact form.

About this template

Clyde is a free Bootstrap 4 HTML5 responsive portfolio website template distributed by ThemeWagon and created by Colorlib, built as a single-page design that lets freelancers and creatives display their work through a hero slider, portfolio grid, blog section, and contact form.

What is Clyde?

Clyde is a free Bootstrap 4 HTML5 responsive portfolio website template distributed on ThemeWagon and created by Colorlib. It comes as a single-page website with 3 HTML files, all demo images, CSS and SCSS source files, JavaScript source files, and library/plugin files. Since it uses plain HTML, CSS, and jQuery with no backend, you can host it on any static web server or open it locally after downloading.

The design focuses on a minimalist, clean aesthetic with sections for a hero header slider, fun fact counters, progress bars, a portfolio grid, testimonials, a blog, and a contact form. It is 100% responsive and cross-browser compatible, working with Chrome, Edge, Firefox, Safari, Opera, and mobile browsers. Version 1.0.0 is the current release, and the template has been downloaded more than 22,000 times from ThemeWagon.

Key Features

  • Bootstrap 4 & HTML5/CSS3 — The template is built on the Bootstrap 4 grid and utility system with semantic HTML5 markup and CSS3 styling.
  • Hero header with slider — A sliding hero area at the top that can showcase multiple images or messages.
  • Portfolio grid — A responsive grid of work samples with hover effects and Magnific-popup lightbox integration.
  • Testimonial carousel — Client reviews displayed in a rotating carousel powered by Owl Carousel.
  • Fun fact counters — Animated count-up numbers for metrics like projects completed or clients served.
  • Progress bars — Animated horizontal bars to display skills or proficiency levels.
  • Blog section — A built-in blog area on the single page so you can publish articles or updates without a separate blog template.
  • Contact form — A custom form UI included in the page; you connect it to your own email service or handler.
  • Search option — A search input that can be wired to your site's content.
  • Extras — Sticky top navigation, call-to-action button, breadcrumbs, load-on-scroll animations, footer navigation, and Font Awesome icons.

The template's source includes SCSS files for easy customization of colors and spacing, plus a prebuilt CSS file for quick use. JavaScript effects are powered by jQuery, Owl Carousel for sliders, and Magnific-popup for lightboxes.

Who is it for?

  • Freelancers — Use the single-page layout to introduce yourself, show your latest projects in the portfolio grid, display your skills with progress bars, and let visitors contact you through the form.
  • Creative professionals (designers, photographers, writers) — Present visual work in the grid with lightbox viewing and add client testimonials to build trust.
  • Small business owners — Create a simple online presence that includes a hero message, key stats, a blog for updates, and a call-to-action section.
  • Developers learning Bootstrap — Study the well-structured HTML5, SCSS, and jQuery code as a base for custom projects.

What can you do with Clyde?

  • Photographers and designers: Display a gallery of images in the portfolio grid and open them in a lightbox with Magnific-popup.
  • Freelancers: Use fun fact counters to highlight years of experience and projects completed, then direct visitors to the contact form.
  • Consultants or speakers: Feature services in the hero slider and share thought-leadership posts in the blog section.
  • Agencies: Combine the testimonial carousel and portfolio grid to showcase results and client satisfaction on one page.

How does Clyde work?

Download the zip from ThemeWagon and extract it to get the HTML files, assets, and source folders. Open index.html in a browser for a live preview; for development, edit the SCSS files and run a Sass compiler to regenerate the CSS, or edit the prebuilt CSS directly. To activate the contact form, add your preferred form handler or endpoint.

Pricing

Clyde is free to download and use under ThemeWagon's license, which allows open source use, commercial projects, and lifetime free updates. No premium tier or paid version is mentioned on the page.

Alternatives

  • Sun — A free responsive Bootstrap 4 HTML5 portfolio template also listed on ThemeWagon.
  • Unfold — Another free Bootstrap 4 HTML5 responsive portfolio template from ThemeWagon.
  • Revive — A free responsive Bootstrap 4 portfolio template available on ThemeWagon.

FAQ

Is Clyde free?

Yes, Clyde is a free Bootstrap 4 portfolio template. ThemeWagon's license permits open source use, commercial projects, and lifetime free updates. No payment is required to download it.

What is included in the Clyde download?

The download contains 3 HTML files, all demo images, CSS and SCSS source files, JavaScript source files, Font Awesome icons, and library/plugin files for Bootstrap 4, jQuery, Owl Carousel, and Magnific-popup.

Does Clyde include a working contact form?

The template includes a contact form layout and styling, but no backend or email handler is bundled. You need to connect the form to a form-handling service (such as a third-party endpoint or your own server-side script) to actually receive submissions.

Is Clyde responsive and cross-browser compatible?

Yes, the template is fully responsive and compatible with Chrome, Edge, Firefox, Safari, Opera, and mobile devices. It uses a responsive grid and media queries from Bootstrap 4.

Can I use Clyde for commercial projects?

Yes, per the ThemeWagon license, Clyde can be used in commercial projects. It is open source and the license allows free usage, including for client work.

screenshot of Clyde on template0.com