MicroVilla - HTML Template


MicroVilla is a modern, elegant, and fully responsive HTML template crafted specifically for hotels, resorts, villas, and vacation rentals. Designed with both aesthetics and functionality in mind, MicroVilla helps you create a luxurious online experience that delights guests and enhances your property’s digital presence.

The template folders and files are organized as follows.

Folders

  1. css - Includes CSS files
  2. images - Includes Images Files
  3. js - Includes Javascript Files
  4. webfonts - Includes Fonts Files

Files

  1. about-us.html - About Us Page
  2. adventure.html - Adventure Page
  3. blog-grid.html - Blog Grid Page
  4. blog-single.html - Single Blog Page
  5. blog-three-columns.html - Three Column Blog Page
  6. blogs-list.html - Blog List Page
  7. blogs.html - Blog Overview Page
  8. booking-form.php - Booking Form Processing Script
  9. contact.html - Contact Page
  10. error.html - Error Page (404)
  11. faq.html - FAQ Page
  12. home-page-2.html - Home Page 2
  13. home-slider.html - Home Page with Slider
  14. home-video.html - Home Page with Video
  15. home2-slider.html - Alternate Home Slider Page
  16. home2-video.html - Alternate Home Video Page
  17. index.html - Main Homepage
  18. form-process.php - Contact Form Processing Script
  19. landing.html - Landing Page
  20. our-team.html - Our Team Page
  21. pricing-plans.html - Pricing Plans Page
  22. property-archive-list.html - Property Archive List Page
  23. property-detail-full-width.html - Full-Width Property Detail Page
  24. property-detail.html - Property Detail Page
  25. property-grid-on-hover.html - Property Grid Hover Page
  26. property-list.html - Property List Page
  27. property-with-filter.html - Property Filter Page
  28. property.html - Property Overview Page
  29. testimonials.html - Testimonials Page

We have used the following CSS files to design various layouts.

  1. all.css - Font Icons - Font Awesome CSS
  2. animate.css - CSS animations library
  3. bootstrap.min.css - Bootstrap Framework CSS
  4. custom.css - Custom CSS for layouts
  5. magnific-popup.css - CSS of Popup for screenshot, images & video
  6. mousecursor.css - Mouse Cursor CSS
  7. plyr.css - Audio Player CSS
  8. slicknav.min.css - Responsive Slick Menu CSS
  9. swiper-bundle.min.css - Swiper Carousel CSS
  10. select2.css - Select2 dropdown styles
  11. select2.min.css - Select2 dropdown styles (minified)
  12. cursor.css - Cursor Styles (inside JS folder)

We have used the following Javascript files to design various layouts.

  1. bootstrap.js - Bootstrap JavaScript
  2. bootstrap.min.js - Minified Bootstrap JavaScript
  3. function.js - Custom Functions
  4. gsap.min.js - GSAP Animation Library
  5. jquery-3.7.1.min.js - jQuery v3.7.1
  6. jquery.counterup.min.js - CounterUp Plugin
  7. jquery.magnific-popup.min.js - Magnific Popup Plugin
  8. jquery.mb.YTPlayer.min.js - YouTube Background Player
  9. jquery.slicknav.js - SlickNav Menu
  10. jquery.waypoints.min.js - Waypoints Plugin
  11. magiccursor.js - Custom Cursor Script
  12. parallaxie.js - Parallax Scrolling Effect
  13. plyr.js - Media Player (Plyr)
  14. ripple.min.js - Ripple Effect
  15. ScrollTrigger.min.js - GSAP ScrollTrigger Plugin
  16. select2.full.min.js - Select2 Dropdown Plugin
  17. SmoothScroll.js - Smooth Scrolling
  18. SplitText.js - GSAP SplitText Plugin
  19. swiper-bundle.min.js - Swiper Slider
  20. validator.min.js - Form Validation
  21. wow.js - WOW.js Animation on Scroll
  22. cursor.js - Cursor Script (inside cursor folder)
Please note that form-process.php file is used for sending an email in contact form and booking-form.php file is used for sending an email in appointment form
 
You need to add your email, please open form-process.php and booking-form.php file and edit variable $EmailTo value.
For ex. $EmailTo = info@yourdomain.com;

Font Library

  1. Fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search
Bootstrap framework:
Icons: