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.
- 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
- 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
- our-team.html - Our Team Page
- pricing-plans.html - Pricing Plans Page
- service-single.html - Service Details Page
- service.html - Services Page
- team-detail.html - Team Member Details Page
- testimonials.html - Testimonials 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
- function.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
- parallaxie.js - Parallax Scrolling Effect
- plyr.js - Media Player (Plyr)
- ripple.min.js - Ripple Effect
- 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: