Onetech

Author: Colorlib

Updated: October 2026 · v3.0.2

Credits: Images from Unsplash

Onetech is a carefully designed and developed electronics and gadgets website template. It is responsive, easy to work with, flexible and adaptable, and it is built on Bootstrap 5. Stylish and modern, Onetech gives you the front end of an online store with eight pages: home, shop, product, cart, blog, blog post, a regular page and contact.

Light and bright web design works for smartphone, tablet and desktop shoppers. Sections for weekly deals with a countdown, featured, on-sale and best-rated products, popular categories, hot new arrivals, best sellers, trends and reviews make up Onetech’s home page. You will not be missing multi-level navigation, a categories menu, newsletter signup, product pages with an image gallery, a shop with sorting and a price filter, or a working contact form with a click-to-load map, either. Get a taste of what is possible by checking out Onetech’s preview page.

What’s new in 3.0

• Bootstrap 5.3.8 (1.0 loaded a Bootstrap 4.0 beta), compiled from Sass with only the grid and utilities the pages use, and plain JavaScript with no jQuery: the eight per-page scripts are one file with a function per feature. Swiper 14 replaces Owl Carousel and Slick, Jarallax 3 runs the parallax page headers, and the shop sorts and filters by price without Isotope or jQuery UI. npm run build compiles minified stylesheets and one script.
• Lighter pages: the eight pages together went from 9.9 MB and 449 requests to 3.2 MB and 236 requests, and the JavaScript from 4.0 MB to 0.8 MB. Photos are AVIF with the original as the fallback, with real dimensions and lazy loading below the fold, and the download went from 2.6 MB to 1.9 MB.
• No third-party requests: Rubik and Montserrat are self-hosted, Font Awesome 5 is replaced by Lucide SVG icons and a 1.2 KB social-logo subset, and the contact map (OpenStreetMap, no API key) loads only when the visitor clicks Show map. Before, a maps script with an API key in the page loaded with the contact page.
• A demo store without real brands: every product, banner, deal and blog photo is replaced with one that shows no logos, the products carry fictional names that match their photos, and the brands strip and the shop’s brand filter show fictional brands. The reviewers, contact details and address are fictional too.
• Working forms: the contact form sends through includes/send-email.php, with validation, a spam trap and an in-page message, the newsletter forms answer in the page, and searches open the shop. Before, every form pointed nowhere.
• Accessibility: a skip link, one h1 per page, wishlist hearts and slider arrows that are real named buttons, a categories menu and category picker that work from the keyboard (the menu opened on hover only), a visible focus ring and WCAG AA text contrast, with a darker brand blue on text and buttons.
• Fixed: every product rating showed five empty boxes instead of stars, the colour tick was missing, the product gallery stretched small thumbnails instead of opening large views, and “Trends 2018” and the typos in the demo copy are gone.