Metro Template is a free one-page HTML CSS website layout from TemplateMo that pairs a black color scheme with a grid-style navigation menu and jQuery horizontal scrolling between sections.
What is Metro Template?
Metro Template is a free HTML CSS website template distributed by TemplateMo, a site that publishes free website templates. It delivers a single-page layout with an attractive grid menu, and it uses jQuery to create horizontal scrolling transitions among page sections. The template comes as a downloadable ZIP file, and users are free to edit and reuse it for commercial or non-commercial projects. It was added to TemplateMo on 03 January 2013 and has been viewed over 407,000 times and downloaded more than 104,000 times.
Key Features
- One-page layout — All content sits on a single page, letting visitors move through sections without loading separate web pages.
- Grid menu — The navigation uses a grid-style arrangement of menu items, giving the homepage a structured, tiled appearance.
- jQuery horizontal scrolling — Page sections move horizontally when navigating, a distinctive interaction built with the jQuery JavaScript library.
- Black color scheme — The design uses a black theme, giving the page a dark, minimalist look.
- Free for commercial use — The template can be downloaded and used for both commercial and non-commercial websites without cost or licensing restrictions.
- Downloadable ZIP — TemplateMo provides the template as a ZIP file, with a live view and full-size screenshot for preview.
Who is it for?
- Web designers — Use Metro Template as a quick starting point for a one-page website project, editing the HTML and CSS to match client needs.
- Portfolio owners — Present creative work in a grid menu with smooth horizontal transitions between sections.
- Small business owners — Launch a simple, single-page website to introduce services or products; a contact form PHP script link is available on the download page.
What can you do with it?
- Build a personal portfolio: Display images or project descriptions using the grid menu, with horizontal scrolling for a unique browsing experience.
- Create a one-page business site: Put essential information—services, about, contact—on one page with a black, attention-grabbing design.
- Learn HTML/CSS/jQuery: Because the template uses straightforward HTML, CSS, and jQuery, developers can study its source to understand basic one-page interactions.
Pricing
Metro Template is free. TemplateMo explicitly offers it at no cost, with no restrictions on editing or using it in commercial or non-commercial projects.
Alternatives
- Tooplate — another provider of free HTML website templates, linked from the Metro Template page.
FAQ
- Is Metro Template free? Yes, TemplateMo states it is 100% free to download for anyone, and you can edit and use it for commercial or non-commercial sites.
- Can I use Metro Template for a business website? Yes, the template's description explicitly allows commercial use, so you can deploy it as a company or product website without paying a license fee.
- What technologies does Metro Template use? It is built with HTML and CSS for structure and styling, plus jQuery to power the horizontal scrolling behavior between pages.
- When was Metro Template released? It was added to TemplateMo on 03 January 2013, making it one of the site's older one-page layouts.
- How many times has Metro Template been downloaded? According to TemplateMo, it has received over 104,441 downloads and 407,985 views as of the template's page.
