Verti

Verti is a free, fully responsive HTML5 site template by HTML5 UP, built to deliver a clean, multi-section homepage layout for business and portfolio websites.

What is Verti?

Verti is a free and fully responsive HTML5 site template created by HTML5 UP, a well-known publisher of open-source HTML templates. The template produces a complete static webpage layout, requiring only HTML and CSS to run; the demo page opens with a hero banner, then a three-column feature area, a main content block, and a sidebar containing link lists and a Twitter widget. It is released under the Creative Commons Attribution license, so the design can be reused in personal and commercial projects as long as the designer is credited. The live demo is hosted at html5up.net/uploads/demos/verti.

What makes Verti stand out?

• Responsive grid — The layout adapts to mobile, tablet, and desktop widths, a core capability of every HTML5 UP template.
• Hero section with dual call-to-action buttons — The top of the page presents a large headline, a supporting sentence, and two buttons labeled "Ok let's go" and "More info".
• Three feature columns — Below the hero, three image-and-text blocks (pic01, pic02, pic03) provide a ready-made structure for highlighting key services or products.
• Main content with sidebar — A "So what's this all about?" section sits next to a sidebar that contains several grouped link lists (e.g., "Lorem ipsum dolor", "Magna phasellus", "Veroeros feugiat") and an embedded Twitter widget.
• Attribution-based licensing — The Creative Commons Attribution license grants broad reuse rights, including commercial use, provided credit is given to HTML5 UP.

Who is it for?

• Small business owners: Build a compact promotional homepage with a hero message, three feature highlights, and a sidebar for navigation or updates, without paying for a theme.
• Freelance web designers: Use Verti as a lightweight starting point for client sites; replace the placeholder images and copy to match each client's brand.
• Students of web design: Inspect the HTML/CSS source to learn how a responsive layout is constructed without a CSS framework like Bootstrap or Tailwind.

What can you do with Verti?

• Showcase three offerings: Put each service, product, or value proposition in one of the three spotlight columns and link them to your own detail pages.
• Create a professional landing page: Combine the hero call-to-action, main article, and sidebar links to form a complete landing page that works on phones, tablets, and desktops.
• Add a social media feed: Use the provided Twitter widget area to embed a live feed, or swap it for another embeddable social widget.

Pros and cons

• Pros: Free to use; responsive by default; includes common homepage sections out of the box; permissive Creative Commons license.
• Cons: The template requires attribution to HTML5 UP; the demo content is placeholder text and images, so you must supply your own; it is a static HTML template with no built-in CMS or backend.

Pricing

Verti is free to download and use. There are no paid tiers or premium versions mentioned, and the Creative Commons Attribution license does not restrict personal or commercial use as long as credit is provided.

FAQ

Is Verti really free?

Yes, Verti is offered as a free site template by HTML5 UP. The download page and template description state "free and fully responsive", and it is released under the Creative Commons Attribution license, which allows no-cost use for both personal and commercial projects.

Can I use Verti for commercial projects?

Yes, the Creative Commons Attribution license permits commercial use. You may build client websites or commercial products with Verti, but you must include credit to HTML5 UP for the design.

What does Verti include in the download?

The download includes the HTML and CSS files that make up the template. Based on the demo page, the layout contains a hero section, three feature columns, a main content area, a sidebar with link lists, and a spot for a Twitter widget. Images and text in the demo are placeholders that you replace with your own content.

Do I need to know HTML and CSS to use Verti?

Basic familiarity with HTML and CSS helps, because Verti is a static template and you will need to edit the source files to change text, images, links, and styling. No JavaScript frameworks are required, and the template runs in any modern web browser.