Zunzo - Running Club and Sports HTML Template

  • Version: 1.0.0
  • Last Updated: December 08 23
  • Author: themesflat
Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates.
You need file PSD or images please contact
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

Template features:

  • Running Club and Sports
  • HTML5 & CSS3
  • Responsive Template
  • Animate everything you want
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Home Page
  • Services Page
  • Service Detail
  • Price List
  • Parallax Effect
  • & much more...

HTML Structure

Zunzo - Running Club and Sports HTML Template

Below is Zunzo basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title> Zunzo - Running Club and Sports HTML Template </title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="assets/js/jquery.min.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="assets/js/jquery.easing.js"></script>
   <script type="text/javascript" src="assets/js/jquery-waypoints.js"></script>
   <script type="text/javascript" src="assets/js/owl.carousel.js"></script>
   <script type="text/javascript" src="assets/js/parallax.js"></script>
   <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>   
   <script type="text/javascript" src="assets/js/switcher.js"></script>      
   <script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>

CSS System

The Zunzo CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Your_template/asset/scss/style.scss ( Template style )


/**
  * Reset
  * Repeatable Patterns    
  * Header 
  * navigation
  * Modal Login
  * Page Title
  * Blog
  * Pagination Blog
  * Blog Single  
  * Comment Post
  * Comment Form
  * Widgets  
  * widget search
  * widget latest posts
  * widget form Subscribe
  * flat-socials 
  * GoTop Button
  * Footer
  * Footer widget  
  * Bottom
  * Boxed
  * Cart item
  * preload
*/

Your_template/asset/scss/Shortcodes.scss ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/**  
  * Button
  * slider
  * title-box
  * paralax event
  * banner-paralax
  * team member
  * event
  * event v2 white
  * slide image logo
  * about us
  * Benefits
  * widget course
  * widget Testimonial
  * Widget Resgister
  * graphic
  * graphic home 3
  * About us v2
  * Image carousel
  * widget benefit v2
  * Widget product
  * Widget testimonial-v2
  * Widget Form Contact
  * Widget Mission 
  * Contact us page
  * Slide Product v2
  * Category product
  * Product Tab
  * Our Collection
  * Pack Products
  * Widget blog-v3
  * Widget benefit v3
  * Widget IG
  * Our-blog
  * Map
**/

Javascript - Fonts - Animation - Bootstrap style


/**  
  *	animate.css
  *	bootstrap.css
  *	jquery.fancybox.css
  *	owl.carousel.css
  *	wow.css
  *	swiper-bundle.min.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( js/main.js )


/**
  * isMobile
  * responsiveMenu
  * headerFixed
  * topSearch
  * toogle cart
  * Sidebar menu
  * menu Mobie Style 02
  * timerInterval
  * slide
  * imgae slide about
  * testimonial
  * slide product
  * logo partner
  * slide product
  * goTop
  * retinaLogos
  * video
  * Preloader
  * Counter Number
*/

Shortcodes System

You can easily use the shortcodes to create your own page.

    
/**  
  * Button
  * slider
  * title-box
  * paralax event
  * banner-paralax
  * team member
  * event
  * event v2 white
  * slide image logo
  * about us
  * Benefits
  * widget course
  * widget Testimonial
  * Widget Resgister
  * graphic
  * graphic home 3
  * About us v2
  * Image carousel
  * widget benefit v2
  * Widget product
  * Widget testimonial-v2
  * Widget Form Contact
  * Widget Mission 
  * Contact us page
  * Slide Product v2
  * Category product
  * Product Tab
  * Our Collection
  * Pack Products
  * Widget blog-v3
  * Widget benefit v3
  * Widget IG
  * Our-blog
  * Map
**/

Credits