Yogasan - HTML Template


Explore inner beauty with Yogasan, a sophisticated HTML template crafted for contemporary yoga studio and shop websites. The HTML template offers layouts tailored for various spaces, including yoga centers, fitness centers, massage therapy, yoga retreats, spa centers, candle and soap stores, and more. Easily build a stunning yoga studio website with the Yogasan HTML template!

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.html - About us Page
  2. blog-left-sidebar.html - Blogs with Left Sidebar Page
  3. blog-right-sidebar.html - Blogs with Right Sidebar Page
  4. blog-no-sidebar.html - Blogs with No Sidebar Page
  5. blogs.html - Blogs Main Page
  6. blog-single.html - Blog Single Page
  7. booking-form.php - Booking Form Process File
  8. cart.html - Cart Page
  9. checkout.html - Checkout Page
  10. classes-list.html - Classes List Page
  11. classes-single.html - Classes Single Page
  12. contact.html - Contact Page
  13. downloads.html - Products > Shop Pages > My Account > Downloads Page
  14. edit-account.html - Products > Shop Pages > My Account > Account Details Page
  15. edit-address.html - Products > Shop Pages > My Account > Addresses Page
  16. faq.html - FAQ Page
  17. form-process.php - Contact Form Process File
  18. home-page-2.html - Second Home Page
  19. index.html - Main Page
  20. my-account.html - Shop > Shop Pages > My Account Page
  21. orders.html - Shop > Shop Pages > My Account > Orders Page
  22. our-instructors.html - Our Instructors Page
  23. our-services.html - Our Services Page
  24. pricing.html - Pricing Table Page
  25. shop.html - Shop Main Page
  26. shop-four-columns.html - Shop with Four Columns Page
  27. shop-single.html - Shop Single Page
  28. shop-three-columns.html - Shop with Three Columns Page

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

  1. all.css - Font Icons - Font Awesome CSS
  2. animate.css - Animated CSS
  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

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. validator.min.js - Form Validation
  18. wow.js - Animation Effect
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 classes 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: