Directive

Directive is a free HTML5 template from HTML5 UP that presents a three-column layout of feature highlights, ideal for a lightweight landing or portfolio page. The demo page shows three feature blocks, each with a placeholder image, a heading ("The First Thing", "The Second Thing", "The Third Thing"), and a short paragraph of placeholder text, followed by an embedded Twitter widget iframe. As a static HTML/CSS template, it runs on any web server without a build step or database, and all content lives directly in the markup.

What is Directive?

Directive is a static HTML5 template produced by HTML5 UP, a well-known provider of free, open-licensed web templates. It takes plain HTML content—headings, images, and text blocks—and renders a clean single-page layout composed of three side-by-side feature columns and a social media widget area. The template outputs a fully client-side webpage that can be opened directly in a browser or hosted on any static file server. The demo includes placeholder images and filler text that you replace with your own content.

Key Features

• Three-column feature grid — the core layout displays three equal columns, each equipped with an image slot, a title heading, and a text paragraph area.
• Image placeholders — each column includes a demo image (e.g., pic01.jpg, pic02.jpg, pic03.jpg) that can be swapped for custom visuals.
• Twitter widget integration — an embedded iframe near the bottom lets you display a live Twitter timeline or widget on the page.
• Static HTML/CSS structure — no server-side processing or build tools are required; you can edit a single HTML file and upload it to any host.
• Simple placeholder copy — the included text uses standard filler paragraphs, making it straightforward to identify where to insert your own descriptions.
• HTML5 UP design language — the template follows the distinct visual patterns of HTML5 UP releases, including responsive-friendly markup and clean typography (the demo shows a vertically stacked header above the columns).

Who is it for?

• Freelancers and designers who need a minimal single-page showcase for three services or projects, using the template's feature columns.
• Small business owners who want a no-frills landing page that introduces a product or service and can include a live Twitter feed for updates.
• Students and learners who are studying HTML/CSS layouts and want a small, readable example of a grid-based page with integrated third-party widgets.

What can you do with Directive?

• Create a simple portfolio — list three selected works or skills with an image each, and let visitors see your highlights at a glance.
• Launch a quick landing page — replace the placeholder copy with your pitch and link the images to your own product shots or logos.
• Display social media activity — embed a Twitter widget so the page shows your latest tweets without requiring any back-end code.
• Learn web structure — inspect the clean markup to see how a three-column grid and an iframe embed are arranged in plain HTML/CSS.