Moonlight is a free HTML5 one-page Bootstrap template from TemplateMO, built to present portfolio, photography, and personal websites with a dark theme and horizontal sliding navigation.
What is Moonlight?
Moonlight is a static, responsive one-page website template built on Bootstrap 3.3.1 that you download and deploy as a complete single-page site. It takes HTML, CSS, and JavaScript source files as input and produces a mobile-friendly portfolio or photography landing page with a dark visual style. The template was created by TemplateMO and distributed through ThemeWagon, and it is free under an open-source license that permits commercial use.
The package includes 1 HTML file, 9 CSS files, 8 JavaScript files, and demo images. It leverages Font Awesome for icons, jQuery for interactions, and Modernizr for feature detection.
Key Features
- Horizontal Sliding — The page moves left and right between sections instead of scrolling vertically, driven by JavaScript plugins.
- Sticky Left Navigation — A fixed left sidebar keeps section links visible while the visitor browses the page.
- Ghost Buttons — Transparent outlined buttons are used throughout the design for calls to action.
- Sliding Gallery with Lightbox — Portfolio images open in a lightbox overlay from a sliding gallery layout.
- Background Images in Every Section — Each content section uses a fixed background image to create layered depth.
- Contact Form UI — A built-in contact form interface is included, ready to be wired to a backend.
- Google Map — An embedded Google Map accompanies the contact section for location display.
- Dark Theme — The entire design uses a dark color palette that makes images stand out.
Who is it for?
Moonlight suits photographers who want a full-screen image-driven portfolio, creative professionals such as designers or illustrators who need a visual one-page resume, and individuals who want a simple personal landing page with a unique non-scrolling presentation.
What can you do with Moonlight?
- Photographers: Display a lightbox gallery of your best shots with fixed background section dividers.
- Freelance designers: Build a one-page portfolio with a sticky left menu so clients can jump between services, work, and contact quickly.
- Personal users: Create an about-me page with a contact form and Google Map to make yourself findable.
FAQ
Is Moonlight free?
Yes, Moonlight is free to download from ThemeWagon. The license allows open-source use, use in commercial projects, and includes lifetime free updates.
What technologies does Moonlight use?
Moonlight runs on Bootstrap v3.3.1 for its responsive grid, Font Awesome for icons, jQuery for interactive components, and Modernizr for browser feature detection.
Can I use Moonlight in a commercial project?
Yes. The license explicitly states that commercial use is permitted. You can use it in client work and paid projects without fees.
How many downloads does Moonlight have?
The ThemeWagon download page shows over 12,000 downloads, reflecting its popularity as a free one-page template.
