Forty

Forty is a free, responsive HTML5 site template from HTML5 UP, released under the Creative Commons, that provides a portfolio-style landing page and a separate inner page for extended content.

What is Forty?

Forty is a static site template built with HTML5 and CSS3, designed by HTML5 UP and released under the Creative Commons license. It takes a set of plain HTML files and lets you edit their content to produce a live website with no server-side processing. The template includes an index page with a hero section, six linked images, text blocks, and a call-to-action button, as well as a generic landing page (landing.html) for additional information. It uses responsive design principles, so the layout adjusts to fit mobile, tablet, and desktop screens. The template is distributed as free source code that you can download and customize.

Key Features

• Responsive layout — The layout automatically resizes and reflows elements to work on phones, tablets, and desktops, based on CSS media queries.
• Two-page structure — The index page handles the main portfolio or promotional content, while landing.html offers a separate page for details like services, pricing, or a legal page.
• Image grid — Six image slots (pic01.jpg through pic06.jpg) let you link to projects, photos, or blog posts, with space for a title and summary text.
• Contact form — A built-in form with fields for name, email, and message gives visitors a direct way to send inquiries; the form's action can be wired to any backend or form service.
• Contact information — The footer presents an email address, phone number, and physical address so users can reach you without needing a server.
• Social media placeholder — The demo includes a Twitter widget iframe placeholder that you can swap for your own account widget or remove entirely.
• Free and open licensing — The template is offered under Creative Commons, so you can use it in personal and commercial projects as long as you follow the attribution terms.

Who is it for?

Forty is aimed at individuals and small teams who need a quick, professional-looking site without building from scratch. Freelance photographers can use the image grid to showcase recent work, and small business owners can deploy the contact form to collect leads. Web developers without design resources can fork the HTML and CSS to meet client requirements in a few hours.

What can you do with Forty?

• Photographers: display six featured images in the grid, each linking to a full project page or gallery.
• Consultants: use the landing.html page to explain services, then direct visitors to the contact form on the index page.
• Developers: customize the built-in contact form and contact details to match a client's needs, then host the static files on any web server.