Rosella is a modern, elegant, and fully responsive HTML template crafted specifically for beauty salons, hair studios, skincare clinics, spas, makeup artists, and wellness centers. Designed with a perfect balance of aesthetics and usability, Rosella helps you showcase your services, treatments, portfolios, pricing packages, and booking information with a luxurious, clean, and professional online presence.
- Modern, Flat & Unique Design
- Built with Bootstrap Grid Layout
- Smooth Effects and Animations
- Fully Responsive & Mobile Friendly
- Cross-Browser Compatible
- SEO Optimized
- Easy to Edit & Customize
- Clean, Well-Commented HTML5 & CSS3 Code
- Comprehensive Documentation Included
The template folders and files are organized as follows.
Folders
- css - Includes CSS files
- images - Includes Images Files
- js - Includes Javascript Files
- webfonts - Includes Fonts Files
Files
- about-us.html - About Us Page
- blog-grid.html - Blog Grid Page
- blog-single.html - Blog Single Page
- blog-three-columns.html - Blog Three Columns Page
- blogs.html - Blog Page
- blogs-list.html - Blog List Page
- contact.html - Contact Page
- cart.html - Cart Page
- checkout.html - Checkout Page
- downloads.html - Shop > Shop Pages > My Account > Downloads Page
- edit-account.html - Shop > Shop Pages > My Account > Account Details Page
- edit-address.html - Shop > Shop Pages > My Account > Addresses Page
- error.html - 404 Error Page
- faq.html - FAQ Page
- form-process.php - Contact Form Processing Script
- home-slider.html - Home Slider Page
- home-video.html - Home Video Page
- index.html - Home Page
- my-account.html - Shop > Shop Pages > My Account Page
- orders.html - Shop > Shop Pages > My Account > Orders Page
- our-team.html - Our Team Page
- pricing-plans.html - Pricing Plans Page
- service-single.html - Service Details Page
- service.html - Services Page
- shop.html - Shop Main Page
- shop-single.html - Shop Single Page
- team-detail.html - Team Member Details Page
- testimonials.html - Testimonials Page
- wishlist.html - Wishlist Page
We have used the following CSS files to design various layouts.
- all.css - Font Icons - Font Awesome CSS
- animate.css - CSS animations library
- bootstrap.min.css - Bootstrap Framework CSS
- custom.css - Custom CSS for layouts
- magnific-popup.css - CSS of Popup for screenshot, images & video
- mousecursor.css - Mouse Cursor CSS
- plyr.css - Audio Player CSS
- slicknav.min.css - Responsive Slick Menu CSS
- swiper-bundle.min.css - Swiper Carousel CSS
- select2.css - Select2 dropdown styles
- select2.min.css - Select2 dropdown styles (minified)
- cursor.css - Cursor Styles (inside JS folder)
We have used the following Javascript files to design various layouts.
- bootstrap.js - Bootstrap JavaScript
- bootstrap.min.js - Minified Bootstrap JavaScript
- script.js - Custom Functions
- gsap.min.js - GSAP Animation Library
- jquery-3.7.1.min.js - jQuery v3.7.1
- jquery.counterup.min.js - CounterUp Plugin
- jquery.magnific-popup.min.js - Magnific Popup Plugin
- jquery.mb.YTPlayer.min.js - YouTube Background Player
- jquery.slicknav.js - SlickNav Menu
- jquery.waypoints.min.js - Waypoints Plugin
- magiccursor.js - Custom Cursor Script
- plyr.js - Media Player (Plyr)
- ScrollTrigger.min.js - GSAP ScrollTrigger Plugin
- select2.full.min.js - Select2 Dropdown Plugin
- SmoothScroll.js - Smooth Scrolling
- SplitText.js - GSAP SplitText Plugin
- swiper-bundle.min.js - Swiper Slider
- validator.min.js - Form Validation
- wow.js - WOW.js Animation on Scroll
- cursor.js - Cursor Script (inside cursor folder)
Bootstrap framework:
Icons: