
Atlantis – Hotel Free HTML5 Template Using Bootstrap Framework
Atlantis is a free six-page hotel website template built on Bootstrap 5 and maintained in-house by uiCookies. It ships completely jQuery-free — the hero slider, room carousel, gallery lightbox, mobile menu, and reservation date pickers all run on plain vanilla JavaScript with zero plugin dependencies.

Key features
- Six ready HTML pages: home, about, rooms, reservation, blog, contact
- jQuery-free with zero plugin dependencies
- Reservation form with native arrival and departure date pickers
- Full-screen hero slider driven by vanilla JavaScript
- Vanilla-JS room carousel, gallery lightbox, and mobile menu
- Scroll-in animations via IntersectionObserver
- Crimson Text headings paired with Rubik body text
- Accessible: labelled forms, aria controls, keyboard-operable lightbox
- Icomoon icon font and demo images included
Best for
- Small hotels, resorts, and B&Bs
- Guesthouses that want an online booking form
- Boutique lodging launching its first website
- Developers wanting a Bootstrap 5 hotel starter
At a glance
- Bootstrap 5 with no jQuery and no plugin dependencies
- Vanilla JavaScript: hero slider, scroll-snap carousel, gallery lightbox, mobile menu, IntersectionObserver animations
- Native
<input type="date">reservation pickers — no datepicker library - Six ready HTML pages sharing one elegant design system
- Accessible: labelled forms, aria-labelled controls, keyboard-operable lightbox
- Icon font and demo images included

How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Atlantis free, and can I use it commercially?
Yes. Atlantis is completely free and follows the standard uiCookies license, which allows use in both personal and commercial projects. Attribution is required — the full details are on the uiCookies license page.
Do I need to know how to code or use a build tool to edit it?
Not necessarily. Atlantis is a plain static front-end — HTML, CSS, and JavaScript files you open and edit in any code editor, with no framework or command line required. A Gulp/SCSS build is included if you want to recompile styles from source, but it's entirely optional; you can edit the compiled CSS directly and just refresh the browser.
How do I change the colors and fonts?
The plum accent color (#903479) is defined as $brand-primary in the SCSS variables file, so a single change re-themes the whole template when you recompile — or you can search-and-replace it in the compiled CSS if you'd rather not build. Fonts are Crimson Text for headings and Rubik for body text, loaded from Google Fonts in the head of each page; swap that link and the matching font-family rules to change them.
Is Atlantis responsive and mobile-friendly?
Yes. It's built on Bootstrap 5's responsive grid and fluid components, so every page — from the full-screen hero to the room cards and reservation form — reflows cleanly from large desktops down to phones. On smaller screens the navigation collapses into a vanilla-JavaScript mobile menu.
Which browsers does it support?
Atlantis works in all current versions of Chrome, Firefox, Safari, and Edge. It relies on modern, well-supported standards like Flexbox, IntersectionObserver, and the native HTML date input, so it does not target legacy browsers such as Internet Explorer.
Does the reservation form actually take bookings?
The reservation page includes a full booking form — first and last name, email, room choice, native arrival and departure date pickers, and adult and children guest counts. It's a static front-end, though, so the form is not wired to a backend and does not process, store, or take payment for bookings out of the box. To make it live, connect it to your own form handler, booking service, or email endpoint.
Does Atlantis use jQuery or any plugins?
No. Atlantis is entirely jQuery-free with no plugin dependencies. The hero slider, room carousel, gallery lightbox, mobile menu, and scroll-in animations are all written in plain vanilla JavaScript, and the reservation date fields use the browser's own native date input instead of a datepicker library — so there's no Owl, Magnific, FlexSlider, or jQuery to load.
What's included in the download?
The download includes six ready HTML pages (home, about, rooms, reservation, blog, and contact), the compiled CSS plus its SCSS source, the vanilla-JavaScript files, an Icomoon icon font, and demo images so it previews exactly like the live demo. Swap the placeholder photos in the img folder for your own — optimized JPGs or modern formats like WebP or AVIF — to keep pages loading fast.



