KicknGoal - HTML Template
KicknGoal is a modern, dynamic, and fully responsive HTML template built exclusively for football clubs, sports teams, leagues, and tournaments. Designed with both passion and precision, KicknGoal brings together powerful functionality and a sleek aesthetic to help you create an engaging digital presence for your team or organization.
Developed with HTML5, CSS3, and JavaScript, this template offers high performance, smooth animations, and a seamless user experience across all devices. Its flexible and well-structured design makes it easy to customize, whether you’re managing a local football club, an international tournament, or a fan community.
Featuring vibrant match highlights, team showcases, fixtures, results, and news sections, KicknGoal provides everything you need to display your club’s spirit, achievements, and upcoming events. With its modern interface and intuitive structure, you can effortlessly present your content in a way that excites fans and inspires players.
- Modern, Flat & Unique Design
- Bootstrap Grid Layout
- Effects And Animations
- Fully Responsive
- Cross Browser Compatible
- SEO Friendly
- Easy to Edit & Customize
- Well Written Commented HTML5 & CSS3 code
- Detailed Documentation
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 Posts in Grid Layout
- blog-single.html – Single Blog Post Page
- blog-three-columns.html – Three-Column Blog Layout
- blogs-list.html – Blog List Layout
- blogs.html – Blog Overview Page
- contact.html – Contact / Inquiry Page
- error.html – 404 Error Page
- form-process.php - Contact Form Process File
- faq.html – Frequently Asked Questions Page
- home-page-2.html – Alternate Homepage Layout
- home-slider.html – Homepage with Image Slider
- home-video.html – Homepage with Video Background
- home2-slider.html – Alternate Homepage with Slider
- home2-video.html – Alternate Homepage with Video Background
- image-gallery.html – Image Gallery Page
- index.html – Main Homepage
- our-team.html – Team Members Overview Page
- service-archive-list.html – Service Archive (List View)
- service-detail.html – Single Service Details Page
- service-grid-on-image.html – Grid-Style Services Layout
- service-list.html – Services in List Layout
- service-with-filter.html – Filterable Services Section
- service.html – Services Overview Page
- team-detail.html – Single Team or Player Detail Page
- testimonials.html – Testimonials and Reviews 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)
We have used the following Javascript files to design various layouts.
- bootstrap.min.js - Bootstrap Framework
- function.js - Configuration code for layouts
- gsap.min.js - GSAP Library
- jquery.counterup.min.js - Animates a number from zero, counting up to the target value.
- jquery.magnific-popup.min.js - Magnific Popup
- jquery.mb.YTPlayer.min.js - Youtube Video Background
- jquery.slicknav.js - Responsive Menu
- jquery.waypoints.min.js - Trigger a function when you scroll to an element
- jquery-3.7.1.min.js - Javascript Library
- magiccursor.js - Magic Animated Cursor
- parallaxie.js - Parallax Effect
- plyr.js - Audio Player Library
- ScrollTrigger.min.js - Trigger a Text Effect
- SmoothScroll.js - Smooth Scroll
- SplitText.js - Split Paragram to Words and Charactor
- swiper-bundle.min.js - Swiper Carousel
- wow.js - Reveal on scroll animation plugin
- select2.full.min.js - Select2 plugin (full + minified)
Bootstrap framework:
Icons: