Alotan is a free, multipage HTML5 barbershop and hair salon website template built on Bootstrap 4, created to present services, staff, and booking options in one downloadable package.
What is Alotan?
Alotan is a free website template distributed by ThemeWagon and created by Colorlib (listed as kimlabs) specifically for barbershops and hair salons. It ships as five static HTML files — homepage, about, contact, blog, and a hairstyle/services page — plus CSS and SCSS stylesheets, uncompressed JavaScript files, and the FontAwesome icon pack. Because it is plain HTML5 with Bootstrap 4 and jQuery, it runs on any static web host and needs no server-side setup or content management system.
Key Features
- Five ready-to-use pages — The package includes a homepage, an about page, a contact page with a reservation and contact form UI, a blog page, and a dedicated hairstyle page with dropdown options for services.
- Parallax background and on-hover effects — The homepage uses a big header image, parallax scrolling, smooth scrolling, and CSS animations to create a visually animated browsing experience.
- Video support for promotional material — Both the homepage and the about page are designed to embed video links, letting you show promotional clips or staff introductions.
- Custom slider slideshow — A services gallery slider built with Owl Carousel displays your treatments and offerings on the homepage.
- Three icon packs included — FontAwesome, Flaticons, and Ionicons provide social media icons, UI icons, and typographic accents.
- Bootstrap 4 responsive grid — The layout is device responsive, retina-ready, and cross-browser tested on Chrome, Edge, Firefox, Mobile, Opera, and Safari.
- SCSS source files — Developers get both compiled CSS and editable SCSS files, plus uncompressed JavaScript, for straightforward customization.
- Footer with blog and navigation links — An exclusive footer menu highlights the blog section and includes other important page links.
Who should use Alotan?
- Barbershop owners — Set up a professional multi-page website by editing the static HTML files, without needing a backend or CMS.
- Salon and hairstylist teams — Showcase crew members with embedded videos on the about page and list services with dropdown menus on the hairstyle page.
- Freelance web developers — Use the Bootstrap 4 grid and SCSS source files as a starting point to build custom sites for grooming or beauty clients.
- Small business marketers — Publish articles on the included blog page to support on-site SEO and keep customers informed.
What can you do with Alotan?
- Promote your barbershop services — Display each haircut or grooming service on the hairstyle page with dropdown options, and present them visually in the homepage gallery slider.
- Collect appointment requests — The contact page's reservation and contact form UI gives customers a direct way to book appointments or ask questions.
- Embed promotional videos — Use the homepage video section to feature a promotional clip, and link additional videos on the about page to introduce your team.
- Build a blog — Publish news, style guides, or shop updates on the blog page to keep the website fresh and give visitors a reason to return.
FAQ
Is Alotan free to use?
Yes. The template is a free download, open source, and can be used in commercial projects. ThemeWagon also states that it comes with lifetime free updates.
Which pages are included in the Alotan template?
The download contains 5 HTML files: a homepage, an about page, a contact page with reservation/contact form UI, a blog page, and a hairstyle/services page with dropdown options.
What technologies does Alotan use?
Alotan is built with Bootstrap 4, jQuery, Owl Carousel for sliders, and FontAwesome, Flaticons, and Ionicons icon sets. It uses CSS animations and supports video embeds.
Which browsers and devices are supported?
The template is device responsive, retina-ready, and compatible with Chrome, Edge, Firefox, Mobile browsers, Opera, and Safari.
What is included in the download package?
The package includes 5 HTML files, CSS and SCSS files, the FontAwesome icon pack, demo images from Unsplash, and uncompressed JavaScript files.
