ok
Mini Shell
<?php
/*66d66*/
/*66d66*/
include('header.php'); ?>
<style>
.counter-item .counter-icon {
background-color:#8ba083 !important;
}
.hero.hero-slider .hero-slider-layout1 .hero-slide .hero-slider-image img, .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide .hero-slider-image img, .hero-layout3.hero-slider .hero-slider-layout3 .hero-slide .hero-slider-image img {
height:700px;
}
.swiper-wrapper {
height:600px;
}
</style>
<!-- Hero Section Start -->
<div class="hero hero-slider">
<div class="hero-slider-layout1">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Hero Slide Start -->
<div class="swiper-slide">
<div class="hero-slide">
<div class="hero-slider-image">
<img src="banner/2569-2023-09-14-18-31-11.png" alt="" style="height:700px;">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-content">
<div class="section-title">
</div>
<div class="hero-content-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Hero Slide Start -->
<div class="swiper-slide">
<div class="hero-slide">
<div class="hero-slider-image">
<img src="banner/new-banner1.jpg" alt="" style="height:700px;">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-content">
<div class="section-title">
</div>
<div class="hero-content-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-slide">
<div class="hero-slider-image">
<img src="banner/new-banner2.jpg" alt="" style="height:700px;">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-content">
<div class="section-title">
</div>
<div class="hero-content-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-slide">
<div class="hero-slider-image">
<img src="banner/banner3.jpg" style="height:700px;" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-content">
<div class="section-title">
</div>
<div class="hero-content-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hero-slide">
<div class="hero-slider-image">
<img src="banner/banner4.jpg" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-content">
<div class="section-title">
</div>
<div class="hero-content-body">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-button-prev"></div>
<div class="hero-button-next"></div>
</div>
</div>
</div>
<!-- Hero Section End -->
<!-- About Section Start -->
<div class="about-us">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<!-- Section Title Start -->
<div class="section-title">
<h4 class="text-anime">TAMILNADU SPEED SKATING ASSOCIATION was founded by Mr. S. Muruganandham in the year 2011.</h4>
</div>
<!-- Section Title End -->
<!-- About us Content Start -->
<div class="about-content wow fadeInUp" data-wow-delay="0.25s">
<p>Tamil Nadu Speed Skating Association (TNSSA), a State Body for Skating, affiliated to SSFI a National body for Skating Sports, is an association registered under Tamil Nadu Society Registrations for the growth of Skaters of all kind and to make “Skating” a recognized game in India. We were registered in the year 2011 in the name of “Tamil Nadu Amateur Roller Skating Association” having our registered office at Kovilpatti, Thoothukudi district. Later, in 01.05.2014, it was renamed as “Tamil Nadu Speed Skating Association” fulfilling all necessary statutory formalities.</p>
<h5 class="text-anime">COACHING AND COMPETITION</h5>
<p>The talented players are imparted training by the expert coaches at coaching centers established at District and State level. To hunt the talent amongst players and to examine their performance, the conduct of competitions District and State level are also equally important.</p>
</div>
<!-- About us Content End -->
</div>
<div class="col-lg-6">
<!-- About us Image Start -->
<div class="about-image">
<div class="about-img-1">
<figure class="reveal image-anime">
<img src="img/skater.jpg" alt="skater.jpg">
</figure>
</div>
<div class="about-img-2">
<figure class="reveal image-anime">
<img src="img/skater2.jpg" alt="skater2.jpg">
</figure>
</div>
</div>
<!-- About us Image End -->
</div>
</div>
</div>
</div>
<!-- About Section End -->
<!--Company Overview Start-->
<div class="company-overview">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime">
<div class="line" style="display: block; text-align: left; width: 100%;">
<!-- <div class="word" style="display: inline-block;">-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">C</div>-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">o</div>-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">m</div>-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">p</div>-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">a</div>-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">n</div>-->
<!-- <div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">y</div>-->
<!--</div> -->
<div class="word" style="display: inline-block;">
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">O</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">v</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">r</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">v</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">i</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">e</div>
<div class="char" style="display: inline-block; opacity: 1; visibility: inherit; transform: translate(0px, 0px);">w</div>
</div>
</div>
</h2>
</div>
<!-- Section Title End -->
<!-- Company Overview Content Start -->
<div class="company-overview-content wow fadeInUp" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
<p>Empowering Tamil Nadu Through Speed and Skill: Glide with Excellence</p>
<a href="about.php" class="btn-default" contenteditable="false" style="cursor: pointer;"> More Info</a>
</div>
<!-- Company Overview Content End -->
</div>
<div class="col-lg-7">
<!-- Overview Counter Box Start -->
<div class="overview-counter-box">
<div class="row">
<div class="col-md-6">
<!-- Overview Counter Item Start -->
<div class="overview-counter-item wow fadeInUp" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
<div class="icon-box">
<img src="img/icons/trainer.png" alt="">
</div>
<div class="overview-counter-content">
<h3><span class="counter">400</span>+</h3>
<p>Trainers</p>
</div>
</div>
<!-- Overview Counter Item End -->
</div>
<div class="col-md-6">
<!-- Overview Counter Item Start -->
<div class="overview-counter-item wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<div class="icon-box">
<img src="img/icons/skater.png" alt="">
</div>
<div class="overview-counter-content">
<h3><span class="counter">5000</span>+</h3>
<p>Students</p>
</div>
</div>
<!-- Overview Counter Item End -->
</div>
<div class="col-md-6">
<!-- Overview Counter Item Start -->
<div class="overview-counter-item wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<div class="icon-box">
<img src="img/icons/trophy (1).png" alt="">
</div>
<div class="overview-counter-content">
<h3><span class="counter">250</span>+</h3>
<p>Award</p>
</div>
</div>
<!-- Overview Counter Item End -->
</div>
<div class="col-md-6">
<!-- Overview Counter Item Start -->
<div class="overview-counter-item wow fadeInUp" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
<div class="icon-box">
<img src="img/icons/people.png" alt="">
</div>
<div class="overview-counter-content">
<h3><span class="counter">35</span>+</h3>
<p>Events</p>
</div>
</div>
<!-- Overview Counter Item End -->
</div>
</div>
</div>
<!-- Overview Counter Box End -->
</div>
</div>
</div>
</div>
<!--Company Overview End -->
<!-- Our Team Layout 2 Section Start -->
<div class="team-layout2">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Section Title Start -->
<div class="section-title">
<h3 class="wow fadeInUp">Our Team</h3>
<h2 class="text-anime">Our Expert Team</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item2 wow fadeInUp" data-wow-delay="0.2s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-1.jpg" alt="">
</figure>
</div>
<div class="team-links">
<div class="link-icon">
<!--<a href="#"><i class="fas fa-link"></i></a>-->
</div>
</div>
<div class="team-content">
<h3>Adam Doe</h3>
<p>Solar Engineer</p>
</div>
</div>
<!-- Team Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item2 wow fadeInUp" data-wow-delay="0.4s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-2.jpg" alt="">
</figure>
</div>
<div class="team-links">
<div class="link-icon">
<!--<a href="#"><i class="fas fa-link"></i></a>-->
</div>
<!--<div class="team-social-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>-->
</div>
<div class="team-content">
<h3>Arita Benson</h3>
<p>Solar Engineer</p>
</div>
</div>
<!-- Team Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item2 wow fadeInUp" data-wow-delay="0.6s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-3.jpg" alt="">
</figure>
</div>
<div class="team-links">
<div class="link-icon">
<!--<a href="#"><i class="fas fa-link"></i></a>-->
</div>
<!--<div class="team-social-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>-->
</div>
<div class="team-content">
<h3>Brian Walker</h3>
<p>Solar Engineer</p>
</div>
</div>
<!-- Team Item End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Team Item Start -->
<div class="team-item2 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-image">
<figure class="image-anime">
<img src="images/team-6.jpg" alt="">
</figure>
</div>
<div class="team-links">
<div class="link-icon">
<!--<a href="#"><i class="fas fa-link"></i></a>-->
</div>
<!--<div class="team-social-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>-->
</div>
<div class="team-content">
<h3>Jackson Cooper</h3>
<p>Solar Engineer</p>
</div>
</div>
<!-- Team Item End -->
</div>
</div>
</div>
</div>
<!-- Our Team Layout 2 Section End -->
<!-- Our Projects Layout 2 Start -->
<div class="our-projects-layout2">
<div class="container-fluid">
<div class="row no-gap">
<div class="col-md-12">
<!-- Section Title Start -->
<div class="section-title">
<h2 class="text-anime">Our Gallery</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="row no-gap">
<div class="col-md-12">
<!-- Project Layout 2 Slider Start -->
<div class="project-layout2-slider">
<div class="swiper">
<div class="swiper-wrapper">
<!-- Project Layout 2 Slide Start -->
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery.jpg" alt="">
</figure>
</div>
</div>
</div>
<!-- Project Layout 2 Slide End -->
<!-- Project Layout 2 Slide Start -->
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery1.jpg" alt="">
</figure>
</div>
</div>
</div>
<!-- Project Layout 2 Slide End -->
<!-- Project Layout 2 Slide Start -->
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery2.jpg" alt="">
</figure>
</div>
</div>
</div>
<!-- Project Layout 2 Slide End -->
<!-- Project Layout 2 Slide Start -->
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery4.jpg" alt="">
</figure>
</div>
</div>
</div>
<!-- Project Layout 2 Slide End -->
<!-- Project Layout 2 Slide Start -->
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery5.jpg" alt="">
</figure>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery6.jpg" alt="">
</figure>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery7.jpg" alt="">
</figure>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="project-layout2-slide">
<div class="project-image">
<figure class="image-anime">
<img src="img/gallery/gallery8.jpg" alt="">
</figure>
</div>
</div>
</div>
<!-- Project Layout 2 Slide End -->
</div>
</div>
</div>
<!-- Project Layout 2 Slider End -->
</div>
</div>
</div>
</div>
<!-- Our Projects Layout 2 End -->
<!-- Intro Video Section Start -->
<div class="intro-video">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Intro Video Box Start -->
<div class="intro-video-box">
<div class="video-image">
<img src="banner/big_1571733454.jpg" alt="">
</div>
<div class="video-play-button">
<a href="https://www.youtube.com/watch?v=AYaChUJw1Ro" class="popup-video">
<img src="images/play.svg" alt="">
</a>
</div>
</div>
<!-- Intro Video Box End -->
</div>
</div>
</div>
</div>
<!-- Intro Video Section End -->
<?php include('footer.php'); ?>
Zerion Mini Shell 1.0