Metallix — Free Steel Fabrication Website Template
Metallix is a multi-page website template for a steel fabrication or industrial metal company. The demo, branded “Steellex”, has a home page with product highlights (ducting, stacks, tanks, structural), quality and experience points, corporate values and a hiring notice; an About page with a chairman’s message and board of directors; a services overview and a single-service page; separate product pages for tanks, stacks, ducting, pipes, steel angles and steel beams; and a contact page with an enquiry form. The demo uses placeholder copy. It is an older Bootstrap 3 build that still uses jQuery, with Owl Carousel and an off-canvas menu; fine for a quick static site, but not a modern base.
Key features
- 11 HTML pages, including separate pages for tanks, stacks, ducting, pipes, steel angles and steel beams
- Home page with product highlights, quality, experience and reliability points, and a “We are Hiring” block
- Company sections: Corporate Values, Company Mission/Vision and Company Magazine
- About page with a message from the chairman and a board of directors
- Product pages sharing a feature list (hi-performance, pure steel, antifungal, sun-heat and disaster protection)
- Services overview page with a sidebar menu, plus a single-service page
- Contact page with a “Drop us a Line” form and a contact address block
- Owl Carousel and an off-canvas menu (hippo-off-canvas.js)
- Font Awesome and Flaticon icon fonts
Best for
- Steel fabricators and metalwork shops
- Manufacturers of tanks, ducting, pipes and structural steel
- Industrial suppliers that need a page per product line
At a glance
- Stack: an older Bootstrap 3 build that still uses jQuery, with Owl Carousel, Modernizr and old Internet Explorer shims
- Pages: 11 HTML files, including index.html, about.html, service.html, single-service.html, contact.html and six product pages
- Forms: a contact form on contact.html and a one-field form repeated across the pages; front-end only until you connect a form service or backend
- Files: bootstrap.min.css, style.css, off-canvas.css and owl.carousel.css; jquery.min.js, bootstrap.min.js, owl.carousel.min.js and script.js
- Content: the demo uses placeholder copy and the sample brand name Steellex
- Licence: free for personal and commercial use, including client work; attribution optional but always welcome; no paid tiers. Full terms: uicookies.com/license
How to use it
Download the zip, unzip it and open index.html in a browser. Edit the text and images in each HTML file, including the six product pages, and replace the demo’s Steellex branding; the menu is repeated in every file. Styles live in style.css and off-canvas.css on top of bootstrap.min.css, and script.js is the template’s own script. Forms send nothing until you connect them to a form service or backend. Upload the folder to any static host. Bootstrap 3’s scripts and Owl Carousel depend on jQuery, so keep jquery.min.js loaded before them.
Frequently asked questions
Can I use Metallix for commercial or client projects?
Yes. Metallix is free for personal and commercial use, including client work, and there are no paid tiers. Attribution is optional but always welcome, so you can keep or remove the footer credit. Full terms: uicookies.com/license
Is Metallix a modern Bootstrap 5 template?
No. Metallix is an older Bootstrap 3 build that still uses jQuery, along with Owl Carousel and Modernizr. That is fine for a quick static site, but not a modern base for a long-term project.
Which industries does Metallix suit?
The demo is a steel fabrication company with product pages for tanks, stacks, ducting, pipes, steel angles and steel beams. It fits metalwork shops, fabricators and industrial suppliers that want one page per product line.
Can I rename or add product pages?
Yes. Each product is its own HTML file, so copy one, change its content and give it a new name. The menu is written into every page, so add or rename the link in each file.
best