Highlights

Highlights is a slideshow-driven HTML5 site template from HTML5 UP that lets you present large imagery and short messages across sequential full-screen slides.

What is Highlights?

Highlights is a single-page HTML5 template from HTML5 UP built around a full-screen slideshow. The demo opens with a large image and a short lorem ipsum paragraph, and a "Next" button advances to additional slides with different photos and text. Below the slides, the page shows a grid of four feature blocks named Magna Etiam, Lorem Ipsum, Nulla Tempus, and Sed Feugiat, followed by a footer section reserved for a Twitter widget. It is designed as static HTML/CSS that runs directly in the browser without a server.

Key Features

• Slide-based layout — The main content area cycles through three image slides, each with a heading, paragraph, and a "Next" link that points to anchors #two, #three, and #footer.
• Feature grid — Four titled boxes (Magna Etiam, Lorem Ipsum, Nulla Tempus, Sed Feugiat) sit under the slides to call out supporting points.
• Footer widget area — The footer includes an iframe placeholder for a Twitter widget, ready to be swapped for a real embed code.
• Lorem ipsum content — Every slide and feature uses placeholder copy so you can see the visual hierarchy before adding real text.
• Three-sample slide structure — The demo shows three full-image slides followed by a features section, defining a clear content flow for a single-page site.
• Static HTML/CSS — The demo source is plain HTML with anchor link navigation and no visible backend dependencies, making it easy to host anywhere.

Who is it for?

• Photographers and visual artists: show a series of large portfolio photos with short captions using the sequential slide navigation.
• Freelancers and small businesses: turn the slideshow into a mini pitch of top services or products, and use the feature grid for key differentiators.
• Developers and designers: use the semantic single-page structure as a starting point for a client site, replacing lorem ipsum with real copy and swapping the Twitter iframe for a social feed.

What can you do with Highlights?

• Showcase portfolio highlights: load each image slide with a project photo and a one-line description, letting visitors click "Next" through the work.
• Present a product or service story: use the three slides as the opening narrative and the four features as supporting benefits.
• Build a personal homepage: replace the footer Twitter widget with a bio or social links for a simple online presence.