Strata is a free, responsive, one-page personal portfolio template by HTML5 UP, built as a static HTML and CSS site with a fixed sidebar profile, a six-item Recent Work gallery, and a Get In Touch contact section. The demo page rendered on HTML5 UP shows the complete layout in action: a left sidebar carries the site owner's identity, while the main column scrolls through a portfolio grid and contact information blocks. Strata takes simple content — project thumbnail images, short project titles, one-line captions, an address, a phone number, and an email address — and outputs a complete single-page personal site that runs anywhere static files are hosted. Placeholder Latin text fills the demo, and the portfolio grid uses six numbered thumbnails (01.jpg through 06.jpg) to stand in for real project images.
What is Strata?
Strata is a one-page portfolio template produced by HTML5 UP, a collection known for releasing free responsive HTML5 and CSS3 templates. The page displayed is the live demo, not a product listing, so the visible sections — Recent Work, Get In Touch, an address block, a phone block, an email link, and a Twitter widget iframe — are the actual template sections a downloader would customize. The template's input is plain content: images and text the owner replaces in the HTML. Its output is a self-contained personal homepage with no server-side processing, database, or JavaScript framework required to run it.
Key Features
- Fixed sidebar profile layout — A persistent left sidebar frames the owner's name and branding while the right column scrolls through portfolio work, a layout that keeps identity visible on every screen.
- Recent Work portfolio grid — Six thumbnail cards are arranged in a multicolumn grid, each pairing one image with a title and a one-sentence caption underneath.
- Get In Touch contact blocks — Three labeled sections cover Address, Phone, and Email, giving the page a complete inquiry path for visitors.
- Twitter widget embed — The demo includes a Twitter widget iframe, allowing a live social feed to be embedded without custom code.
- Navigation and expansion links — A Learn More button and a Full Portfolio link demonstrate how to connect the one-page site to additional pages or a complete project index.
- Free static delivery — As an HTML5 UP template, Strata ships as downloadable HTML, CSS, and asset files with no build step, so edits are made directly in a text editor and deployment is a simple file upload.
Who is it for?
- Photographers and visual artists: display a clean six-image portfolio where each project is a thumbnail, a title, and a short caption, keeping attention on the work itself.
- Freelance designers and developers: publish a single-page personal site with a sidebar identity block and a Get In Touch section that collects client inquiries through address, phone, and email fields.
- Students and early-career professionals: stand up a presentable personal homepage for project samples and contact details without touching a framework or content management system.
What can you do with Strata?
- Portfolio building: replace the six numbered thumbnails with real project images and edit the title and caption pairs to turn the Recent Work grid into an actual project showcase.
- Contact publishing: overwrite the placeholder Nashville address, phone number, and email with real details so the Get In Touch section becomes a functioning contact point.
- Social feed embedding: keep the included Twitter widget iframe to surface a live social media feed directly on the homepage.
FAQ
Is Strata free to use?
Strata is released by HTML5 UP, whose templates are free downloads. The standard HTML5 UP license is Creative Commons Attribution 3.0, which permits personal and commercial use as long as credit is given to the template author.
What does Strata do?
Strata is a one-page personal portfolio template. It presents a sidebar profile, a six-item Recent Work image grid, and a Get In Touch section with address, phone, and email blocks, all in static HTML and CSS that requires no server or build tooling.
What is the demo showing?
The demo page at html5up.net shows Strata running with placeholder Latin text, six numbered thumbnail images, a Twitter widget iframe, and a Nashville, TN placeholder address. All of this sample content is meant to be replaced with real portfolio data.
Where can I see the live demo?
The page links to a live demo at html5up.net/uploads/demos/strata/ and a full portfolio sub-page from the Recent Work section.
