HTML Gallery & Portfolio Sections

A three-column masonry wall of images with varied heights and a caption that slides up on hover.

Category buttons filter a portfolio grid with a smooth fade. Each card shows title and discipline.

Two large case-study cards with cover art, client, title, disciplines and a headline result.

A draggable before/after comparison for renovation, cleaning or photo-editing work, with project details beside it.

A neat thumbnail grid that opens each image in a full-screen lightbox with captions, arrows, keyboard and Esc support.

A dark showcase where large project cards scroll sideways with snap points, a progress bar and arrow buttons.

A clean photographer layout: name and categories on the left, an uneven image grid on the right, and a booking link.

A typographic project list; hovering a row reveals a floating preview image that follows the cursor. Agency favourite.

A square-tile social feed with like and comment counts on hover, a profile header and a follow button. No embed needed.

A property-listing gallery: one large photo and four smaller ones, a "show all photos" button and key details. For estate agents and rentals.

A bento-style mosaic for a travel company: tiles in different sizes with location and trip length, a soft zoom on hover and a clear call to action.

A wedding photographer slideshow: large slide with caption, previous/next, play/pause autoplay, a counter and a clickable thumbnail strip. Arrow keys work.

An architecture studio showcase where large project cards stick and stack on top of each other as you scroll, each with facts and a link to the full case study.

An interior designer project album: room tabs, a large main photo with caption and a thumbnail column that swaps the main view, plus the project brief on the side.

A travel blogger journal: polaroid-style photos scattered across a cork board with hand-written captions. Click one to straighten and open it; Esc closes. Neat grid on phones.

A videographer reel grid with category filters, play buttons, durations and a player dialog with a progress bar and play/pause. Ready for your own video embeds.

A builder's project timeline: month markers you can click or step through, a large progress photo that changes with each stage, a completion bar and site notes.

An art gallery exhibition wall: framed works in different sizes hung on a coloured wall with small labels, sold dots and an artwork dialog with details and an enquiry button.

An events photographer client area: album cards with a stacked-photo look, then an album view with a photo grid, select-to-download checkboxes and a back button.

A record label coverflow: album covers in 3D perspective with the centre one in focus, arrows, click-to-focus, keyboard support and track details for the album in front.

A local history society gallery: six street views that switch between an old sepia photo and today, one at a time or all at once with a global toggle.

A landscape photographer’s map of Britain with numbered photo pins; choosing a pin or a list item shows that photo, place and caption in a card. Keyboard and touch friendly.

A restaurant’s dish gallery: course filter chips, plated-food tiles with price and dietary tags, and a dish dialog with description, allergens and a “book a table” link.

A wide panorama you can drag to pan and zoom with buttons, wheel or keys, with a minimap showing where you are and labelled points of interest.

Customer photos for a homeware shop: a feed of real rooms; choosing one opens it large with tappable product pins that highlight matching items in a side list with prices.

A photo-a-day project shown as a month calendar: each day is a thumbnail with the date, future days are empty, and opening a day shows it large with a note and previous/next.

An interior designer’s moodboard: filter photos by colour story using swatch buttons, with a palette strip of hex codes you can copy, in an uneven board layout.

A rowing club’s 100-year photo archive: each decade’s photos scroll past a sticky year marker on the left, with a year jump bar and old photos shown in black and white.

A filmmaker’s portfolio as a vertical, phone-style reel: full-height snap cards with title, likes and play, a side index that tracks the current reel, and arrow keys to move.

A wedding guest uploads wall: an upload drop zone with a live preview, a grid of guests’ photos with names and likes, and a “load more” that adds photos and updates the count.