PicklePro - HTML Template


PicklePro is a modern, elegant, and fully responsive HTML template crafted specifically for pickleball clubs, courts, tournaments, coaches, and sports facilities. Designed with both performance and aesthetics in mind, PicklePro helps you showcase courts, schedules, events, memberships, and training programs with a clean, energetic, and professional 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-grid.html - Blog Grid Page
  3. blog-single.html - Blog Single Page
  4. blog-three-columns.html - Blog Three Columns Page
  5. blogs.html - Blog Page
  6. blogs-list.html - Blog List Page
  7. contact.html - Contact Page
  8. error.html - 404 Error Page
  9. faq.html - FAQ Page
  10. form-process.php - Contact Form Processing Script
  11. home-slider.html - Home Slider Page
  12. home-video.html - Home Video Page
  13. index.html - Home Page
  14. our-team.html - Our Team Page
  15. pricing-plans.html - Pricing Plans Page
  16. service-single.html - Service Details Page
  17. service.html - Services Page
  18. team-detail.html - Team Member Details Page
  19. 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
 
You need to add your email, please open form-process.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: