Metro Template

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.