Upright is a free, one-page HTML template from TemplateMo that pairs a full-width design with a parallax image column to build portfolio and gallery websites. It runs entirely on static HTML, CSS, and JavaScript, and is built on the Bootstrap 4 framework with Magnific Popup for lightbox images and Slick Carousel for sliders. The template outputs a responsive, single-page site with a multi-category gallery, an integrated contact form, and embedded map sections.
What is Upright Template?
Upright is a full-width, one-page HTML website template designed for showcase and portfolio sites. It takes standard HTML/CSS/JS files as input and produces a static, responsive single-page layout that includes a parallax image column, a filterable multi-category gallery, a contact form, and a map. The template is published by TemplateMo and is free to download under a permissive license.
What makes Upright stand out?
- Full-width layout with parallax column — The page stretches across the viewport while a background image column creates a parallax scrolling effect, giving a modern, editorial feel.
- Multi-category gallery — A filterable gallery with categories lets visitors sort images by type, and clicking an image opens it in a Magnific Popup lightbox.
- Built on Bootstrap 4 — The responsive grid and utilities come from Bootstrap 4, ensuring the layout adapts to mobile, tablet, and desktop screens.
- Slick carousel integration — Image sliders and carousels are powered by the Slick jQuery plugin, allowing horizontal scrolling galleries.
- Contact form and map included — The template ships with a front-end contact form (a separate PHP script link is provided for handling submissions) and an embedded Google Map.
- One-page structure — All sections (hero, about, gallery, contact) live on a single scrolling page, simplifying navigation.
- Free for commercial use — TemplateMo explicitly permits downloading, editing, and using Upright for both commercial and non-commercial websites.
Who should use Upright?
- Freelance photographers and visual artists: Display a portfolio with category filters and lightbox viewing, using the parallax column to add visual depth.
- Small business owners: Launch a single-page company site with contact details, an inquiry form, and an embedded map to help clients find the location.
- Web designers and developers: Use the Bootstrap 4 structure as a starter for custom client projects, or to quickly prototype a one-page design.
- Creative agencies: Present a concise agency overview with a gallery of past work and a call-to-action contact section.
What can you do with Upright?
- Photographers: Build a portfolio where visitors can filter images by category and click to view larger versions in a pop-up lightbox.
- Startups: Create a one-page landing site that introduces the product, shows key product or team images in a gallery, and collects visitor inquiries through the contact form.
- Restaurants and cafes: Showcase a menu or interior photographs in the gallery, with the map helping customers find the venue and the contact form handling reservations or feedback.
Is Upright Template free?
Yes, Upright is 100% free to download. TemplateMo's license states you can download, edit, and use this HTML/CSS layout for commercial or non-commercial sites. No attribution is required, though sharing the template is appreciated.
What technologies does Upright use?
Upright is built on Bootstrap 4, with Magnific Popup for gallery lightboxes and Slick Carousel for sliders. The contact form and map are included in the HTML, and a separate PHP script link is provided for handling form submissions on a server.
Is Upright Template responsive?
Yes, because it is based on Bootstrap 4, the layout is fully responsive and adapts to small phones, tablets, and desktop monitors. The one-page design uses Bootstrap's grid system for reflowing content.
Can I use Upright for a client project?
Yes, Upright can be used for client projects, including commercial ones. The license permits both personal and business use, and you can modify the files as needed for your specific project requirements.
