WaveSurfer - HTML Template
WaveSurfer is a sleek and modern HTML template, for surfing and water sports enthusiasts. Dive into the world of adventure with this sleek and dynamic theme designed specifically for websites related to surfing, kiteboarding, paddleboarding, and other water sports activities. With its vibrant design, immersive imagery, and user-friendly interface, WaveSurfer is perfect for surf schools, water sports clubs, beach resorts, and individual athletes looking to showcase their passion online. Whether you’re a professional surfer or a beach lover, WaveSurfer has everything you need to make a splash on the web. Get ready to ride the waves with WaveSurfer!
- 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
- videos - Includes Video Files
- webfonts - Includes Fonts Files
Files
- about.html - About us Page
- activities.html - Activities Page
- blog-grid.html - Blogs with Grid Page
- blog-left-sidebar.html - Blogs with Left Sidebar Page
- blog-no-sidebar.html - Blogs with No Sidebar Page
- blog-right-sidebar.html - Blogs with Right Sidebar Page
- blog-single.html - Blog Single Page
- blog-type-quote.html - Blog Type of Quote Page
- blog-type-standard.html - Blog Type of Standard Page
- blog-type-video.html - Blog Type of Video Page
- blogs.html - Blogs Main Page
- cart.html - Cart Page
- checkout.html - Checkout Page
- contact.html - Contact Page
- downloads.html - Shop > Shop Pages > My Account > Downloads Page
- edit-account.html - Shop > Shop Pages > My Account > Account Details Page
- edit-address.html - Shop > Shop Pages > My Account > Addresses Page
- events-list.html - Events List Page
- events-single.html - Event Single Page
- faq.html - FAQ Page
- form-process.php - Contact Form Process File
- gallery.html - Gallery Page
- home-page-2.html - Second Home Page
- index.html - Main Page
- lessons-list.html - Lessons Page
- lessons-single.html - Lessons Single Page
- my-account.html - Shop > Shop Pages > My Account Page
- orders.html - Shop > Shop Pages > My Account > Orders Page
- our-crew.html - Our Crew Page
- our-services.html - Our Services Page
- pricing-plans.html - Pricing Plans Page
- product-single.html - Product Single Page
- shop-four-columns.html - Shop with Four Columns Page
- shop-full-width.html - Shop with Full Width Page
- shop-three-columns.html - Shop with Three Columns Page
- shop.html - Shop Main Page
We have used the following CSS files to design various layouts.
- all.css - Font Icons - Font Awesome CSS
- animate.css - Animated CSS
- 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
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
- validator.min.js - Form Validation
- wow.js - Animation Effect
Bootstrap framework:
Icons: