Every HTML template is free to download and use on unlimited sites. See how pricing works
ThemeVault
LoginRegister

Mettlesome - Responsive One-Page website template

Download now a free responsive html5 one-page or portfolio website template for your portfolio website or any other business services.

⬇ Free downloadTry the live demo

Free for personal & commercial use · keeps a small “Designed by ThemeVault” footer link · no card needed

  • HTML
  • CSS
  • JS
  • Bootstrap 5
  • Released Jun 2021
  • v2.0 · Nov 2026
mettlesome · live demo
  • 8 pages+ 2 HTML emails
  • v2.0updated Nov 2026
  • 2,062views
  • 68downloads

The Mettlesome is designed in 4 different layout designs which allow users to perform actions on their chosen platform that will give the unique experience and allow them easier customization options in a matter of time. Mettlesome is a one-page design template that can be used in personal blogs or any other business service platform. We have Designed it including all the sections that any one-page website needed like the Header section with images and descriptions, Gallery, Services options, Testimonials, and footer with Social media that makes it the complete solution.

Several of the latest technologies were used in developing the Mettlesome template, including HTML5, CSS3, Bootstrap 5, and JavaScript. The site looks great on desktop computers and mobile devices due to its responsive design. Moreover, it is compatible with all the major browsers, such as Google Chrome, Firefox, Internet Explorer 10, Opera, and others. If you use the web elements provided with this One-Page template, you can easily customize it to meet your needs. It's free to download!

Version 2.0 is a complete redesign on Bootstrap 5 with every behaviour in plain JavaScript. Called Horizon, it sets the one-page site at dusk: a flat peach sky over a full-width photograph, with a sun that sinks behind the picture as you scroll, set in Ovo and Livvic with a centred brand over a ruled menu, square underline buttons, framed photographs and a footer the sun has set into. All four home layouts are kept as four different skies. It adds About, Contact, a sample item detail page with FAQ and a 404 page, a gallery with a keyboard-friendly lightbox, a readable testimonial slider, and two HTML emails: a contact auto-reply and a newsletter welcome.

  • New Horizon design: a flat dusk sky over a full-width photograph, with a sun that sinks behind it as you scroll
  • All four home layouts kept as four different skies on one markup
  • Gallery with a keyboard-friendly lightbox and a testimonial slider that is readable at six seconds a slide
  • New pages: About, Contact with a working form, a sample item detail page with FAQ, and a 404
  • Newsletter sign-up and contact form with two HTML emails: contact reply and newsletter welcome
  • Bootstrap 5 and plain JavaScript, no jQuery, self-hosted fonts

Pages

Every page

See all 10 pages at a glance

Each page is built and ready, including the 404 page and the emails.

Mettlesome Home pageHomeindex.htmlMettlesome Home style2 pageHome style2home-style2.htmlMettlesome Home style3 pageHome style3home-style3.htmlMettlesome Home style4 pageHome style4home-style4.htmlMettlesome About pageAboutabout.htmlMettlesome Contact pageContactcontact.htmlMettlesome Item detail pageItem detailitem-detail.htmlMettlesome 404 page404404.htmlMettlesome Email: contact reply pageEmail: contact replyemail-contact-reply.htmlMettlesome Email: newsletter welcome pageEmail: newsletter welcomeemail-newsletter-welcome.html
Make it yours

Change one token, the whole site follows

Every colour, font, radius and spacing value lives in one :root block in css/design.css. Swap the brand colour and every button, link and highlight updates.

Mt ink#1f2a3b
Mt cream#fbf4ea
Mt sand#f2e3cf
Mt sky#f5c9a1
Mt sun#ee5b35
Mt mint#8fdaaf
AaOvoHeadings
AaLivvicBody text
:root {
  --mt-ink: #1f2a3b;
}
Mettlesome on a phone

Tested on phones, tablets and desktops from 320 to 1440px wide.

In the download

What you get in the ZIP

Everything is plain files you can open in any editor. No build step and no installs.

  • 33files
  • 558 KBZIP size
  • 10HTML pages
  • 8images

Please note that the images in the template will be blurred in the downloaded package.

mettlesome-responsive-one-page-website-template/
├── index.html
├── 404.html
├── about.html
├── contact.html
├── email-contact-reply.html
├── email-newsletter-welcome.html
├── home-style2.html
├── home-style3.html
├── home-style4.html
└── item-detail.html
From download to live

No build tools, no installs

Download

Get the ZIP

Free, instant and no card needed. Unzip it anywhere.

Edit

Add your content

Change the text and photos in the HTML files with any code editor.

Publish

Upload and go

Upload the folder to any web host. It's plain HTML, so it runs anywhere.

Questions

About this template

Can I use Mettlesome for a client's website?

Yes. The free version is licensed for personal and commercial use, including client work, as long as the footer credit stays. Remove it for $9.00₹499 one-time, or with Pro.

Do I need to know how to code?

You'll need to edit the HTML text and swap the images, which any code editor can do.

Will I get updates?

Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.

Are the photos included?

The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.

Subscribe Us

Keep looking

View Similar Templates

All templates
From the blog

View Blog

Live preview⬇ Free download

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.