Moonlight

Moonlight is a free one-page HTML CSS website template released by TemplateMo in February 2018 for portfolio and photography sites. It uses a horizontal sliding page transition to move between sections, and its portfolio image gallery opens images in an inner pop-up. The template is built on Bootstrap and ships with a customizable contact form and Google Maps embed. You download a ZIP file from TemplateMo, edit the HTML and CSS, and host the static site anywhere.

What is Moonlight Template?

Moonlight is a one-page HTML template that presents content through horizontal sliding page transitions, making it stand out from typical scrolling layouts. It is built on Bootstrap, so it inherits a responsive grid and common UI components. The template includes a portfolio image gallery with an inner pop-up viewer, a contact form, and a Google Maps section that you can customize with your own details. It is distributed for free by TemplateMo and has been downloaded over 31,000 times since its release.

Key Features

• Horizontal sliding transitions — Page sections slide horizontally instead of scrolling vertically, giving the site a distinctive motion.
• Portfolio pop-up gallery — The image gallery displays photos in an inner pop-up, letting visitors view full-size shots without leaving the page.
• Contact form — A built-in contact form that you can customize; TemplateMo links to a separate PHP script if you need server-side handling.
• Google Maps integration — A customizable Google Maps section lets you show your location directly on the page.
• Bootstrap framework — The layout is built with Bootstrap, so you get a responsive grid and ready-made components.
• One-page layout — All sections (hero, portfolio, about, contact) fit on a single page.
• Dark gray theme — The design uses a dark gray color scheme (tagged darkgray), fitting photography and creative sites.
• Free commercial use — TemplateMo allows you to download, edit, and use it for commercial or non-commercial projects at no cost.

Who is it for?

• Photographers — Present a portfolio gallery with pop-up image viewing to prospective clients.
• Freelance designers and developers — Build a one-page personal site with a contact form and location map quickly.
• Small business owners — Create a simple brochure-style site with map and contact details without paying for a custom design.
• Creative agencies — Use the dark, slide-based layout for a modern portfolio or campaign microsite.

What can you do with Moonlight?

• Launch a photography portfolio: Upload your images in the gallery, customize the pop-up behavior, and share the one-page URL with clients.
• Create a contact page with map: Edit the embedded Google Map and form fields to collect inquiries from visitors.
• Design a personal landing page: Replace the default copy and links to present yourself or a project.

Pricing

Moonlight is completely free to download and use. TemplateMo does not charge for the template, and you are allowed to use it for commercial or non-commercial websites.

FAQ

Is Moonlight Template free?

Yes, Moonlight is 100% free to download from TemplateMo. You may download, edit, and use it for commercial or non-commercial sites without paying.

What technologies does Moonlight use?

Moonlight is an HTML CSS template built with Bootstrap. It uses standard static files, so you can host it on any web server or static hosting service.

Does Moonlight include a contact form script?

The template includes a customizable contact form UI. TemplateMo links to a separate PHP contact form script that you can add if you need form submissions sent to your email.

Can I use Moonlight for a business website?

Yes, the license permits commercial use. You can use the template for a business site, portfolio, or any other project.

How popular is Moonlight?

As of the listing page, Moonlight has been viewed 188,916 times and downloaded 31,304 times since its release in February 2018.