Landed

Landed is a free static HTML5 landing page template from HTML5 UP, built around a large hero banner, a grid of feature cards, and three sidebar layout variants. It takes editable HTML and CSS files and produces a marketing-oriented website that can be hosted on any static web server. The template is authored by HTML5 UP, a studio known for producing open, customisable HTML5 site templates.

The demo content shows the structure clearly: a top navigation menu with a dropdown submenu, a hero section with a "Next" button that scrolls to following sections, six feature cards with placeholder headings and descriptions, an image gallery area, and a footer containing a Twitter widget iframe. The template also includes separate page layouts linked from the navigation: Left Sidebar, Right Sidebar, and No Sidebar, each offering a different content arrangement.

What is Landed?

Landed is a free static HTML5 landing page template from HTML5 UP, built around a large hero banner, a grid of feature cards, and three sidebar layout variants. It accepts editable HTML and CSS files as input and outputs a complete, deployable website that runs in any browser without a backend. The template is produced by HTML5 UP, a studio known for its collection of open, customisable HTML5 site templates.

Key Features

• Large hero banner — The opening section contains a prominent heading and a "Next" call-to-action that scrolls to the next content block.
• Sidebar layout variants — Navigation links for Left Sidebar, Right Sidebar, and No Sidebar provide three distinct ways to arrange main content and secondary columns.
• Dropdown submenu — The main menu includes a "Submenu" item with four child options, showing how to build multi-level navigation.
• Feature card grid — Six feature blocks with titles and descriptions are presented as a set of cards, suitable for highlighting service or product attributes.
• Twitter widget integration point — The footer includes an iframe placeholder for embedding a Twitter timeline, making it easy to add a social feed.
• Static HTML/CSS/JS implementation — The template runs in the browser without a backend, requiring only text editing to update content and images.

Who is it for?

• Freelance web designers can use Landed as a starting point for client landing pages, replacing placeholder text and images with project-specific content.
• Small business owners can create a simple marketing site with a hero, feature highlights, and social media presence using the Twitter embed.
• Self-taught developers can study the clean HTML structure and build out their own layouts using the provided sidebar and submenu examples.

What can you do with Landed?

• Launch a startup landing page: Swap the placeholder feature cards for product descriptions and add screenshots to the gallery section, then host the static files on any web server.
• Build a portfolio or agency site: Use the Left Sidebar or No Sidebar layouts to present case studies with side navigation or full-width content.
• Create a promotional page with a live social feed: Place the Twitter widget iframe with your own handle to display tweets in the footer.

FAQ

What page layouts does Landed include?

The navigation menu links directly to Left Sidebar, Right Sidebar, and No Sidebar variants. This means the template ships with three different page structures for presenting content with or without secondary columns.

Does Landed support dropdown menus?

Yes, the main navigation includes a "Submenu" item that expands to show four options. This demonstrates a two-level menu pattern that you can customise to fit your own navigation hierarchy.

Can I embed a Twitter feed in Landed?

The footer contains a Twitter Widget Iframe, a ready-made placeholder for embedding a Twitter timeline. You would replace it with your own widget script to display live tweets.

What sections are included in the demo?

The demo shows a hero banner, six feature cards, an image gallery, a footer with social icons, and a top navigation bar. The feature cards and gallery are filled with placeholder copy and images from the HTML5 UP demo.