<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>CLUBITECH Solutions, Inc.</title>
    <meta name="author" content="CLUBITECH">
    <meta name="description" content="CLUBITECH, an emerging global leader, offers innovative IT services and digital transformation solutions. Empower your business with cutting-edge technology and expert guidance for growth and success.">
    <meta name="slogan" content="Empowering Businesses with Strategic and Transformative IT Solutions">
    <meta name="keywords" content="CLUBITECH, IT services, digital transformation, technology solutions, online presence, ecommerce solutions, ERP implementation, software engineering, software development, DevOps, IT supports, business growth, innovative IT, cutting-edge technology, global IT provider, digital solutions, IT consulting">
    <meta name="robots" content="index, follow">


    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicons - Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-96x96.png">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/img/favicons/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!--==============================
	  Google Fonts
	============================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Exo:wght@400;500;600;700&family=Fira+Sans:wght@400;500&display=swap" rel="stylesheet">

    <!--==============================
	    All CSS File
	============================== -->
    <!-- Bootstrap -->
    <!-- <link rel="stylesheet" href="assets/css/app.min.css"> -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    <!-- Layerslider -->
    <link rel="stylesheet" href="assets/css/layerslider.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <!-- Slick Slider -->
    <link rel="stylesheet" href="assets/css/slick.min.css">
    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>
  <!--==============================
     Preloader
   ==============================-->
    <div class="preloader  ">
        <button class="vs-btn preloaderCls">Cancel Preloader </button>
        <div class="preloader-inner">
            <span class="loader"></span>
        </div>
    </div>
 <!--==============================
    Mobile Menu
  ============================== -->
    <div class="vs-menu-wrapper">
        <div class="vs-menu-area text-center">
            <button class="vs-menu-toggle"><i class="fal fa-times"></i></button>
            <div class="mobile-logo">
                <a href="index.html"><img src="assets/img/logo.png" alt="Mobile CLUBITECH" class="logo"></a>
            </div>
            <div class="vs-mobile-menu">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="#aboutus">About Us</a></li>
                    <li  class="menu-item-has-children">
                        <a href="#services">Services</a>
                        <ul class="sub-menu">
                            <li><a href="service-dx.html">Digital Transformation</a></li>
                            <li><a href="csoft-erp.html">Quick Silver ERP</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact Us</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--==============================
    Sidemenu
    ============================== -->
    <div class="sidemenu-wrapper d-none d-lg-block" id="sidemenu">
        <div class="sidemenu-content">
            <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
            <div class="widget  ">
                <div class="vs-widget-about">
                    <div class="footer-logo">
                        <a href="index.html"><img src="assets/img/logo.png" alt="CLUBITECH" class="logo"></a>
                    </div>
                    <p class="footer-text">An emerging international provider of IT services and digital transformation is CLUBITECH. We offer solutions that integrate IT and business.</p>
                    <div class="footer-social">
                        <a target="_blank" href="https://facebook.com/CLUBITECH.Solutions"><i class="fab fa-facebook-f"></i></a>
                        <a target="_blank" href="company/clubitech"><i class="fab fa-linkedin"></i></a>
                        <a target="_blank" href="https://www.youtube.com/@CLUBITECH.Channel"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>
            </div>
           
            <div class="widget  ">
                <h3 class="widget_title">Office Maps</h3>
                <div class="footer-map">
                    <iframe title="office location map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.8866483910365!2d121.04472641518674!3d14.548474089835665!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c9f47838d93f%3A0xc60905b64be3827a!2sOne%20Global%20Place!5e0!3m2!1sen!2sph!4v1670801767201!5m2!1sen!2sph" width="200" height="180" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
        Header Area
    ==============================-->
    <header class="vs-header header-layout3">
        <div class="header-box-wrap container position-relative d-none d-xl-block">
            <div class="header-box">
                <div class="header-box__icon"><i class="fa fa-envelope" aria-hidden="true"></i></div>
                <div class="header-box__title">Email us</div>
                <a href="mailto:info@clubitech.com" class="header-box__number">info@clubitech.com</a>
            </div>
        </div>
        <div class="header-top">
            <div class="container">
                <div class="row align-items-center justify-content-between text-center text-lg-start">
                    <div class="col-md-auto text-center text-md-start">
                        <div class="header-links style-white">
                            <ul>
                                <li class="d-none d-xxl-inline-block"><i class="fal fa-map-marker-alt"></i>10-1 One Global Place, 5th Ave BGC Taguig City, PH</li>
                                <li><i class="far fa-clock"></i>Mon - Fri: 8:00AM - 6:00PM</li>
                                <li><i class="far fa-envelope"></i><a href="mailto:info@clubitech.com">info@clubitech.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto d-none d-md-block">
                        <div class="header-social style-white">
                            <span class="social-title">Follow Us On: </span>
                            <a target="_blank" href="https://facebook.com/CLUBITECH.Solutions"><i class="fab fa-facebook-f"></i></a>
                            <a target="_blank" href="company/clubitech"><i class="fab fa-linkedin"></i></a>
                            <a target="_blank" href="https://www.youtube.com/@CLUBITECH.Channel"><i class="fab fa-youtube"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Main Menu Area -->
        <div class="sticky-wrapper">
            <div class="sticky-active">
                <div class="container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto">
                            <div class="header-logo">
                                <a href="index.html"><img src="assets/img/logo.png" alt="CLUBITECH" class="logo"></a>
                            </div>
                        </div>
                        <div class="col-auto">
                            <nav class="main-menu menu-style3 d-none d-lg-block">
                                <ul>
                                   
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#aboutus">About Us</a></li>
                                    <li  class="menu-item-has-children">
                                        <a href="#services">Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="service-dx.html">Digital Transformation</a></li>
                                            <li><a href="csoft-erp.html">Quick Silver ERP</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </nav>
                            <button class="vs-menu-toggle d-inline-block d-lg-none"><i class="fal fa-bars"></i></button>
                        </div>
                        <div class="col-auto d-none d-lg-block">
                            <div class="header-btns">
                                <a href="contact.html" class="vs-btn d-none d-xxl-inline-block">Contact Us<i class="far fa-arrow-right"></i></a>
                                <button class="icon-btn style3 sideMenuToggler"><i class="far fa-bars"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--==============================
      Hero Area
    ==============================-->
    <section class="vs-hero-wrapper position-relative  ">
        <div class="vs-hero-carousel hero-style3" data-height="850" data-container="1900" data-slidertype="responsive" data-ls-bg="#0E5AF2" data-ls-bg-img="assets/img/hero/hero-bg-3-1.jpg">
            <!-- Slide 1-->
            <div class="ls-slide" data-ls="duration:12000; transition2d:5; kenburnsscale:1.2;">
                <div style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:229px; top:317px;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="static:forever;">
                    <button class="ls-custom-dot">01</button>
                    <button class="ls-custom-dot">02</button>
                    <button class="ls-custom-dot">03</button>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-1.jpg" class="ls-l ls-hide-tablet ls-hide-phone ls-img-layer" alt="hero-bg" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:350px; top:200px; border-radius:20px 20px 20px 20px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <p style="font-size:18px; font-style:normal; text-decoration:none; text-transform:none; font-weight:600; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; font-family:Exo; color:#ffffff; top:234px; left:972px;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetyin:-200; durationin:1500; delayin:400; easingin:easeOutQuint; offsetyout:-200; durationout:1500; easingout:easeOutQuint;">Be Digital, Get Connected</p>
                <h1 style="top:277px; left:975px; font-weight:700; background-size:inherit; background-position:inherit; font-size:60px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Digital Transformation
                </h1>
                <h1 style="top:355px; left:975px; font-weight:700; background-size:inherit; background-position:inherit; font-size:60px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                     <span class="fw-light">Services</span>
                </h1>
                <div style="top:465px; left:975px; background-size:inherit; background-position:inherit; font-size:16px; line-height:28px; font-family:Fira Sans; width:695px; color:#ffffff; white-space:normal;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetyin:50; durationin:1500; delayin:600; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    You have more opportunities to build your brand when you start or improve your online presence, which boosts your marketability and reach. </div>
                <div style="top:560px; left:975px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; poistion:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-1.jpg" class="ls-l ls-hide-desktop ls-hide-phone ls-img-layer" alt="hero-bg" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:64px; top:126px; border-radius:20px 20px 20px 20px; width:751px; height:599px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <p style="font-style:normal; text-decoration:none; text-transform:none; font-weight:600; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; font-family:Exo; color:#ffffff; top:163px; left:915px; font-size:40px;" class="ls-l ls-hide-desktop ls-hide-phone ls-text-layer" data-ls="offsetyin:-200; durationin:1500; delayin:400; easingin:easeOutQuint; offsetyout:-200; durationout:1500; easingout:easeOutQuint;">Be Digital, Get Connected</p>
                <h1 style="top:265px; left:915px; font-weight:700; background-size:inherit; background-position:inherit; font-size:90px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-desktop ls-hide-phone ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Digital Transformation
                </h1>
                <h1 style="top:389px; left:914px; font-weight:700; background-size:inherit; background-position:inherit; font-size:90px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-desktop ls-hide-phone ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                     <span class="fw-light">Services</span>
                </h1>
                <div style="top:574px; left:918px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-desktop ls-hide-phone ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-1.jpg" class="ls-l ls-hide-desktop ls-hide-tablet ls-img-layer" alt="hero-bg" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:64px; top:175px; border-radius:20px 20px 20px 20px; width:629px; height:501px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <h1 style="top:139px; left:769px; font-weight:700; background-size:inherit; background-position:inherit; font-size:100px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-desktop ls-hide-tablet ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Digital Transformation
                </h1>
                <h1 style="top:292px; left:769px; font-weight:700; background-size:inherit; background-position:inherit; font-size:100px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-desktop ls-hide-tablet ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                     <span class="fw-light">Services</span>
                </h1>
                <div style="top:500px; left:773px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-desktop ls-hide-tablet ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <!-- Slide 2-->
            <div class="ls-slide" data-ls="duration:12000; transition2d:5; kenburnsscale:1.2;">
                <img width="565" height="450" src="assets/img/hero/hero-3-2.jpg" class="ls-l ls-hide-tablet ls-hide-phone ls-img-layer" alt="" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:350px; top:200px; border-radius:20px 20px 20px 20px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <p style="font-size:18px; font-style:normal; text-decoration:none; text-transform:none; font-weight:600; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; font-family:Exo; color:#ffffff; top:234px; left:972px;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetyin:-200; durationin:1500; delayin:400; easingin:easeOutQuint; offsetyout:-200; durationout:1500; easingout:easeOutQuint;">
                    Automate Your Business Operations</p>
                <h1 style="top:277px; left:975px; font-weight:700; background-size:inherit; background-position:inherit; font-size:60px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Enterprise Resource
                </h1>
                <h1 style="top:355px; left:975px; font-weight:700; background-size:inherit; background-position:inherit; font-size:60px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                    Planning <span class="fw-light">(ERP)</span>
                </h1>
                <div style="top:465px; left:975px; background-size:inherit; background-position:inherit; font-size:16px; line-height:28px; font-family:Fira Sans; width:695px; color:#ffffff; white-space:normal;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetyin:50; durationin:1500; delayin:600; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Your business operations will be quickly, easily, nimbly, and highly available after bootstrapping and streamlining. Giving your company a significant advantage over its rivals. </div>
                <div style="top:560px; left:975px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-2.jpg" class="ls-l ls-hide-desktop ls-hide-phone ls-img-layer" alt="" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:64px; top:126px; border-radius:20px 20px 20px 20px; width:751px; height:599px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <p style="font-style:normal; text-decoration:none; text-transform:none; font-weight:600; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; font-family:Exo; color:#ffffff; top:163px; left:915px; font-size:40px;" class="ls-l ls-hide-desktop ls-hide-phone ls-text-layer" data-ls="offsetyin:-200; durationin:1500; delayin:400; easingin:easeOutQuint; offsetyout:-200; durationout:1500; easingout:easeOutQuint;">
                    Automate Your Business Operations</p>
                <h1 style="top:265px; left:915px; font-weight:700; background-size:inherit; background-position:inherit; font-size:90px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-desktop ls-hide-phone ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Enterprise Resource
                </h1>
                <h1 style="top:389px; left:914px; font-weight:700; background-size:inherit; background-position:inherit; font-size:90px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-desktop ls-hide-phone ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                    Planning <span class="fw-light">(ERP)</span>
                </h1>
                <div style="top:574px; left:918px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-desktop ls-hide-phone ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-2.jpg" class="ls-l ls-hide-desktop ls-hide-tablet ls-img-layer" alt="" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:64px; top:175px; border-radius:20px 20px 20px 20px; width:629px; height:501px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <h1 style="top:139px; left:769px; font-weight:700; background-size:inherit; background-position:inherit; font-size:100px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-desktop ls-hide-tablet ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Enterprise Resource
                </h1>
                <h1 style="top:292px; left:769px; font-weight:700; background-size:inherit; background-position:inherit; font-size:100px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-desktop ls-hide-tablet ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                    Planning <span class="fw-light">(ERP)</span>
                </h1>
                <div style="top:500px; left:773px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-desktop ls-hide-tablet ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <!-- Slide 3-->
            <div class="ls-slide" data-ls="duration:12000; transition2d:5; kenburnsscale:1.2;">
                <img width="565" height="450" src="assets/img/hero/hero-3-3.jpg" class="ls-l ls-hide-tablet ls-hide-phone ls-img-layer" alt="hero-img" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:350px; top:200px; border-radius:20px 20px 20px 20px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <p style="font-size:18px; font-style:normal; text-decoration:none; text-transform:none; font-weight:600; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; font-family:Exo; color:#ffffff; top:234px; left:972px;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetyin:-200; durationin:1500; delayin:400; easingin:easeOutQuint; offsetyout:-200; durationout:1500; easingout:easeOutQuint;">Exclusive Solutions, Competitive Advantages</p>
                <h1 style="top:277px; left:975px; font-weight:700; background-size:inherit; background-position:inherit; font-size:60px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                   Software
                </h1>
                <h1 style="top:355px; left:975px; font-weight:700; background-size:inherit; background-position:inherit; font-size:60px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                    Engineering <span class="fw-light">Services</span>
                </h1>
                <div style="top:465px; left:975px; background-size:inherit; background-position:inherit; font-size:16px; line-height:28px; font-family:Fira Sans; width:695px; color:#ffffff; white-space:normal;" class="ls-l ls-hide-tablet ls-hide-phone ls-text-layer" data-ls="offsetyin:50; durationin:1500; delayin:600; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    By providing you with unique solutions that give you an advantage over your rivals, this service adds more value to your company. </div>
                <div style="top:560px; left:975px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-tablet ls-hide-phone ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-3.jpg" class="ls-l ls-hide-desktop ls-hide-phone ls-img-layer" alt="hero-img" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:64px; top:126px; border-radius:20px 20px 20px 20px; width:751px; height:599px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <p style="font-style:normal; text-decoration:none; text-transform:none; font-weight:600; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; font-family:Exo; color:#ffffff; top:163px; left:915px; font-size:40px;" class="ls-l ls-hide-desktop ls-hide-phone ls-text-layer" data-ls="offsetyin:-200; durationin:1500; delayin:400; easingin:easeOutQuint; offsetyout:-200; durationout:1500; easingout:easeOutQuint;">Exclusive Solutions, Competitive Advantages</p>
                <h1 style="top:265px; left:915px; font-weight:700; background-size:inherit; background-position:inherit; font-size:90px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-desktop ls-hide-phone ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Software
                </h1>
                <h1 style="top:389px; left:914px; font-weight:700; background-size:inherit; background-position:inherit; font-size:90px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-desktop ls-hide-phone ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                    Engineering <span class="fw-light">Services</span>
                </h1>
                <div style="top:574px; left:918px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-desktop ls-hide-phone ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>                        
                    </div>
                </div>
                <img width="565" height="450" src="assets/img/hero/hero-3-3.jpg" class="ls-l ls-hide-desktop ls-hide-tablet ls-img-layer" alt="hero-img" style="font-size:36px; color:#000; text-align:left; font-style:normal; text-decoration:none; text-transform:none; font-weight:400; letter-spacing:0px; background-position:0% 0%; background-repeat:no-repeat; left:64px; top:175px; border-radius:20px 20px 20px 20px; width:629px; height:501px;" data-ls="durationin:1500; easingin:easeOutQuint;">
                <h1 style="top:139px; left:769px; font-weight:700; background-size:inherit; background-position:inherit; font-size:100px; color:#ffffff; font-family:Exo;" class="ls-l ls-hide-desktop ls-hide-tablet ls-text-layer" data-ls="offsetxin:200; durationin:1500; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint; position:relative;">
                    Software
                </h1>
                <h1 style="top:292px; left:769px; font-weight:700; background-size:inherit; background-position:inherit; font-size:100px; font-family:Exo; color:#ffffff; text-transform:none; background-color:transparent; background-repeat:no-repeat; cursor:auto;" class="ls-l ls-hide-desktop ls-hide-tablet ls-html-layer" data-ls="offsetxin:200; durationin:1500; delayin:200; easingin:easeOutQuint; offsetxout:200; durationout:1500; easingout:easeOutQuint;">
                    Engineering <span class="fw-light">Services</span>
                </h1>
                <div style="top:500px; left:773px; background-size:inherit; background-position:inherit; font-size:24px;" class="ls-l ls-hide-desktop ls-hide-tablet ls-html-layer" data-ls="offsetyin:50; durationin:1500; delayin:900; easingin:easeOutQuint; offsetyout:50; durationout:1500; easingout:easeOutQuint; position:relative;">
                    <div class="ls-btn-group">
                        <a href="contact.html" class="vs-btn ls-hero-btn">Book Appointment<i class="far fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
   
    <!--==============================
    About Us
    ==============================-->
    <section class=" space-top space-extra-bottom" id="aboutus">
        <div class="container">
            <div class="row flex-row-reverse">
                <div class="col-lg-6 mb-30 pb-10 pb-lg-0 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="img-box5">
                        <div class="img-1"><img src="assets/img/about/ab-4-1.jpg" alt="image"></div>
                        <div class="img-bottom">
                            <div class="img-2"><img src="assets/img/about/ab-4-2.jpg" alt="image"></div>
                            <div class="img-3"><img src="assets/img/about/ab-4-3.jpg" alt="image"></div>
                        </div>
                        <div class="shape1"></div>
                    </div>
                </div>
                <div class="col-lg-6 mb-30">
                    <span class="sec-subtitle"><i class="fas fa-bring-forward"></i>ABOUT OUR COMPANY</span>
                    <h2 class="sec-title3 h1">Integrating Business and Technology Development</h2>
                    <div class="exp-media">
                        <!-- <div class="exp-media__total">15</div> -->
                        <div class="media-body">
                            <!-- <h3 class="exp-media__title">Years Team Experience</h3> -->
                            <p class="exp-media__text">
                                We work in collaboration with companies to develop, plan, design, prototype, build, test, launch, scale, and improve digital solutions that transform real lives. Find out what services we offer.
                                <br>
                                <br>
                                You may also want to explore our <a href="service-dx.html" target="_blank">Strategic Digital Transformation</a> (SDX) Approach and see how it can help you achieve your goals.

                            </p>
                        </div>
                    </div>
                    <div class="list-style1">
                        <ul>
                            <li><i class="far fa-check-circle"></i>Online Presence Enhancement</li>
                            <li><i class="far fa-check-circle"></i>Ecommerce Solutions</li>
                            <li><i class="far fa-check-circle"></i>ERP Implementation</li>
                            <li><i class="far fa-check-circle"></i>Software Engineering</li>
                            <li><i class="far fa-check-circle"></i>DevOps | I.T. Support Services</li>
                        </ul>
                    </div>
                    <a href="service-dx.html" class="vs-btn">Learn Our Strategy<i class="far fa-arrow-right"></i></a>
                    <a target="_blank" href="https://medium.com/@CLUBITECH/clubitech-solutions-inc-whitepaper-07f10883f14c" class="vs-btn">Whitepaper<i class="far fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
    CTA Area
    ==============================-->
    <section class="z-index-common space" data-bg-src="assets/img/bg/cta-bg-1-2.jpg">
        <div class="container">
            <div class="row text-center text-lg-start align-items-center justify-content-between">
                <div class="col-lg-auto">
                    <span class="sec-subtitle text-white">We are here to answer your questions</span>
                    <h2 class="h1 sec-title cta-title1">Need A Consultation?</h2>
                </div>
                <div class="col-lg-auto">
                    <a href="contact.html" class="vs-btn">Get A Quote<i class="far fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
    Service Area
    ==============================-->
    <section class="position-relative space" id="services">
        <div class="service-shape1"></div>
        <div class="container   wow fadeInUp" data-wow-delay="0.2s">
            <div class="title-area text-center">
                <span class="sec-subtitle">What We Do</span>
                <h2 class="sec-title3 h1">Our Key Services</h2>
            </div>
            <div class="nav service-tab-menu" id="nav-tabservice" role="tablist">
                <button class="nav-link active" id="nav-digitalmarketing-tab" data-bs-toggle="tab" data-bs-target="#nav-digitalmarketing" type="button" role="tab" aria-controls="nav-digitalmarketing" aria-selected="true">
                    <span class="btn-img"><img src="assets/img/icon/sr-icon-3-1.png" alt="icon"></span>
                    <span class="btn-title h6">Enterprise Application Development</span>
                    <span class="btn-text"></span>
                </button>
                <button class="nav-link" id="nav-webdevelopment-tab" data-bs-toggle="tab" data-bs-target="#nav-webdevelopment" type="button" role="tab" aria-controls="nav-webdevelopment" aria-selected="false">
                    <span class="btn-img"><img src="assets/img/icon/sr-icon-3-4.png" alt="icon"></span>
                    <span class="btn-title h6">Ecommerce Solutions</span>
                    <span class="btn-text"></span>
                </button>
                <button class="nav-link" id="nav-machinelearning-tab" data-bs-toggle="tab" data-bs-target="#nav-machinelearning" type="button" role="tab" aria-controls="nav-machinelearning" aria-selected="false">
                    <span class="btn-img"><img src="assets/img/icon/sr-icon-3-3.png" alt="icon"></span>
                    <span class="btn-title h6">ERP Services</span>
                    <span class="btn-text"></span>
                </button>
                <button class="nav-link" id="nav-softwareservices-tab" data-bs-toggle="tab" data-bs-target="#nav-softwareservices" type="button" role="tab" aria-controls="nav-softwareservices" aria-selected="false">
                    <span class="btn-img"><img src="assets/img/icon/sr-icon-3-2.png" alt="icon"></span>
                    <span class="btn-title h6">DevOps</span>
                    <span class="btn-text"></span>
                </button>
            </div>
            <div class="tab-content" id="nav-tabserviceContent">
                <div class="tab-pane fade show active" id="nav-digitalmarketing" role="tabpanel" aria-labelledby="nav-digitalmarketing-tab">
                    <div class="row gx-60 gy-30">
                        <div class="col-lg-6">
                            <div class="img-box7">
                                <img src="assets/img/service/online-presence.jpg" alt="About" class="w-100">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="about-box1">
                                <h2 class="about-title h3">Enterprise Application Development</h2>
                                <span class="about-subtitle"></span>
                                <p class="about-text">High-performing cloud platforms can be used to build enterprise-level applications that are tailored to the complex problems and needs of your company. Reduce common sources of discomfort and give people the ability to complete tasks quickly and on their own. Use our speed, scalability, and security to your advantage by working with us!</p>
                                <div class="list-style2">
                                    <ul>
                                        <li><i class="fas fa-check-circle"></i>Software Engineering Service</li>
                                        
                                        <li><i class="fas fa-check-circle"></i>Digital Transformation Services</li>
                                        <li><i class="fas fa-check-circle"></i>Software Integration</li>
                                        <li><i class="fas fa-check-circle"></i>Legacy Application Integration</li>
                                       
                                    </ul>
                                </div>
                                <a href="service-dx-software-development.html" class="vs-btn">Learn More About Our Services<i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-webdevelopment" role="tabpanel" aria-labelledby="nav-webdevelopment-tab">
                    <div class="row gx-60 gy-30">
                        <div class="col-xl-6">
                            <div class="img-box7">
                                <img src="assets/img/about/ab-6-2.jpg" alt="About" class="w-100">
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="about-box1">
                                <h2 class="about-title h3">Ecommerce Solutions</h2>
                                <span class="about-subtitle"></span>
                                <p class="about-text">You can expand your online business quickly thanks to us. Our ecommerce experts offer excellent services whether it be platform migration, store customization, or building from the ground up.</p>
                                <div class="list-style2">
                                    <ul>
                                        <li><i class="fas fa-check-circle"></i>Ecommerce Consultation</li>
                                        <li><i class="fas fa-check-circle"></i>Ecommerce Store Development</li>
                                        <!-- <li><i class="fas fa-check-circle"></i>Ecommerce Operations Optimization</li> -->
                                        <!-- <li><i class="fas fa-check-circle"></i>Ecommerce Audit</li> -->
                                        <!-- <li><i class="fas fa-check-circle"></i>Ecommerce Data Support</li> -->
                                        <li><i class="fas fa-check-circle"></i>Ecommerce Marketing Services</li>
                                    </ul>
                                </div>
                                <a href="service-dx-ecommerce.html" class="vs-btn">Explore Our Solutions<i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-machinelearning" role="tabpanel" aria-labelledby="nav-machinelearning-tab">
                    <div class="row gx-60 gy-30">
                        <div class="col-xl-6">
                            <div class="img-box7">
                                <img src="assets/img/about/ab-6-3.jpg" alt="About" class="w-100">
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="about-box1">
                                <h2 class="about-title h3">ERP Services</h2>
                                <span class="about-subtitle"></span>
                                <p class="about-text">Build specialized ERP solutions with our experts to advance your data management and infrastructure, and take advantage of our ERP solutions that maximize performance while serving your business needs.</p>
                                <div class="list-style2">
                                    <ul>
                                        <li><i class="fas fa-check-circle"></i>ERP Consulation</li>
                                        <li><i class="fas fa-check-circle"></i>ERP Implementation</li>
                                        <li><i class="fas fa-check-circle"></i>ERP Customization</li>
                                        <li><i class="fas fa-check-circle"></i>ERP Migration</li>
                                        <li><i class="fas fa-check-circle"></i>ERP Integration</li>
                                        <li><i class="fas fa-check-circle"></i>ERP Maintenance and Support</li>
                                    </ul>
                                </div>
                                <a href="service-dx-erp.html" class="vs-btn">Explore our ERP Services<i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="nav-softwareservices" role="tabpanel" aria-labelledby="nav-softwareservices-tab">
                    <div class="row gx-60 gy-30">
                        <div class="col-xl-6">
                            <div class="img-box7">
                                <img src="assets/img/about/ab-6-4.jpg" alt="About" class="w-100">
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="about-box1">
                                <h2 class="about-title h3">DevOps</h2>
                                <span class="about-subtitle"></span>
                                <p class="about-text">We conduct all of our work with open dialogue, teamwork, and automation, from assessment to implementation. We think that the best software is created through constant evolution.      
                                </p>
                                <div class="list-style2">
                                    <ul>
                                        <li><i class="fas fa-check-circle"></i>DevOps Consulting</li>
                                        <li><i class="fas fa-check-circle"></i>DevOps Implementation</li>
                                        <li><i class="fas fa-check-circle"></i>Environment Setup and Process Automation</li>
                                        <li><i class="fas fa-check-circle"></i>IT Managed Services</li>
                                    </ul>
                                </div>
                                <a href="contact.html" class="vs-btn">Free Consultation<i class="far fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--==============================
			Footer Area
	==============================-->
    <footer class="footer-wrapper footer-layout3" id="footer">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-sm footer-info_group style2">
                        <div class="footer-info">
                            <div class="footer-info_icon"><i class="fal fa-map-marker-alt"></i></div>
                            <div class="media-body">
                                <span class="footer-info_label">Office Address</span>
                                <div class="footer-info_link">10-1 One Global Place, 5th Ave BGC Taguig City, PH</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm footer-info_group style2">
                        <div class="footer-info">
                            <div class="footer-info_icon"><i class="fal fa-clock"></i></div>
                            <div class="media-body">
                                <span class="footer-info_label">Working Hours</span>
                                <div class="footer-info_link">Weekdays 8am - 6pm Weekend 10am - 12pm</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm footer-info_group style2">
                        <div class="footer-info">
                            <div class="footer-info_icon"><i class="fa fa-envelope" ></i></div>
                            <div class="media-body">
                                <span class="footer-info_label">Contact Us</span>
                                <div class="footer-info_link">
                                    <a href="mailto:info@clubitech.com">info@clubitech.com</a>
                                    <br>
                                    <!-- <a href="tel:+0000000000">(000) 000 0000</a> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="widget-area">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-md-6 col-lg-4 col-xl-auto">
                        <div class="widget footer-widget">
                            <h3 class="widget_title">About Us</h3>
                            <div class="vs-widget-about">
                                <p class="footer-text">CLUBITECH is an emerging global leader in IT services and digital transformation solutions, seamlessly blending cutting-edge technology with business expertise. We empower businesses with innovative IT solutions designed to drive growth and success.</p>
                                <div class="footer-social">
                                    <a target="_blank" href="https://facebook.com/CLUBITECH.Solutions"><i class="fab fa-facebook-f"></i></a>
                                    <a target="_blank" href="company/clubitech"><i class="fab fa-linkedin"></i></a>
                                    <a target="_blank" href="https://www.youtube.com/@CLUBITECH.Channel"><i class="fab fa-youtube"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-2 col-xl-auto">
                        <div class="widget widget_nav_menu  footer-widget">
                            <h3 class="widget_title">Links</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="#aboutus">About Us</a></li>
                                    <li><a href="#services">Services</a></li>
                                    <li><a href="service-dx.html" target="_blank">Strategic DX</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-2 col-xl-auto">
                        <div class="widget widget_nav_menu  footer-widget">
                            <h3 class="widget_title">Explore</h3>
                            <div class="menu-all-pages-container">
                                <ul class="menu">
                                    <li><a href="service-dx.html">Strategic DX Services</a></li>
                                    <li><a href="csoft-erp.html">CLUBISOFT ERPs</a></li>
                                   
                                </ul>
                            </div>
                        </div>
                    </div>
                
                    <div class="col-md-6 col-lg-4 col-xl-auto">
                        <div class="widget footer-widget">
                            <h3 class="widget_title">Office Maps</h3>
                            <div class="footer-map">
                                <iframe title="office location map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3861.8866483910365!2d121.04472641518674!3d14.548474089835665!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c9f47838d93f%3A0xc60905b64be3827a!2sOne%20Global%20Place!5e0!3m2!1sen!2sph!4v1670801767201!5m2!1sen!2sph" width="200" height="180" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright-wrap">
            <div class="container">
                <!-- <p class="copyright-text">Copyright <i class="fal fa-copyright"></i> 2022 <a class="text-white" href="index.html">CLUBITECH S</a>. All rights reserved by <a class="text-white" href="https://themeforest.net/user/vecuro_themes">Vecuro</a>.</p> -->
            </div>
        </div>
    </footer>


    <!-- Scroll To Top -->
    <a href="#" class="scrollToTop scroll-btn"><i class="far fa-arrow-up"></i></a>



    <!--********************************
			Code End  Here 
	******************************** -->


    <!--==============================
        All Js File
    ============================== -->
    <!-- Jquery -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <!-- Slick Slider -->
    <!-- <script src="assets/js/app.min.js"></script> -->
    <script src="assets/js/slick.min.js"></script>
    <!-- Layerslider -->
    <script src="assets/js/layerslider.utils.js"></script>
    <script src="assets/js/layerslider.transitions.js"></script>
    <script src="assets/js/layerslider.kreaturamedia.jquery.js"></script>
    <!-- Bootstrap -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- WOW.js Animation -->
    <script src="assets/js/wow.min.js"></script>
    <!-- Magnific Popup -->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- Isotope Filter -->
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <!-- Main Js File -->
    <script src="assets/js/main.js"></script>



</body>

</html>