Yachter - HTML Template


Yachter is a sleek and versatile HTML template tailored for yacht rentals, sailing clubs, and marine-based tour operators. With its modern design and intuitive layout, Yachter provides the perfect platform to highlight your fleet, showcase luxury tours, and attract new clients. Built with clean HTML5, CSS3, and lightweight JavaScript, Yachter delivers fast performance and a flawless user experience across all devices and browsers. Featuring responsive layouts, prebuilt pages, and easy customization, this template empowers you to create a professional website without hassle. Whether you’re managing a yacht rental business, launching a sailing club, or offering marine adventure tours, Yachter combines elegance with functionality to elevate your online 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. blog-left-sidebar.html - Blog Left Sidebar Page
  3. blog-no-sidebar.html - Blog No Sidebar Page
  4. blog-right-sidebar.html - Blog Right Sidebar Page
  5. blogs.html - Blogs Listing Page
  6. blog-single.html - Blog Single Post Page
  7. blog-type-gallery.html - Blog Type Gallery Page
  8. blog-type-quote.html - Blog Type Quote Page
  9. blog-type-standard.html - Blog Type Standard Page
  10. blog-type-video.html - Blog Type Video Page
  11. cart.html - Shopping Cart Page
  12. checkout.html - Checkout Page
  13. contact-us.html - Contact Us Page
  14. downloads.html - Downloads Page
  15. edit-account.html - Edit Account Page
  16. edit-address.html - Edit Address Page
  17. faq.html - FAQ Page
  18. full-no-sidebar-type.html - Full Page (No Sidebar)
  19. gallery.html - Gallery Page
  20. home-page-2.html - Home Page 2
  21. home-page-3.html - Home Page 3
  22. index.html - Main Homepage
  23. my-account.html - My Account Page
  24. orders.html - Orders Page
  25. our-crew.html - Our Crew Page
  26. our-services.html - Our Services Page
  27. pricing-plans.html - Pricing Plans Page
  28. shop.html - Shop Page
  29. shop-four-columns.html - Shop (4 Columns)
  30. shop-full-width.html - Shop Full Width
  31. shop-single.html - Shop Single Product
  32. shop-three-columns.html - Shop (3 Columns)
  33. tour.html - Tours Main Page
  34. tour-list-info.html - Tour List Info Page
  35. tour-list-single.html - Tour Single Page
  36. tour-list-standard.html - Tour Standard List 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)

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

  1. bootstrap.min.js - Bootstrap Framework
  2. function.js - Configuration code for layouts
  3. gsap.min.js - GSAP Library
  4. jquery.counterup.min.js - Animates a number from zero, counting up to the target value.
  5. jquery.magnific-popup.min.js - Magnific Popup
  6. jquery.mb.YTPlayer.min.js - Youtube Video Background
  7. jquery.slicknav.js - Responsive Menu
  8. jquery.waypoints.min.js - Trigger a function when you scroll to an element
  9. jquery-3.7.1.min.js - Javascript Library
  10. magiccursor.js - Magic Animated Cursor
  11. parallaxie.js - Parallax Effect
  12. plyr.js - Audio Player Library
  13. ScrollTrigger.min.js - Trigger a Text Effect
  14. SmoothScroll.js - Smooth Scroll
  15. SplitText.js - Split Paragram to Words and Charactor
  16. swiper-bundle.min.js - Swiper Carousel
  17. wow.js - Reveal on scroll animation plugin
  18. select2.full.min.js - Select2 plugin (full + minified)

Font Library

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