?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-football.html

<!DOCTYPE html>
<html lang="en">
<head>
     <!-- Meta Tags -->
     <meta charset="utf-8">
     <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
     <!-- Author -->
     <meta name="author" content="Themes Industry">
     <!-- description -->
     <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
     <!-- keywords -->
     <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
     <!-- Page Title -->
     <title>Football Club | MegaOne HTML5 Template</title>
    
    <!-- Favicon -->
    <link href="football/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link href="vendor/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="football/css/navigation.css" rel="stylesheet">
    <link href="football/css/style.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="90">


<!--loading start-->
<div class="loader">
    <div class="inner-loader">
        <div class="loader1"></div>
    </div>
</div>
<!--loading end-->

<!--HEADER START-->
<header>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <a href="#home" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="football/img/logo-white.png" alt="logo" class="logo-white">
            </a>

            <!--Nav Links-->
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link scroll" href="#rev-slider">Home</a>
                    <a class="nav-link scroll" href="#about-us">About Team</a>
                    <a class="nav-link scroll" href="#leaderboard">Leaderboard</a>
                    <a class="nav-link scroll" href="#portfolio">Gallery</a>
                    <a class="nav-link scroll" href="#team">Players</a>
                    <a class="nav-link scroll" href="#client">Reviews</a>
                    <a class="nav-link scroll" href="#contact">Contact</a>
                </div>
            </div>

            <!--Side Menu Button-->
            <a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
                <span></span>
                <span></span>
                <span></span>
            </a>

        </div>
    </nav>
    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#rev-slider">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about-us">About Team</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#leaderboard">Leaderboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#team">Players</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#client">Reviews</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer w-100">
                <ul class="social-icons-simple">
                    <li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p>&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->
</header>
<!--HEADER END-->

<!--Start Slider-->
<div id="rev-slider" class="rev-slider">
    <!-- START REVOLUTION SLIDER -->
    <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="slider-shop" data-source="gallery" style="background:rgba(255,255,255,0);padding:0px;">
        <div id="rev_slider_1_5" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
            <ul>
                <!-- SLIDE  1-->
                <li data-index="rs-2" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_129c3-slider-bg-2.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 1" data-param1="01" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="football/img/slider2.jpg"  data-kenburns="on" data-duration="20000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="slider-overlay"></div>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-1"
                         data-x="['left','center','center','center']" data-hoffset="['5','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-114','-114']"
                         data-fontsize="['16','14','14','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #FFFFFF; font-family: 'Roboto', sans-serif;">The Most latest </div>

                    <!-- LAYER NR. 7 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-2"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-62','-62','-62','-62']"
                         data-fontsize="['80','60','50','40']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         style="z-index: 6; white-space: nowrap; font-size: 50px; line-height: 16px; font-weight: 600; color: #FFFFFF; letter-spacing: 0px;font-family: 'Oswald', sans-serif; text-transform: uppercase">RISE AS ONE</div>

                    <!-- LAYER NR. 8 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-3"
                         data-x="['left','center','center','center']" data-hoffset="['3','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-fontsize="['18','18','16','16']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #FFFFFF; letter-spacing: 0px;font-family: 'Roboto', sans-serif;">Join Us For The Better Football</div>

                    <div class="tp-caption tp-resizeme"
                         id="slide-2-layer-4"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['62','62','53','50']"
                         data-width="['160','160','260','320']"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="button"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','center']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         style="z-index: 11; min-width:960px; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family: 'Roboto', sans-serif;"><a href="#about" class="btn scroll white-tran-blue-btn  mr-3"> BOOK NOW</a> <a href="#contact"  class="btn scroll white-blue-btn">WATCH MATCH</a>
                    </div>

                </li>

                <!-- SLIDE  2 -->
                <li data-index="rs-4" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_9a2ac-slider-bg-4.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 2" data-param1="02" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="football/img/slider3.jpg"  data-kenburns="on" data-duration="20000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="slider-overlay"></div>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 15 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-4-layer-1"
                         data-x="['right','center','center','center']" data-hoffset="['5','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-110','-114']"
                         data-fontsize="['16','14','16','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #FFFFFF !important; letter-spacing: 0px;font-family: 'Roboto', sans-serif;">The Most latest </div>

                    <!-- LAYER NR. 16 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-4-layer-2"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-62','65','-62','-62']"
                         data-fontsize="['80','60','50','40']"
                         data-lineheight="['105','80','80','51']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 6; white-space: nowrap; font-size: 80px; font-weight: 600; color: #FFFFFF; letter-spacing: 0px;font-family: 'Oswald', sans-serif;text-transform: uppercase;">Football Club</div>

                    <!-- LAYER NR. 17 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-4-layer-3"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['20','0','0','0']"
                         data-fontsize="['18','18','17','17']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #FFFFFF; letter-spacing: 0px;font-family: 'Roboto', sans-serif;">Join Us For The Better Football</div>

                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-8"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['top','top','top','top']" data-voffset="['410','399','513','260']"
                         data-width="['260','160','260','260']"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="button"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"500","ease":"Linear.ease","to":"o:1;rX:0;rY:0;rZ:0;z:0;"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 11;min-width:960px; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #FFFFFF; letter-spacing: 0px;font-family: 'Roboto', sans-serif;"><a href="#about" class="btn scroll white-tran-blue-btn  mr-3"> BOOK NOW</a> <a href="#contact" class="btn white-blue-btn scroll white-trans-btn-with-white-btn">WATCH MATCH</a>
                    </div>
                </li>

                <!--  SLIDE 3-->
                <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_44515-slider-bg-3.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 3" data-param1="03" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->

                    <img src="football/img/slider4.jpg"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
                    <div class="slider-overlay"></div>
                    <!-- LAYERS -->
                    <div class="rs-background-video-layer"
                         data-forcerewind="on"
                         data-volume="mute"
                         data-videowidth="100%"
                         data-videoheight="100vh"
                         data-videomp4="football/video/slider-video.mp4"
                         data-videopreload="auto"
                         data-videoloop="loopandnoslidestop"
                         data-forceCover="1"
                         data-aspectratio="16:9"
                         data-autoplay="true"
                         data-autoplayonlyfirsttime="false"></div>

                    <!-- LAYER NR. 11 -->
                    <!-- LAYERS -->
                    <!-- LAYER NR. 11 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2"
                         id="slide-1-layer-1"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-114','-114']"
                         data-fontsize="['16','14','14','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #eaeaef;font-family: 'Roboto', sans-serif;">The Most latest </div>

                    <!-- LAYER NR. 12 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-3"
                         id="slider1-layer-2"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-62','-62','-62','-62']"
                         data-fontsize="['80','60','50','40']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 6; white-space: nowrap; font-size: 80px; line-height: 16px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family: 'Oswald', sans-serif; text-transform: uppercase">RISE AS ONE</div>

                    <!-- LAYER NR. 13 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2"
                         id="slide-1-layer-3"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-fontsize="['18','18','16','16']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #eaeaef; font-family: 'Roboto', sans-serif;">Join Us For The Better Football</div>

                    <div class="tp-caption rev-btn  rs-parallaxlevel-2"
                         id="slide-1-layer-4"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['62','62','53','50']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-responsive="off"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 11; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family: 'Roboto', sans-serif;"><a href="#about" class="btn scroll white-tran-blue-btn">WATCH MATCH</a>
                    </div>

                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
        </div>
    </div>
    <!-- END REVOLUTION SLIDER -->
</div>
<!--END SLIDER-->


<!--START BACKGROUND SVG-->
<div class="bacKground-svg">

    <div class="lastest-update">
        <div class="container match-live-container">
            <div class="row match-live-update">
                <div class="col-12 col-md-12 col-lg-6 d-flex justify-content-center align-items-center match-live-col">
                    <div class="row justify-content-center align-items-center">
                        <div class="col-4">
                            <img src="football/img/team-logo1.png" alt="team logo1">
                        </div>
                        <div class="col-4 text-center match-update-content">
                            <h6 class="sub-title">Jan 10th, 2020</h6>
                            <h2 class="title">1 - 3</h2>
                            <span>Champions League</span>
                        </div>
                        <div class="col-4">
                            <img src="football/img/team-logo5.png" alt="team logo1">
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-12 col-lg-6 d-flex justify-content-center align-items-center">
                    <div class="row justify-content-center align-items-center">
                        <div class="col-4">
                            <img src="football/img/team-logo4.png" alt="team logo1">
                        </div>
                        <div class="col-4 text-center match-update-content">
                            <h6 class="sub-title">Jan 10th, 2020</h6>
                            <h2 class="title">2 - 2</h2>
                            <span>Champions League</span>
                        </div>
                        <div class="col-4">
                            <img src="football/img/team-logo6.png" alt="team logo1">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="manage-spacing"></div>

    <!--Start About Us-->
    <section class="about-us" id="about-us">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-6 text-md-center text-sm-center text-lg-left">
                    <div class="about-heading">
                        <h6 class="sub-title main-color">Join Our Club</h6>
                        <h1 class="title">ABOUT US</h1>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6 text-md-center text-sm-center text-lg-right d-flex align-items-md-center">
                    <div class="about-heading">
                        <p>There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form.</p>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6">
                    <div class="new1">
                        <div class="media">
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                    <img src="football/img/about1.jpg" class="mr-3" alt="...">
                                </div>
                                <div class="col-sm-12 col-md-6 align-self-center">
                                    <div class="media-body">
                                        <h6 class="sub-title">Jan 3rd, 2020</h6>
                                        <h4 class="title">BEST SOCCER DRILLS</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit la Pellentesque .</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="new1">
                        <div class="media">
                            <div class="row">
                                <div class="col-sm-12 col-md-6">
                                    <img src="football/img/about2.jpg" class="mr-3" alt="...">
                                </div>
                                <div class="col-sm-12 col-md-6 align-self-center">
                                    <div class="media-body">
                                        <h6 class="sub-title">March 20th, 2020</h6>
                                        <h4 class="title">FOOTBALL MATCH HIGHLIGHTS</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit la Pellentesque .</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-6">
                    <div class="new2">
                        <div class="card">
                            <div class="image-holder">
                                <a data-fancybox="" href="https://vimeo.com/95488961" class="video-btn"><i class="fas fa-play-circle"></i></a>
                                <img src="football/img/about3.jpg"  alt="new 3">
                            </div>
                            <div class="card-body">
                                <h6 class="sub-title">April 20th, 2020</h6>
                                <h4 class="title">FOOTBALL MATCH HIGHLIGHTS</h4>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit la Pellentesque .</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--END ABOUT US-->
</div>
<!--END BACKGROUND SVG-->

<!--Parallax Start-->
<section class="parallax bg-img1">
    <div class="bg-overlay bg-black opacity-5"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <h2 class="count">1800</h2>
                    <h5>Total Matches</h5>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fa fa-flag" aria-hidden="true"></i>
                    <h2 class="count">125</h2>
                    <h5>Total Goals</h5>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fas fa-donate" aria-hidden="true"></i>
                    <h2 class="count">5500</h2>
                    <h5>Team Donation</h5>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fas fa-trophy" aria-hidden="true"></i>
                    <h2 class="count">17</h2>
                    <h5>Winners</h5>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Parallax End-->

<!--START LEADERBOARD-->
<section class="leaderboard bacKground-svg" id="leaderboard">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-6">

                <div class="heading-box">
                    <h4>NEXT MATCH</h4>
                </div>

                <div class="row no-gutters count-down">
                    <div class="col-3 timer">
                        <h5 class="days"></h5>
                        <span>Days</span>
                    </div>
                    <div class="col-3 timer">
                        <h5 class="hours"></h5>
                        <span>Hrs</span>
                    </div>
                    <div class="col-3 timer">
                        <h5 class="minutes"></h5>
                        <span>Mins</span>
                    </div>
                    <div class="col-3 timer">
                        <h5 class="seconds"></h5>
                        <span>Secs</span>
                    </div>
                </div>

                <div class="row no-gutters coming-match">
                    <div class="col-sm-12 col-md-12 col-lg-4 text-center">
                        <div class="team-1-box">
                            <div class="image-holder">
                                <img src="football/img/team-logo1.png" alt="team1">
                            </div>
                            <h6>MADRID FC</h6>
                        </div>
                    </div>

                    <div class="col-sm-12 col-md-12 col-lg-4 text-center up-coming-verser">
                        <span class="verse-text"> - VS -</span>
                    </div>

                    <div class="col-sm-12 col-md-12 col-lg-4 text-center">
                        <div class="team-1-box">
                            <div class="image-holder">
                                <img src="football/img/team-logo4.png" alt="team1">
                            </div>
                            <h6>THUNDER WAVES</h6>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-sm-12 col-md-12 col-lg-6">
                <div class="heading-box manage-spacing-small">
                    <h4>LEADERBOAD</h4>
                </div>

                <div class="row">
                    <div class="col-12">
                        <table class="table point-table">
                            <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">TEAM</th>
                                <th scope="col">P</th>
                                <th scope="col">W</th>
                                <th scope="col">L</th>
                                <th scope="col">PTS</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <th scope="row">1</th>
                                <td>THUNDER WAVE</td>
                                <td>4</td>
                                <td>3</td>
                                <td>1</td>
                                <td>6</td>
                            </tr>
                            <tr>
                                <th scope="row">2</th>
                                <td>LASK</td>
                                <td>3</td>
                                <td>2</td>
                                <td>1</td>
                                <td>6</td>
                            </tr>
                            <tr>
                                <th scope="row">3</th>
                                <td>INTER MILAN</td>
                                <td>2</td>
                                <td>1</td>
                                <td>1</td>
                                <td>2</td>
                            </tr>
                            <tr>
                                <th scope="row">4</th>
                                <td>RAPID WIEN</td>
                                <td>3</td>
                                <td>2</td>
                                <td>1</td>
                                <td>4</td>
                            </tr>
                            <tr>
                                <th scope="row">5</th>
                                <td>RED BULLS</td>
                                <td>2</td>
                                <td>1</td>
                                <td>1</td>
                                <td>2</td>
                            </tr>
                            <tr>
                                <th scope="row">6</th>
                                <td>MADRID FC</td>
                                <td>1</td>
                                <td>0</td>
                                <td>1</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <th scope="row">7</th>
                                <td>MAN CITY</td>
                                <td>1</td>
                                <td>0</td>
                                <td>1</td>
                                <td>0</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!--END LEADERBOARD-->


<!--PORTFOLIO START-->
<div id="portfolio" class="cube-portfolio1 text-center no-transition">

        <!--Heading-->
        <div class="heading-area mx-570 pb-lg-5">
            <h6 class="sub-title main-color">Your Amazing Memories & Tours</h6>
            <h1 class="title">OUR GALLERY</h1>
            <p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form.

                <!--Portfolio Filters-->
            <div id="js-filters-mosaic-flat" class="cbp-l-filters-button">

                <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
                <span class="text-blue">/</span>
                <div data-filter=".players" class="cbp-filter-item">Players</div>
                <span class="text-blue"> / </span>
                <div data-filter=".Training" class="cbp-filter-item">Training</div>
                <span class="text-blue"> / </span>
                <div data-filter=".Achievement" class="cbp-filter-item">Achievement</div>
                <span class="text-blue"> / </span>
                <div data-filter=".Matches" class="cbp-filter-item">Matches</div>
            </div>

        </div>

        <!--Portfolio Items-->
        <div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
            <div class="cbp-item Achievement">
                <a href="football/img/gallary3.jpg" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary3.jpg" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">FIFA Champion</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item Training">
                <a href="football/img/gallary4.jpg" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary4.jpg" alt="Practice Session">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Practice Session</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item Matches">
                <a href="football/img/gallary5.jpg" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary5.jpg" alt="Keep Winning">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Keep Winning</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item Matches Training">
                <a href="football/img/gallary.jpg" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary.jpg" alt="Drill Shoots">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Drill Shoots</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div class="cbp-item Training">
                <a href="football/img/gallary6.jpg" class="cbp-caption cbp-lightbox" data-title="Remind~Me More<br>by Tiberiu Neamu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary6.jpg" alt="Workout Buddy">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Keeping Practice</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item players">
                <a href="football/img/gallary1.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary1.jpg" alt="gallary 1">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Workout Buddy</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item players Training">
                <a href="football/img/gallary2.jpg" class="cbp-caption cbp-lightbox" data-title="Ski * Buddy<br>by Tiberiu Neamu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary2.jpg" alt="Training Session">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Training Session</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item players Matches">
                <a href="football/img/gallary8.jpg" class="cbp-caption cbp-lightbox" data-title="Virtualization Icon<br>by Paul Flavius Nechita">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary8.jpg" alt="Keeping Practice">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Keeping Practice</div>
                                <div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item Achievement">
                <a href="football/img/gallary7.jpg" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary7.jpg" alt=">FIFA Comes Home">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">FIFA Comes Home</div>
                                <div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item Training Matches">
                <a href="football/img/gallary9.jpg" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
                    <div class="cbp-caption-defaultWrap">
                        <img src="football/img/gallary9.jpg" alt="Morning Session">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Morning Session</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>




        </div>
</div>
<!--PORTFOLIO START-->


<!--TEAM START-->
<section id="team" class="bacKground-svg">
    <div class="container">
        <div class="row align-items-lg-end">
            <div class="col-12 col-lg-12 text-center">
                <div class="heading-area mx-570 pr-lg-5">
                    <h6 class="sub-title main-color">Let's Meet To Our Players</h6>
                    <h1 class="title">OUR PLAYERS</h1>
                    <p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form.
                </div>
            </div>
        </div>

        <div class="team-carousel owl-carousel owl-theme mt-lg-5 pt-lg-5">
            <div class="item">
                <div class="team-item">
                    <img src="football/img/team1.jpg" alt="team">
                    <div class="team-detail">
                        <h5 class="m-0">Alan David</h5>
                        <p class="mb-2">Goal Keeper</p>
                        <ul class="social-icon social-icon-clr-hvr">
                            <li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="team-item">
                    <img src="football/img/team2.jpg" alt="team">
                    <div class="team-detail">
                        <h5 class="m-0">Mike Smith</h5>
                        <p class="mb-2">Captain</p>
                        <ul class="social-icon social-icon-clr-hvr">
                            <li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="team-item">
                    <img src="football/img/team3.jpg" alt="team">
                    <div class="team-detail">
                        <h5 class="m-0">Jone Paul</h5>
                        <p class="mb-2">Defender</p>
                        <ul class="social-icon social-icon-clr-hvr">
                            <li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="team-item">
                    <img src="football/img/team4.jpg" alt="team">
                    <div class="team-detail">
                        <h5 class="m-0">Smith Al</h5>
                        <p class="mb-2">Defender</p>
                        <ul class="social-icon social-icon-clr-hvr">
                            <li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-instagram"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--TEAM END-->


<!-- Client start -->
<section id="client" class="parallax bg-img2">
    <div class="bg-overlay bg-black opacity-6"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3 wow fadeInRight">
                <div class="owl-carousel owl-theme testimonial-two">
                    <div class="testimonial-item">
                        <p class="testimonial-para"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>

                        <div class="testimonial-post">
                            <a href="javascript:void(0)" class="post"><img src="football/img/client1.jpg" alt="image"></a>
                            <div class="text-content">
                                <h5>Janey Williams</h5>
                                <p class="mb-0">Coach</p>
                                <div class="rating">
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-item">
                        <p class="testimonial-para"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>

                        <div class="testimonial-post">
                            <a href="javascript:void(0)" class="post"><img src="football/img/client2.jpg" alt="image"></a>
                            <div class="text-content">
                                <h5>Glen Jarret</h5>
                                <p class="m-0">Manager </p>
                                <div class="rating">
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-item">
                        <p class="color-black testimonial-para mb-15px"> Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus. </p>

                        <div class="testimonial-post">
                            <a href="javascript:void(0)" class="post"><img src="football/img/client3.jpg" alt="image"></a>
                            <div class="text-content">
                                <h5>Kate Lawrence</h5>
                                <p class="m-0">CEO</p>
                                <div class="rating">
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                    <i class="lni-star-filled"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Client ends -->


<!--Contact Start-->
<section id="contact" class="bacKground-svg">
    <div class="container">
        <!--Heading-->
        <div class="row">
            <div class="col-md-12 text-center">
                <!--Heading-->
                <div class="heading-area mx-570 pb-5">
                    <h6 class="sub-title main-color">For Support Contact Us</h6>
                    <h1 class="title m-0">Let's Get In Touch</h1>
                </div>
            </div>
        </div>

        <!--contact us-->
        <form class="contact-form" id="contact-form-data">
            <div class="row">

                <div class="col-sm-12" id="result"></div>

                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <input class="form-control" type="text" placeholder="First Name:" required="" id="first_name" name="firstName">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <input class="form-control" type="text" placeholder="Last Name:" required="" id="last_name" name="lastName">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <input class="form-control" type="email" placeholder="Email:" required="" id="email" name="userEmail">
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="form-group">
                        <input class="form-control" type="tel" placeholder="Phone:" id="phone" name="userPhone">
                    </div>
                </div>
                <div class="col-md-12 col-sm-12">
                    <div class="form-group">
                        <textarea class="form-control" placeholder="Message" id="message" name="userMessage"></textarea>
                    </div>
                </div>
                <div class="col-sm-12">
                    <button type="button" class="btn blue-white-btn mt-4 contact_btn" id="submit_btn">Contact Now</button>
                </div>
            </div>
        </form>
    </div>
</section>
<!--Contact End-->

<!--Footer Start-->
<footer class="footer-style-1 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-lg-6">
                <div class="footer-social text-lg-left">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-twitter"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-google-plus-g"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-linkedin-in"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-instagram"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-pinterest-p"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-lg-6 text-lg-right">
                <p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--Footer End-->


<!--Scroll Top Start-->
<span class="scroll-top-arrow animated slideInRight"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->


<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- google map-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="football/js/countdown.js"></script>

<!--contact form-->
<script src="vendor/js/contact_us.js"></script>

<!-- custom script-->
<script src="football/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019