A static HTML template for photography and magazines built on Bootstrap
HTMLPortfolio
album — HTML Portfolio Template
By orbitthemes
Album is a free and open-source photography and magazine HTML template released by Orbit Themes, built on Bootstrap with a three-column layout, and the code is MIT-licensed.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided previewTop of page
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Uses a three-column layout, suitable for arranging images and mixed text-image content
Provides SCSS source code that can be compiled and minified via Gulp
Gulp tasks cover JS concatenation and minification, dependency export, and artifact cleaning
Code is released under the MIT license, allowing modification, commercial use, and distribution
Template Details
Album is a static HTML template for photography and magazine display scenarios, developed by Orbit Themes and open-sourced under the MIT license. The template is built on Bootstrap and uses a three-column layout, suitable for organizing images and mixed text-image content.
In terms of usage, the template offers two paths: directly edit the HTML and CSS files in the downloaded package and open index.html in a browser to preview; or install dependencies via npm and run gulp dev to launch a preview in the default browser with automatic refresh on saved changes. The build process is driven by Gulp and includes tasks for compiling SCSS to CSS, minifying CSS, concatenating and minifying JS, exporting dependencies to the dist directory, and cleaning artifacts.
Limitations to note: the repository was last updated in 2018, and the README does not specify browser compatibility or the level of accessibility support; the template itself is a static page and does not include backend, database, or content management features, so images and text content must be replaced manually. Demo images are from Pexels, and third-party assets such as fonts and icons must be checked separately under their respective licenses; the MIT license for the code does not cover these assets.
HTMLPortfolio
Is it right for your project?
Use Cases
- Building a personal photography portfolio page
- Creating a magazine-style static site for image layout
- Using as a starting template for a Bootstrap three-column image layout for further modification
- Static page projects that require an SCSS and Gulp build process
Suitable For
- Individual photographers who need a ready-made photography display page
- Front-end developers who are comfortable editing HTML/CSS directly
- Projects that want to quickly build image-based static pages based on Bootstrap
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Direct use: after downloading, edit the HTML and CSS files and open index.html in a browser to preview
- 2
npm method: run npm i album-template to install
- 3
Source method: git clone the repository and then run npm install to install dependencies
- 4
Development preview: run gulp dev to open in the default browser with automatic refresh on changes
- 5
Build-related tasks include gulp css, gulp js, gulp export, and gulp clean
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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
- Custom builds are a paid service and require contacting Orbit Themes for paid customization; the free part is limited to the template itself and does not include custom development.
- Demo images are from Pexels and must be checked separately for use under Pexels' own license; the MIT license for the code does not cover these image assets.
- 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
You can hire Orbit Themes to create a custom build of any template
Original README
https://github.com/orbitthemes/album/blob/master/LICENSEhttps://github.com/orbitthemes/album/blob/master/README.md[Pexels](https://www.pexels.com/)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. 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
- Less documented · 53 / 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
- 2018-06-17
- Screenshot last checked
- 2026-10-02
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
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: a490edbcddfca28341980c2a429c19ddea1858e105a93810de6fb56f577b4c72
2026-10-02T08:04:24.081Z
Source file / repository# [Orbit Themes - Album Simple Photography Template](https://orbitthemes.com/preview/album/)
[Album](https://orbitthemes.com/downloads/album/) is a **Free** and **Open Source** Photography and Magazine template for [Bootstrap](https://getbootstrap.com/) with responsive and high quality UI created by [Orbit Themes](https://orbitthemes.com/).
<strong><a href="https://orbitthemes.com/preview/album/">View Demo</a> | <a href="https://github.com/orbitthemes/album/archive/master.zip">Download ZIP</a></strong>
[](https://orbitthemes.com/preview/album/)
**[View Live Preview](https://orbitthemes.com/preview/album/)**
## Status
[](https://github.com/orbitthemes/album)
[](https://raw.githubusercontent.com/orbitthemes/album/master/LICENSE)
[](https://www.npmjs.com/package/album-template)
[](https://travis-ci.org/orbitthemes/album)
[](https://david-dm.org/orbitthemes/album)
[](https://david-dm.org/orbitthemes/album?type=dev)
## Features
- Responsive Design.
- Developed With Bootstrap 4.
- SEO Semantic Code.
- Three Column Layout.
- Simple and Easy To Use.
- HTML5 ready. Use the new elements with confidence.
- Designed with progressive enhancement in mind.
## Download and Installation
To begin using this template, choose one of the following options to get started:
* [Download the latest release on Orbit Themes](https://orbitthemes.com/downloads/album/)
* Install via npm: `npm i album-template`
* Clone the repository: `git clone https://github.com/orbitthemes/album.git`
```sh
# clone the repository
$ git clone https://github.com/orbitthemes/album.git
# go into the directory
$ cd album
# install all dependencies
$ npm install
#For Development Options
$ gulp dev
```
* [Fork, Clone, or Download on GitHub](https://github.com/orbitthemes/album)
## Usage
### Basic Usage
After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser.
### Advanced Usage
After installation, run `npm install` and then run `gulp dev` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment.
#### Gulp Tasks
- `gulp` the default task that builds everything.
- `gulp dev` browserSync opens the project in your default browser and live reloads when changes are made.
- `gulp css:compile` compiles the SCSS into CSS file.
- `gulp css:minify` minifies the compiled CSS file.
- `gulp css` compiles SCSS files into CSS and minify the css.
- `gulp js` Combines all js scripts to one file named `main.js`, Minify the file, and save it as `main.min.js`.
- `gulp export` copies dependencies from node_modules to the dist directory.
- `gulp clean` Removes all the directories inside dist, minified js files and all compiled css files.
## Bugs and Issues
Have a bug or an issue with this template? [Open a new issue](https://github.com/orbitthemes/album/issues) on GitHub or leave a comment on the [template overview page at Orbit Themes](https://orbitthemes.com/downloads/album/).
## Custom Builds
You can hire Orbit Themes to create a custom build of any template, or create something from scratch using Bootstrap. For more information, visit the **[Contact Page](https://orbitthemes.com/contact/)**.
## Other Templates
- [Album Plus](https://orbitthemes.com/downloads/album-plus) - Album Plus is a Simple Photography and Magazine template for Bootstrap 4.
- [Blog](https://orbitthemes.com/downloads/blog) - Blog Is The Beautiful Blogger Template For Bootstrap 4.
- [Blog Post](https://orbitthemes.com/downloads/blog-post) - Beautiful Blog Post Template for Bootstrap 4.
- [My Shop](https://orbitthemes.com/downloads/my-shop) - My Shop is a Simple E-Commerce template for Bootstrap 4.
- [Carousel Plus](https://orbitthemes.com/downloads/carousel-plus) - Clean and Responsive Bootstrap 4 slideshow Template.
- [Checkout Plus](https://orbitthemes.com/downloads/checkout-plus) - Simple, Clean and Stylish Bootstrap 4 Checkout Page Template.
- [Cover Plus](https://orbitthemes.com/downloads/cover-plus) - Cover Plus Is The Beautiful One Page Template for Bootstrap 4.
- [Dashboard](https://orbitthemes.com/downloads/dashboard) - Free and Responsive admin dashboard template for bootstrap 4.
- [Healthy](https://orbitthemes.com/downloads/healthy) - Clean Responsive Fitness Landing Page For Bootstrap 4.
- [Kreative](https://orbitthemes.com/downloads/kreative) - Kreative Business Landing Page Template.
- [Pricing Plus](https://orbitthemes.com/downloads/pricing-plus) - Clean and Responsive Pricing Page Template With High Quality UI.
- [Jumbotron](https://orbitthemes.com/downloads/jumbotron) - Jumbotron Simple and Clean Marketing Landing Page.
- [Register](https://orbitthemes.com/downloads/register) - Simple and Clean Signup Template For Bootstrap 4.
- [Scroll Nav](https://orbitthemes.com/downloads/scroll-nav) - Simple and Responsive Scrolling Navigation Website Template For Bootstrap 4.
- [SignIn](https://orbitthemes.com/downloads/signin) - Simple and Clean SignIn Template For Bootstrap 4.
<!-- ## Useful Links -->
<!-- OrbitThemes Blog Post Links Related To the Template. -->
## How to contribute
To contribute, please ensure that you have stable Node.js and npm installed.
Test if Gulp CLI is installed by running `gulp --version`. If the command isn't found, run `npm install -g gulp`. For more information about installing Gulp, see the [Gulp's Getting Started!](https://gulpjs.org/getting-started).
To have all gulp dependencies run `npm install`
If gulp is installed, follow the steps below.
* Fork and clone the repository.
* Run `gulp dev`, this will open Template on your default browser.
* Now you can code, code and code!
* Submit a pull request.
## About
Orbit Themes is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Orbit Themes are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
* Web: https://orbitthemes.com
* Twitter: https://twitter.com/orbitthemes
* Facebook: https://www.facebook.com/orbitthemes/
* Google Plus: https://plus.google.com/+orbitthemes
* Github: https://github.com/orbitthemes
* Behance: https://www.behance.net/orbitthemes
* Dribble: https://dribbble.com/orbitthemes
* Pinterest: https://www.pinterest.com/orbitThemes/
* Reddit: https://www.reddit.com/user/orbitthemes
* Instagram: https://www.instagram.com/orbitthemes/
* LinkedIn: https://www.linkedin.com/company/orbit-themes/
Orbit Themes was created by and is maintained by **[Sandeep Prasad Bhatt](http://sandeepbhatt.com.np/)** .
* http://sandeepbhatt.com.np
* https://twitter.com/_MeSandy
* https://github.com/sandy100
Orbit Theme Templates and Themes are based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
## Credits
* [node.js](http://nodejs.org/)
* [gulp](http://gulpjs.com/)
* [jQuery](http://jquery.com/)
* [Bootstrap](http://getbootstrap.com/)
* [SASS](https://sass-lang.com/)
* [Pexels](https://www.pexels.com/)
## Copyright and License
Copyright 2018 Orbit Themes. Code released under the [MIT](https://raw.githubusercontent.com/orbitthemes/album/master/LICENSE).
## Visit Website: https://www.orbitthemes.com
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