Locksmith

Author: Colorlib

Updated: October 2026 · v3.0.2

Credits: Images from Unsplash

Locksmith is a website template that helps you get your locksmith business online sooner rather than later. The professional design is ready to present your services. You can use the default design or add your own ideas.

Locksmith works well across modern devices and web browsers. It has 12 pages, with a slider, animations and an online store section: shop, product page, cart, wishlist and checkout.

What’s new in 3.0

• Bootstrap 4.5 is replaced by Bootstrap 5.3.8, and jQuery is removed. The scripts are plain JavaScript, with Swiper for the slider and an accessible dialog for the mobile menu.
• A lighter home page: 3.1 MB before, 0.74 MB now. Photos are AVIF with the JPEG/PNG as the fallback.
• Self-hosted fonts with no Google Fonts requests, Font Awesome 7.3.1 cut to the 18 icons in use, and a contact map that loads only when the visitor clicks Show map (the Google embed was about 1.8 MB on every visit).
• Working quote, contact, comment and newsletter forms through php/send-email.php. They used to reload the page and send nothing.
• Accessibility: a skip link, labels and names on every field, icon link and button, a visible keyboard focus ring, a keyboard-reachable submenu and WCAG AA text contrast.
• Demo photos without brand logos: product, store and blog photos that showed real lock makers’ logos are replaced with neutral Unsplash photos, and the product names match their photos.
• Bootstrap and the theme are compiled from Sass, and npm run build produces one minified stylesheet and one script per page.