Vertical

Vertical Template (Templatemo 328) is a free one-page HTML CSS website template that uses vertical sliding pages and a black-and-red color scheme.

What is the Vertical Template?

The Vertical Template is a free one-page mini website template from Templatemo, built with plain HTML, CSS, and jQuery. It displays all content on a single page and transitions between sections with a vertical sliding effect, and it is distributed as a ZIP file for direct download. The layout is designed entirely around black and red colors, giving it a bold, high-contrast look.

The template was added to Templatemo on 18 October 2011 and, at the time of listing, had accumulated over 124,000 views and more than 27,000 downloads. It belongs to Templatemo's library of free web templates, which are offered to the public for both personal and commercial projects.

Key Features

• One-page vertical sliding layout — The template keeps all content on a single page, and users move between sections through vertical sliding transitions instead of loading separate HTML pages.
• Black and red color scheme — The visual design uses black and red as its two primary colors, creating a high-contrast style that works well for bold personal or portfolio sites.
• jQuery-based interactivity — Navigation and the vertical sliding effect depend on jQuery, so the template requires the jQuery library to function correctly.
• Free for commercial and non-commercial use — Templatemo permits anyone to download, edit, and deploy the template on commercial or non-commercial websites without paying a license fee.
• Simple HTML/CSS structure — The template is built from standard HTML and CSS files, so it can be edited with any text editor and served from any static web host.
• ZIP download with preview — The template is packaged as a ZIP archive, and Templatemo provides a live view and full-size screenshot so you can inspect the design before downloading.

Who is it for?

The Vertical Template suits freelancers and web designers who need a quick one-page portfolio or personal site with a ready-made black-and-red layout. It is also a useful study project for students learning how one-page sliding navigation works in HTML, CSS, and jQuery. Small businesses or personal brands that want a simple vertical-scrolling web presence can deploy it without building the front-end from scratch.

What can you do with the Vertical Template?

• Create a one-page portfolio — Showcase your work in a single page with vertical sections, using the black-and-red design to make the site visually distinct.
• Build a personal landing page — Publish a simple introduction page with your name, a short bio, and links to your social profiles.
• Learn from a working jQuery example — Study how the vertical sliding effect is implemented in a minimal codebase that you can examine and modify.

Pricing

The template is 100% free to download from Templatemo. There is no license fee, and Templatemo explicitly allows editing and use for both commercial and non-commercial websites.

FAQ

Is the Vertical Template free?

Yes, Templatemo states that the Vertical Template is 100% free to download for anyone. You are allowed to download, edit, and use it for commercial or non-commercial sites without paying.

What does the Vertical Template include?

The download contains HTML and CSS files for a one-page website with vertical sliding sections and a black-and-red color scheme. jQuery powers the sliding interaction and navigation.

What technology does the Vertical Template use?

The template is built with plain HTML and CSS, and it relies on jQuery for the vertical sliding page effect. It does not require a server-side framework or build tool.

Can I use the Vertical Template on a commercial website?

Yes, Templatemo grants permission to use the template on commercial and non-commercial websites. You can download, edit, and deploy it freely.