Offers multiple photo display layouts: grid, card, masonry, horizontal scroll, and carousel
HTMLPortfolio
photo-gallery-img-template — HTML Portfolio Template
By singhofen
A pure HTML image gallery template for photographers, offering multiple photo display options such as grid, card, masonry, horizontal scroll, and carousel, with a built-in lightbox and contact form.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-01View source
What stands out
A quick read of the recorded project description.
Clicking a photo in the grid, card, or masonry gallery opens a larger view in a lightbox
Fixed navigation bar allows jumping to page sections without continuous scrolling
Includes a contact form and a mailto: email link
Comes with an additional responsive optional version based on W3.CSS, featuring an image lightbox
Template Details
This template is a photo display page for a photographer's personal website, and the repository provides multiple optional display approaches. The main version is built on Bootstrap 4 and includes a grid gallery, card gallery, masonry gallery, horizontal image gallery, Bootstrap 4 carousel, and an image grid with captions; clicking a photo in the grid, card, or masonry gallery opens a larger view in a lightbox. The page uses a fixed navigation bar for jumping between sections and includes CSS ease-in-out transition animations. The template also includes a contact form and a mailto: email link.
The repository also contains a responsive optional version based on W3.CSS, which likewise features an image lightbox and can serve as a reference for a different implementation approach.
Regarding usage limitations: the template is a pure static HTML page with no backend logic, and the contact form relies on a mailto: link rather than server-side submission; third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses and cannot be judged solely by the code's MIT license.
HTMLPortfolio
Is it right for your project?
Use Cases
- Building a portfolio display page for a photographer to present multiple sets of photos
- Serving as a reference when you need to compare different gallery layouts (grid, card, masonry, horizontal scroll, carousel) on a single page
- Adding a lightbox-enabled image browsing experience to a static site
- Acting as a starting point for a pure HTML portfolio page, with other content integrated as needed
Suitable For
- Photographer personal portfolio websites
- Static page projects focused on image display
- Developers who need multiple optional gallery layout solutions
- Users who want to quickly build a display page with pure HTML plus Bootstrap
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The template is pure static HTML and can be opened directly in a browser or deployed to any static hosting service
- 2
The main version depends on Bootstrap 4; ensure the relevant CSS and JS resources are available
- 3
The contact form sends email via a mailto: link and does not include server-side submission logic
- 4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
- 5
The repository also contains an optional W3.CSS version that can be used as needed
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in a public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.
Must comply with when using
- You are allowed to freely use, modify, commercially use, and distribute the code of this version.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The contact form only invokes the local email client via a mailto: link and does not include server-side submission logic, so form data cannot be received or stored directly within the webpage.
- The repository contains a second optional template version based on W3.CSS that coexists with the main Bootstrap 4 version; when choosing, note that the two sets of styles and scripts cannot be mixed.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Includes contact form and mailto: links for sending emails.
Original README
https://github.com/singhofen/photo-gallery-img-template/blob/master/LICENSEhttps://github.com/singhofen/photo-gallery-img-template/blob/master/README.mdadded second optional template (w3css responsive version) with LightBox feature for images.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 72 / 100
- Technologies
- HTML
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2020-02-13
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 23dd7d4864e36a5a203dd5ed2d6a6555ad39cd37b19fb2a32cda49b88fbffd93
2026-10-01T15:37:03.778Z
Source file / repository### photo-gallery-img-template ### https://it-services-web-dev.netlify.com/w3-parallax.html <br> or <br> ### https://chasesinghofen.github.io/chasesinghofen/compact-gallery.html 12/26/2019:: uploaded second option for photography website  12/19/2019:: added second optional template (w3css responsive version) with LightBox feature for images. <img width="958" alt="h-scroll-img" src="https://user-images.githubusercontent.com/23155302/71211750-c899cb00-227d-11ea-862c-e13935c91754.PNG"> <img width="951" alt="h-scroll-img-lightbox" src="https://user-images.githubusercontent.com/23155302/71211754-c9caf800-227d-11ea-9412-f5d26552687c.PNG"> Photo img gallery, bootstrap 4, fully responsive Includes contact form and mailto: links for sending emails. Template contains: grid, card, & fluid gallery's, horizontal img gallery, bootstrap 4 carousel, & img grid with img descriptions. includes css ease-in-out animations. Click on any photo in the grid, card, & fluid gallery's to view photos in a lightbox. Navigate the template easy with the fixed navbar. No need for continuous scrolling to view sections of webpage.        
Explore similar templates
Compare previews and descriptions within the same stack and category.
simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
Grayscale
A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.
HTML · Corporate Website
startbootstrap-stylish-portfolio
A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.
HTML · Portfolio