Melan is a free, multi-page Bootstrap 4 HTML5 personal portfolio website template from ThemeWagon that gives designers and developers a ready-to-run portfolio site with a working contact form.
What is Melan?
Melan is a free Bootstrap 4 HTML5 personal portfolio website template distributed by ThemeWagon and created by Colorlib. It produces a complete multi-page portfolio site: 9 HTML files plus 1 PHP file for the contact form, styled with CSS and SCSS and powered by JavaScript. It runs in any modern browser, is fully responsive and mobile-ready, and is available under an open-source license that permits commercial use. The template includes a hero header, sticky navigation, portfolio grid with modal views, and a blog section.
Key Features
- Responsive Bootstrap 4 layout — built on Bootstrap 4 with a clean, minimal design that adapts to mobile, tablet, and desktop screens and works across Chrome, Edge, Firefox, Opera, and Safari.
- Portfolio grid with modal view — display project thumbnails in a Masonry grid and open each project in a pop-up modal for details.
- Working PHP/AJAX contact form — a server-side contact form (the single PHP file) lets visitors send messages without reloading the page.
- Modal YouTube player — embed and play YouTube videos inside a pop-up modal, useful for showreels or video case studies.
- Sticky navigation with dropdown menu — the top navigation bar stays fixed on scroll and supports dropdown submenus for multi-page structure.
- Blog section with pagination and search — includes blog listing pages, a search box, pagination UI, and a comment form UI so portfolios can double as a personal blog.
- Instagram feed and Google Maps — display an Instagram photo feed and an embedded Google Map section on the contact page.
- Extensive documentation and source files — the download includes all demo images, CSS and SCSS files, font icons, JavaScript source files, and the underlying library and plugin files.
Who is it for?
- Web designers and developers — use Melan as a starting point for client portfolio sites; the flexible, clearly structured code and SCSS files make customization straightforward.
- Photographers and graphics designers — present a visual portfolio using the image-focused grid layout, hover effects, and lightbox-style modal views.
- Freelancers seeking a multi-page presence — combine the portfolio, blog, and contact pages into a complete personal website without building from scratch.
What can you do with Melan?
- Showcase your work — create a portfolio grid with hover effects and modal project views that let visitors see case details quickly.
- Accept inquiries — use the working PHP/AJAX contact form alongside Google Maps to let potential clients get in touch directly.
- Post updates — publish articles in the blog section with pagination, search, and a comment form UI to keep the site active.
- Embed video content — show a showreel or video work samples through the modal YouTube player.
Pricing
Melan is free to download from ThemeWagon. The license permits use in commercial projects, and the template receives lifetime free updates.
FAQ
Is Melan free to use?
Yes, Melan is a free template from ThemeWagon. The license allows both personal and commercial use, and there are no ongoing fees for updates.
What files are included in the download?
The download includes 9 HTML files, 1 PHP file (for the contact form), all demo images, CSS and SCSS files, font icons, JavaScript source files, and the library and plugin files used by the theme.
Does Melan work on mobile devices?
Yes. Melan is fully responsive and mobile-ready, and the page states compatibility with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
Which frameworks and plugins does Melan use?
Melan is built on Bootstrap 4 and uses Owl Carousel, FontAwesome, Magnific Pop-Up, Masonry, Flaticon, Themify Icons, and a jQuery AJAX MailChimp plugin for newsletter integration.
Can I use Melan in a commercial project?
Yes, the template is open source and can be used in commercial projects, with lifetime free updates.
