https://tracom.co.ke/

Submitted URL:
https://tracom.co.ke/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 37 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html class="js sizes websockets customelements history postmessage webworkers picture pointerevents webanimations webgl srcset flexbox cssanimations csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside" lang="en"><head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Tracom Services Limited | Your Payment Partner</title>
    <meta name="robots" content="noindex, follow">
    <meta name="description" content="Tracom Services Limited is a leading provider of banking solutions that cater to the needs of financial institutions.">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   
    
    <!-- properties for social media cards -->    

		<meta property="og:site_name" content="Tracom Services Limited">
        <meta property="og:url" content="https://www.tracom.co.ke/">
        <meta property="og:title" content="Tracom Services Limited - a leading provider of banking solutions that cater to the needs of financial institutions">
        <meta name="og:image" content="https://www.tracom.co.ke/assets/images/hero-image/hero-ogimage.jpg">
        <meta name="twitter:image" content="https://www.tracom.co.ke/assets/images/hero-image/hero-ogimage.jpg">
        <meta property="og:description" content="Tracom Services Limited is a leading provider of banking solutions that cater to the needs of financial institutions">
        <meta property="og:type" content="website">
        

        <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="Tracom Services Limited - a leading provider of banking solutions that cater to the needs of financial institutions">
        <meta name="twitter:description" content="Tracom Services Limited is a leading provider of banking solutions that cater to the needs of financial institutions">
         <!-- properties for social media cards --> 
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Vendor CSS (Icon Font) -->
    <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=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&amp;display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.css">


    <!-- Plugins CSS (All Plugins Files) -->
    <link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery.animatedheadline.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">


    <!-- Google tag (gtag.js) -->
<script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/bbc52cb2/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-5TWP7T215C"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-5TWP7T215C');
</script>

<style type="text/css">img[onload^="SVGInject("]{visibility:hidden;}</style></head>

<body data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0">

    <div id="page" class="section">
        <!-- Header Section Start -->
        <div class="header-section header-transparent sticky-header section">
            <div class="header-inner">
                <div class="container position-relative">
                    <div class="row justify-content-between align-items-center">
                        <!-- Header Logo Start -->
                        <div class="col-xl-2 col-auto order-0">
                            <div class="header-logo">
                                <a href="index.html">
                                    <img class="dark-logo" src="assets/images/logo/tracom_logo.svg" alt="Tracom Services Limited">
                                </a>
                            </div>
                        </div>
                        <!-- Header Logo End -->

                        <!-- Header Main Menu Start -->
                        <div class="col-auto col-xl d-flex align-items-center justify-content-xl-center justify-content-end order-2 order-xl-1">
                            <div class="menu-column-area d-none d-xl-block position-static">
                                <nav class="site-main-menu">
                                    <ul>
                                        <!-- <li class="has-children">
                                                                                    <a href="index.html"><span class="menu-text">Homepage</span></a>
                                                                                    
                                                                                </li> -->
                                        <li>
                                            <a href="index.html"><span class="menu-text">Home</span></a>

                                        </li>


                                        <li>
                                            <a href="about.html"><span class="menu-text">About Us</span></a>
                                        </li>
                                        <li>
                                            <a href="solutions.html"><span class="menu-text">Solutions</span></a>
                                        </li>

                                        <li class="has-children">
                                            <a href="#"><span class="menu-text">Payment Infrastructure</span></a>

                                            <ul class="sub-menu">
                                                <li class="dropdown-header payment-submenu">Ingenico Terminals
                                                </li>
                                                <div class="dropdown-spacer">
                                                    <li class="divider"></li>
                                                    <li><a href="ingenico.html#AXIUM-DX8000"><span class="menu-text">AXIUM
                                                                DX8000</span></a> </li>
                                                    <li><a href="ingenico.html#AXIUM-DX4000"><span class="menu-text">AXIUM DX4000
                                                                Portable</span></a> </li>
                                                    <li><a href="ingenico.html#Move/2500"><span class="menu-text">Move/2500</span></a>
                                                    </li>
                                                    <li><a href="ingenico.html#Move/2600"><span class="menu-text">Move/2600</span></a>
                                                    </li>
                                                </div>
                                                <div class="dropdown-spacer">
                                                    <li class="divider"></li>
                                                    <li class="dropdown-header payment-submenu">Sunmi
                                                        Terminals
                                                    </li>
                                                    <li><a href="sunmi.html#Sunmi-V2"><span class="menu-text">Sunmi
                                                                V2</span></a>
                                                    </li>
                                                    <li><a href="sunmi.html#Sunmi-P2-Smartpad"><span class="menu-text">Sunmi P2
                                                                Smartpad</span></a>
                                                    </li>
                                                </div>

                                                <li class="divider"></li>
                                                <li class="dropdown-header payment-submenu">ATMs
                                                </li>
                                                <li><a href="hitachi.html#Hitachi"><span class="menu-text">Hitachi</span></a>
                                                </li>


                                            </ul>
                                        </li>

                                        <li><a href="repair-center.html"><span class="menu-text">Repair
                                                    Center</span></a>
                                        </li>
                                        <li>
                                            <a href="tracom-academy.html"><span class="menu-text">Tracom
                                                    Academy</span></a>

                                        </li>
                                        <!-- <li>
                                            <a href="careers.html"><span class="menu-text">Careers</span></a>

                                        </li> -->
                                        <!-- <li>
                                                                                    <a href="blog-grid.html"><span class="menu-text">Blog</span></a>
                                                
                                                                                </li> -->
                                        <li>
                                            <a href="contact-us.html"><span class="menu-text">Contact Us</span></a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>

                            <!-- Header Mobile Menu Toggle Start -->
                            <div class="header-mobile-menu-toggle d-xl-none ms-sm-2">
                                <button class="toggle">
                                    <i class="icon-top"></i>
                                    <i class="icon-middle"></i>
                                    <i class="icon-bottom"></i>
                                </button>
                            </div>
                            <!-- Header Mobile Menu Toggle End -->
                        </div>
                        <!-- Header Main Menu End -->

                        <!-- Header Right Start -->
                        <!-- <div class="col-xl-2 col d-none d-sm-flex justify-content-end order-1 order-xl-2">
                            <a href="contact-us.html" class="btn btn-light btn-hover-primary">Request Demo</a>
                        </div> -->
                        <!-- Header Right End -->

                    </div>
                </div>
            </div>
        </div>
        <!-- Header Section End -->

        <!-- Slider/Intro Section Start -->
        <div class="intro-slider-wrap section">
            <div class="intro-slider swiper-container swiper-container-fade swiper-container-initialized swiper-container-horizontal">
                <div class="swiper-wrapper" style="transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="4" style="width: 790px; transition-duration: 0ms; opacity: 1; transform: translate3d(0px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/tracom-academy-slider-banner.jpg" style="background-image: url(&quot;assets/images/hero-image/tracom-academy-slider-banner.jpg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <div class="col align-self-center">
                                        <div class="intro-content mt-xl-8 mt-lg-8 mt-md-8 mt-sm-8 mt-xs-8" style="margin-top:5rem">
                                            <h2 class="title">Tracom Academy</h2>
                                            <div class="desc">
                                                <p>This is the first payment academy of its kind in the region and
                                                    focuses on software development and security, for Web, mobile, POS
                                                    terminals, and ATMs.</p>
                                            </div>
                                            <a href="tracom-academy.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 790px; transition-duration: 0ms; opacity: 1; transform: translate3d(-790px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/Tracom-Instant-Card-Issuance.jpg" style="background-image: url(&quot;assets/images/hero-image/Tracom-Instant-Card-Issuance.jpg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <!-- Intro One Content Start -->
                                    <div class="col align-self-center max-mb-30">
                                        <div class="intro-content mt-8">
                                            <h2 class="title">Card Printing &amp; Card Issuance Solution</h2>
                                            <div class="desc">
                                                <p> Our Instant Card Issuance solution offers customers the unparalleled convenience of receiving their personalized debit or credit cards instantly upon approval. </p>
                                            </div>
                                            <a href="card-Issuance.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a>
                                            <a href="contact-us.html" class="btn btn-outline-white btn-hover-primary">
                                                I want this?
                                            </a>


                                        </div>
                                    </div>
                                    <!-- Intro One Content End -->


                                </div>
                            </div>

                        </div>
                    </div>






                    <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 790px; transition-duration: 0ms; opacity: 0; transform: translate3d(-1580px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/hero-4.jpg" style="background-image: url(&quot;assets/images/hero-image/hero-4.jpg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <!-- Intro One Content Start -->
                                    <div class="col align-self-center max-mb-30">
                                        <div class="intro-content mt-8">
                                            <h2 class="title">We are conquering Africa!</h2>
                                            <div class="desc">
                                                <p>Tracom works with multiple payment terminal providers and possesses
                                                    extensive expertise in Android development and other prominent
                                                    terminal operating systems. Our proficient terminal repair division
                                                    specializes in maintaining terminals from all our partners.</p>
                                            </div>
                                            <!-- <a href="repair-center.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a> -->
                                            <!-- <a href="contact-us.html" class="btn btn-outline-white btn-hover-primary">
                                                Request Demo
                                            </a> -->


                                        </div>
                                    </div>
                                    <!-- Intro One Content End -->


                                </div>
                            </div>

                        </div>
                    </div>


                   

                    <div class="swiper-slide" data-swiper-slide-index="2" style="width: 790px; transition-duration: 0ms; opacity: 0; transform: translate3d(-2370px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/hero-1.svg" style="background-image: url(&quot;assets/images/hero-image/hero-1.svg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <div class="col align-self-center">
                                        <div class="intro-content mt-xl-8 mt-lg-8 mt-md-8 mt-sm-8 mt-xs-8" style="margin-top:5rem">
                                            <h2 class="title">Gain Total Control With Our Payments Assets </h2>
                                            <div class="desc">
                                                <p>Our terminal management solution empowers you to take control of your
                                                    entire payment ecosystem, making quick decisions and managing your
                                                    assets efficiently. With intelligent parameters and robust
                                                    reporting, you can optimize your operations and maximize your
                                                    resources.</p>
                                            </div>
                                            <a href="solutions.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a>
                                            <a href="contact-us.html" class="btn btn-outline-white btn-hover-primary">
                                                Request Demo
                                            </a>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>




                    <div class="swiper-slide" data-swiper-slide-index="3" style="width: 790px; transition-duration: 0ms; opacity: 0; transform: translate3d(-3160px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/hero-2.jpg" style="background-image: url(&quot;assets/images/hero-image/hero-2.jpg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <!-- Intro One Content Start -->
                                    <div class="col align-self-center max-mb-30">
                                        <div class="intro-content mt-8">
                                            <h2 class="title">State of the Art Repair Center</h2>
                                            <div class="desc">
                                                <p>Tracom works with multiple payment terminal providers and possesses
                                                    extensive expertise in Android development and other prominent
                                                    terminal operating systems. Our proficient terminal repair division
                                                    specializes in maintaining terminals from all our partners.</p>
                                            </div>
                                            <a href="repair-center.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a>
                                            <!-- <a href="contact-us.html" class="btn btn-outline-white btn-hover-primary">
                                                Request Demo
                                            </a> -->


                                        </div>
                                    </div>
                                    <!-- Intro One Content End -->

                                </div>
                            </div>

                        </div>
                    </div>


                    

                    <div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="4" style="width: 790px; transition-duration: 0ms; opacity: 0; transform: translate3d(-3950px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/tracom-academy-slider-banner.jpg" style="background-image: url(&quot;assets/images/hero-image/tracom-academy-slider-banner.jpg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <div class="col align-self-center">
                                        <div class="intro-content mt-xl-8 mt-lg-8 mt-md-8 mt-sm-8 mt-xs-8" style="margin-top:5rem">
                                            <h2 class="title">Tracom Academy</h2>
                                            <div class="desc">
                                                <p>This is the first payment academy of its kind in the region and
                                                    focuses on software development and security, for Web, mobile, POS
                                                    terminals, and ATMs.</p>
                                            </div>
                                            <a href="tracom-academy.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a>

                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>






                <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 790px; transition-duration: 0ms; opacity: 0; transform: translate3d(-4740px, 0px, 0px);">
                        <div class="intro-section section overlay" data-bg-color="#000" data-bg-image="assets/images/hero-image/Tracom-Instant-Card-Issuance.jpg" style="background-image: url(&quot;assets/images/hero-image/Tracom-Instant-Card-Issuance.jpg&quot;); background-color: rgb(0, 0, 0);">

                            <div class="container">
                                <div class="row row-cols-lg-1 row-cols-1">

                                    <!-- Intro One Content Start -->
                                    <div class="col align-self-center max-mb-30">
                                        <div class="intro-content mt-8">
                                            <h2 class="title">Card Printing &amp; Card Issuance Solution</h2>
                                            <div class="desc">
                                                <p> Our Instant Card Issuance solution offers customers the unparalleled convenience of receiving their personalized debit or credit cards instantly upon approval. </p>
                                            </div>
                                            <a href="card-Issuance.html" class="btn btn-primary btn-hover-secondary">Learn
                                                more</a>
                                            <a href="contact-us.html" class="btn btn-outline-white btn-hover-primary">
                                                I want this?
                                            </a>


                                        </div>
                                    </div>
                                    <!-- Intro One Content End -->


                                </div>
                            </div>

                        </div>
                    </div></div>
                <div class="home-slider-prev swiper-button-prev main-slider-nav" tabindex="0" role="button" aria-label="Previous slide"><i class="fa fa-angle-left"></i></div>
                <div class="home-slider-next swiper-button-next main-slider-nav" tabindex="0" role="button" aria-label="Next slide"><i class="fa fa-angle-right"></i>
                </div>
                <a href="#about" class="btn-down circle-btn btn page-scroll">
                    <div id="arrow"></div>
                    </a>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
        </div>
        <!-- Slider/Intro Section End -->

        <!-- About Section Start -->
        <div class="section section-padding-t90 section-padding-bottom">
            <div class="container">

                <!-- Section Title Start -->
                <!-- <div class="section-title text-center" data-aos="fade-up">
                    <h2 class="title">Powerful Payment Expertise</h2>
                    <p class="sub-title">Leveraging Industry Experience, Global Relationships, and Advanced Technical
                        Skills for Innovative Solutions
                    </p>
                </div> -->
                <!-- Section Title End -->

                <!-- About Wrapper Start -->
                <div class="row">

                    <!-- About Image Area Start -->
                    <div class="col mb-6 pl-xl-12 aos-init" data-aos="fade-up">
                        <div class="about-image-area">
                            <div class="about-image js-tilt">
                                <img src="assets/images/about/home-one-about/home_agency_about_2.jpg" alt="Tracom Services Limited">
                            </div>
                            <div class="about-image js-tilt">
                                <!-- <img src="assets/images/about/home-one-about/home_agency_about_2.jpg" alt="Tracom Services Limited"> -->
                            </div>
                            <!-- Animation Shape Start -->
                            <div class="shape shape-1 scene" style="transform: translate3d(0px, 0px, 0px) rotate(0.0001deg); transform-style: preserve-3d; backface-visibility: hidden; pointer-events: none;">
                                <span data-depth="1" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: relative; display: block; left: 0px; top: 0px;"><img src="assets/images/shape-animation/about-shape-1.png" alt="Tracom Services Limited"></span>
                            </div>
                            <!-- Animation Shape End -->
                        </div>
                    </div>
                    <!-- About Image Area Start -->

                    <!-- About Start -->
                    <div class="col mb-6 aos-init" data-aos="fade-up">
                        <!-- About Content Area Start -->
                        <div class="about-content-area">
                            <!-- Section Title Two Start -->
                            <div class="section-title-two">
                                <span class="sub-title">About Us</span>
                                <h3 class="title">Tracom Services Limited is a leading provider of banking solutions
                                    that cater to the needs of financial institutions.
                                </h3>
                            </div>
                            <!-- Section Title Two End -->

                            <p>With a strong focus on technology, innovation, and customer satisfaction, Tracom Services
                                Limited offers a comprehensive range of cutting-edge banking solutions designed to
                                streamline operations, enhance security, and improve overall efficiency.
                            </p>

                            <a class="btn btn-primary btn-hover-secondary mt-xl-8 mt-lg-8 mt-md-6 mt-4" href="about.html">About
                                Us</a>
                        </div>
                        <!-- About Content Area Start -->
                    </div>
                    <!-- About Start -->

                </div>
                <!-- About Wrapper End -->

            </div>
        </div>
        <!-- About Section End -->

        <!-- Service Section Start -->
        <div class="section section-padding-t90-b100" data-bg-color="#f8faff" style="background-color: rgb(248, 250, 255);">
            <div class="container">

                <!-- Section Title Start -->
                <div class="section-title text-center mb-12 aos-init" data-aos="fade-up">
                    <h2 class="title">What we do best</h2>

                </div>
                <!-- Section Title End -->

                <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n6">
                    <!-- Icon Box Start -->
                    <div class="col mb-6 aos-init" data-aos="fade-up">

                        <div class="icon-box box-border text-center" data-vivus-hover-hero-icon="">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"></path>
                                </svg>

                            </div>
                            <div class="content">
                                <h3 class="title">Agency Banking</h3>
                                <div class="desc">
                                    <p>The Tracom Agency Banking solution is custom-made to suit any banks requirements.
                                        solution allows you to extend your services to your customers and general public
                                        through appointed agents, thus bringing life to the meaning of financial
                                        inclusion for all!
                                    </p>
                                </div>
                                <a href="agency-banking.html" class="link">Learn More</a>
                            </div>
                        </div>

                    </div>
                    <!-- Icon Box End -->

                    <!-- Icon Box Start -->
                    <div class="col mb-6 aos-init" data-aos="fade-up">

                        <div class="icon-box box-border text-center" data-vivus-hover-hero-icon="">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0012 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18M12 6.75h.008v.008H12V6.75z"></path>
                                </svg>

                            </div>
                            <div class="content">
                                <h3 class="title">Merchant Acquiring</h3>
                                <div class="desc">
                                    <p>Card payments are a fast, convenient, and secure way to accept payments. With our
                                        solutions, you can accept a wide range of card types, including credit, debit,
                                        and prepaid cards.
                                    </p>
                                </div>
                                <a href="merchant-acquiring.html" class="link">Learn More</a>
                            </div>
                        </div>

                    </div>
                    <!-- Icon Box End -->

                    <!-- Icon Box Start -->
                    <div class="col mb-6 aos-init" data-aos="fade-up">

                        <div class="icon-box box-border text-center" data-vivus-hover-hero-icon="">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5"></path>
                                </svg>

                            </div>
                            <div class="content">
                                <h3 class="title">Lango</h3>
                                <div class="desc">
                                    <p>The world of POS payments is fast changing and Lango is here to help you keep up
                                        and manage your vast terminal network with extensive reports through a
                                        user-friendly dashboard on your mobile or PC, keeping you in full control all
                                        the time.
                                    </p>
                                </div>
                                <a href="#" class="link">Learn More</a>
                            </div>
                        </div>

                    </div>
                    <!-- Icon Box End -->





                </div>


                <div class="col-12 text-center mt-6">
                    <a href="solutions.html" class="btn btn-primary btn-hover-secondary">Our solutions</a>

                </div>

            </div>
        </div>
        <!-- Service Section End -->


        <!-- Portfolio Section Start -->
        <div class="section section-padding ag-masonary-wrapper" data-bg-color="#ffffff" style="background-color: rgb(255, 255, 255);">
            <div class="container">

                <!-- Section Title Start -->
                <div class="section-title text-center mb-12 aos-init" data-aos="fade-up">
                    <h2 class="title">Our Partners</h2>
                    <p class="sub-title">Tracom works with multiple leading payment terminal providers and possesses
                        extensive expertise in Android development and other terminal operating systems. Our proficient
                        terminal repair division specializes in maintaining terminals from all our partners.
                    </p>
                </div>
                <!-- Section Title End -->


                <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 g-0 mesonry-list" style="position: relative; height: 776.25px;">
                    <div class="resizer col" style="position: absolute; left: 0%; top: 0px;"></div>

                    <!-- Single Portfolio Start -->
                    <div class="col cat-3 cat-2" style="position: absolute; left: 0%; top: 0px;">
                        <div class="single-portfolio">
                            <div class="thumbnail">
                                <img class="img-fluid" src="assets/images/portfolio/portfolio-3.jpg" alt="Portfolio-01">
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="ingenico.html">Ingenico <img src="assets/images/icons/arrow-up-right.svg" alt=""></a></h5>
                            </div>
                        </div>
                    </div>
                    <!-- Single Portfolio End -->

                    <!-- Single Portfolio Start -->
                    <div class="col cat-1 cat-3" style="position: absolute; left: 50%; top: 0px;">
                        <div class="single-portfolio">
                            <div class="thumbnail">
                                <img class="img-fluid" src="assets/images/portfolio/portfolio-1.jpg" alt="Tracom Services Limited ">
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="sunmi.html">Sunmni <img src="assets/images/icons/arrow-up-right.svg" alt="Tracom Services Limited"></a></h5>
                            </div>
                        </div>
                    </div>
                    <!-- Single Portfolio End -->


                    <!-- Single Portfolio Start -->
                    <div class="col cat-4 cat-3" style="position: absolute; left: 0%; top: 258.75px;">
                        <div class="single-portfolio">
                            <div class="thumbnail">
                                <img class="img-fluid" src="assets/images/portfolio/portfolio-4.jpg" alt="Tracom Services Limited ">
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="evolis.html">Evolis<img src="assets/images/icons/arrow-up-right.svg" alt="Tracom Services Limited"></a></h5>
                            </div>
                        </div>
                    </div>
                    <!-- Single Portfolio End -->
                    <!-- Single Portfolio Start -->
                    <div class="col cat-5" style="position: absolute; left: 50%; top: 258.75px;">
                        <div class="single-portfolio">
                            <div class="thumbnail">
                                <img class="img-fluid" src="assets/images/portfolio/portfolio-5.jpg" alt="Tracom Services Limited ">
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="hitachi.html">Hitachi <img src="assets/images/icons/arrow-up-right.svg" alt="Tracom Services Limited"></a></h5>
                            </div>
                        </div>
                    </div>
                    <!-- Single Portfolio End -->
                    <!-- Single Portfolio Start -->
                    <div class="col cat-2" style="position: absolute; left: 0%; top: 517.5px;">
                        <div class="single-portfolio">
                            <div class="thumbnail">
                                <img class="img-fluid" src="assets/images/portfolio/portfolio-6.jpg" alt="Tracom Services Limited 1">
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="#">Futurex <img src="assets/images/icons/arrow-up-right.svg" alt="Tracom Services Limited"></a></h5>
                            </div>
                        </div>
                    </div>
                    <!-- Single Portfolio End -->

                    <!-- Single Portfolio Start -->
                    <div class="col cat-2 cat-5" style="position: absolute; left: 50%; top: 517.5px;">
                        <div class="single-portfolio">
                            <div class="thumbnail">
                                <img class="img-fluid" src="assets/images/portfolio/portfolio-2.jpg" alt="Tracom Services Limited ">
                            </div>
                            <div class="content">
                                <h5 class="title"><a href="#">SoftPOS<img src="assets/images/icons/arrow-up-right.svg" alt="Tracom Services Limited"></a></h5>
                            </div>
                        </div>
                    </div>
                    <!-- Single Portfolio End -->

                </div>
            </div>
        </div>
        <!-- Portfolio Section End -->

        <!-- Brand Section Start -->
        <div class="brand-section section section-padding-t90-b100">
            <div class="container">
                <div class="row">

                    <!-- Section Title Start -->
                    <div class="section-title text-center mb-12 aos-init" data-aos="fade-up">
                        <h2 class="title">Our Customers</h2>

                    </div>
                    <!-- Section Title End -->


                    <div class="col-lg-12">
                        <div class="brand-wrapper">
                            <div class="brand-list">
                                <div class="brand-carousel swiper-container swiper-container-initialized swiper-container-horizontal aos-init" data-aos="fade-up">
                                    <div class="swiper-wrapper" style="transform: translate3d(-864px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="6" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-07.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="7" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-08.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="8" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-09.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="9" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-10.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="10" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-11.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div>
                                        <div class="swiper-slide brand swiper-slide-prev" data-swiper-slide-index="0" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-01.png" alt="Tracom Services Limited">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand swiper-slide-visible swiper-slide-active" data-swiper-slide-index="1" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-02.png" alt="Tracom Services Limitede">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand swiper-slide-visible swiper-slide-next" data-swiper-slide-index="2" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-03.png" alt="Tracom Services Limited">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand swiper-slide-visible" data-swiper-slide-index="3" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-04.png" alt="Tracom Services Limited">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand swiper-slide-visible" data-swiper-slide-index="4" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-05.png" alt="Tracom Services Limited">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand swiper-slide-visible" data-swiper-slide-index="5" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-06.png" alt="Tracom Services Limited">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand" data-swiper-slide-index="6" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-07.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand" data-swiper-slide-index="7" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-08.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand" data-swiper-slide-index="8" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-09.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div>
                                        <div class="swiper-slide brand" data-swiper-slide-index="9" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-10.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div>

                                        <div class="swiper-slide brand" data-swiper-slide-index="10" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-11.png" alt="Tracom Services Limited   ">
                                            </a>
                                        </div>

                                    <div class="swiper-slide brand swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-01.png" alt="Tracom Services Limited">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-02.png" alt="Tracom Services Limitede">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-03.png" alt="Tracom Services Limited">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="3" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-04.png" alt="Tracom Services Limited">
                                            </a>
                                        </div><div class="swiper-slide brand swiper-slide-duplicate" data-swiper-slide-index="4" style="width: 114px; margin-right: 30px;">
                                            <a href="#">
                                                <img src="assets/images/brand/tracom-services-client-05.png" alt="Tracom Services Limited">
                                            </a>
                                        </div></div>


                                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Brand Section End -->



        <!-- Newsletter Section Start -->
        <div class="section section-padding-t110-b120 newsletter-section" data-bg-color="#000" data-overlay="0.7" data-bg-image="assets/images/bg/newsletter.jpg" style="background-image: url(&quot;assets/images/bg/newsletter.jpg&quot;); background-color: rgb(0, 0, 0);">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <!-- Newsletter Content Start -->
                        <div class="newsletter-content">
                            <!-- Section Title Start -->
                            <div class="section-title color-light text-center aos-init" data-aos="fade-up">
                                <h2 class="title">Tracom Repair Center</h2>
                                <p class="sub-title fz-18">With proven expertise in POS maintenance and a highly
                                    efficient multi-nation network, financial institutions confidently rely on the
                                    distinctive end-to-end proposition that Tracom services offers.</p>
                            </div>
                            <!-- Section Title End -->

                            <!-- Newsletter Form Start -->
                            <div class="newsletter-form">
                                <div class="col-12 text-center mt-6">
                                    <a href="repair-center.html" class="btn btn-primary btn-hover-secondary">Visit
                                        Repair Center </a>

                                </div>
                            </div>
                            <!-- Newsletter Form End -->
                        </div>
                        <!-- Newsletter Content End -->
                    </div>
                </div>
            </div>

            <!-- Animation Shape Start -->
            <div class="shape shape-1 scene" style="transform: translate3d(0px, 0px, 0px) rotate(0.0001deg); transform-style: preserve-3d; backface-visibility: hidden; pointer-events: none;">
                <span data-depth="1" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: relative; display: block; left: 0px; top: 0px;">
                    <img src="assets/images/shape-animation/newsletter-shape.png" alt="Tracom Services Limited">
                </span>
            </div>
            <!-- Animation Shape End -->
        </div>
        <!-- Newsletter Section End -->

        <!-- Contact Information Section Start -->
        <div class="section section-padding-t90-b100">
            <div class="container shape-animate">
                <!-- Section Title Start -->
                <div class="section-title text-center mb-lg-12 mb-sm-8 mb-xs-8 aos-init" data-aos="fade-up">
                    <h2 class="title">We are a leading payment solutions provider</h2>
                    <p class="sub-title">Our team of business analyst, solution architects, developers, quality
                        assurance and business team love to deliver user centered solutions</p>
                    <!-- <a href="tracom-hardware.html" class="btn btn-primary btn-hover-secondary" href="#">Visit Repair Center</a> -->
                </div>
                <!-- Section Title End -->

                <div class="row row-cols-lg-3 row-cols-md-2 row-cols-sm-2 row-cols-1 mb-n6">
                    <div class="col mb-6 aos-init" data-aos="fade-up">
                        <!-- Contact Information Start -->
                        <div class="contact-info" data-vivus-hover="">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" data-inject-url="https://tracom.co.ke/assets/images/svg/linea/linea-basic-map.svg" class="svgInject">
<g>
	<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M1,59L22,51L42,59L63,51L63,5L42,13L22,5L1,13Z" style="stroke-dasharray: 225, 227; stroke-dashoffset: 226;"></path>
	<g>
		<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M22,5L22,51" style="stroke-dasharray: 46, 48; stroke-dashoffset: 47;"></path>
	</g>
	<g>
		<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M42,13L42,59" style="stroke-dasharray: 46, 48; stroke-dashoffset: 47;"></path>
	</g>
</g>
</svg>
                            </div>
                            <div class="info">
                                <h4 class="title">Our Location</h4>
                                <span class="info-text"> Springette office park<br>
                                    Nairobi - Kenya </span>
                            </div>
                        </div>
                        <!-- Contact Information End -->
                    </div>
                    <div class="col mb-6 aos-init" data-aos="fade-up">
                        <!-- Contact Information Start -->
                        <div class="contact-info" data-vivus-hover="">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" data-inject-url="https://tracom.co.ke/assets/images/svg/linea/linea-basic-message-txt.svg" class="svgInject">
<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M10,16L54,16" style="stroke-dasharray: 44, 46; stroke-dashoffset: 45;"></path>
<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M10,26L54,26" style="stroke-dasharray: 44, 46; stroke-dashoffset: 45;"></path>
<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M10,36L54,36" style="stroke-dasharray: 44, 46; stroke-dashoffset: 45;"></path>
<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M32,47L63,47L63,5L1,5L1,47L18,47L18,59Z" style="stroke-dasharray: 225, 227; stroke-dashoffset: 226;"></path>
</svg>
                            </div>
                            <div class="info">
                                <h4 class="title">Give Us A Call</h4>
                                <span class="info-text">+254 20 242 9692</span>
                            </div>
                        </div>
                        <!-- Contact Information End -->
                    </div>
                    <div class="col mb-6 aos-init" data-aos="fade-up">
                        <!-- Contact Information Start -->
                        <div class="contact-info" data-vivus-hover="">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" data-inject-url="https://tracom.co.ke/assets/images/svg/linea/linea-basic-mail-open-text.svg" class="svgInject">
<g>
	<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M36,9L45,9" style="stroke-dasharray: 9, 11; stroke-dashoffset: 10;"></path>
	<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M19,17L45,17" style="stroke-dasharray: 26, 28; stroke-dashoffset: 27;"></path>
	<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M19,25L45,25" style="stroke-dasharray: 26, 28; stroke-dashoffset: 27;"></path>
	<g>
		<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M1,26L32,45.434L63,26" style="stroke-dasharray: 74, 76; stroke-dashoffset: 75;"></path>
		<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M11.334,21.667L1,26L1,63L63,63L63,26L63,26L52.666,21.667" style="stroke-dasharray: 159, 161; stroke-dashoffset: 160;"></path>
		<path fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M11,32L11,1L53,1L53,32" style="stroke-dasharray: 104, 106; stroke-dashoffset: 105;"></path>
	</g>
</g>
</svg>
                            </div>
                            <div class="info">
                                <h4 class="title"> Help Desk</h4>
                                <span class="info-text">
                                    <a href="#">[email protected]</a>
                                </span>
                            </div>
                        </div>
                        <!-- Contact Information End -->
                    </div>
                </div>

                <!-- Animation Shape Start -->
                <div class="shape shape-1 scene" style="transform: translate3d(0px, 0px, 0px) rotate(0.0001deg); transform-style: preserve-3d; backface-visibility: hidden; pointer-events: none;">
                    <span data-depth="4" style="transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden; position: relative; display: block; left: 0px; top: 0px;"><img src="assets/images/shape-animation/video-shape-1.png" alt="shape"></span>
                </div>
                <!-- Animation Shape End -->

            </div>
        </div>
        <!-- Contact Information Section End -->

        <div class="footer-section section" data-bg-color="#003070 " style="background-color: rgb(0, 48, 112);">
            <div class="container">

                <!-- Footer Top Widgets Start -->
                <div class="row mb-lg-14 mb-md-10 mb-6">

                    <!-- Footer Widget Start -->
                    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12 col-12 mb-6">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="index.html"><img src="assets/images/logo/tracom_logo.svg" alt="Tracom Services Limited "></a>
                            </div>
                            <div class="footer-widget-content">
                                <div class="content">


                                    <p><a href="#">+254 20 242 9692</a></p>
                                    <p><a href="#">[email protected]</a> </p>
                                </div>
                                <div class="footer-social-inline">
                                    <a href="#"><i class="fa fa-twitter-square"></i></a>
                                    <a href="#"><i class="fa fa-facebook-square"></i></a>
                                    <a href="#"><i class="fa fa-instagram"></i></a>
                                    <a href="#"><i class="fa fa-linkedin"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 col-6 mb-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Solutions</h4>
                            <div class="footer-widget-content">
                                <ul>
                                    <li><a href="agency-banking.html">Banking Solutions</a></li>
                                    <li><a href="sunmi.html">Payment Terminals</a></li>

                                    <li><a href="miliki.html">Tax and Revenue Management</a></li>
                                    <li><a href="#">Integrations</a></li>
                                    <li><a href="#">Managed Services</a></li>
                                    <li><a href="tracom-academy.html">Tracom Academy</a></li>
                                    <li><a href="#">Analytics and Reporting</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-xl-2 col-lg-2 col-md-4 col-sm-4 col-6 mb-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Products</h4>
                            <div class="footer-widget-content">
                                <ul>
                                    <li><a href="agency-banking.html">Agency Banking</a></li>
                                    <li><a href="merchant-acquiring.html">Merchant Acquiring</a></li>
                                    <li><a href="#">Cash Collection</a></li>

                                    <li><a href="miliki.html">MILIKI</a></li>
                                    <li><a href="#">Lango</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-xl-2 col-lg-2 col-md-4 col-sm-4 col-6 mb-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Who were are</h4>
                            <div class="footer-widget-content">
                                <ul>
                                    <li><a href="about.html">About Us</a></li>

                                    <li><a href="about.html">Our Values</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-xl-2 col-lg-2 col-md-4 col-sm-4 col-6 mb-6">
                        <div class="footer-widget">
                            <h4 class="footer-widget-title">Contact</h4>
                            <div class="footer-widget-content">
                                <ul>
                                    <li><a href="contact-us.html">Contact Us</a></li>
                                    <li><a href="contact-us.html">Request Demo</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                </div>
                <!-- Footer Top Widgets End -->

                <!-- Footer Copyright Start -->
                <div class="row">
                    <div class="col">
                        <p class="copyright">© <span id="currentYear">2024</span> <a href="">Tracom Services Limited</a></p>
                    </div>
                </div>
                <!-- Footer Copyright End -->

            </div>
        </div>

        <!-- Scroll Top Start -->
        <a href="#" class="scroll-top" id="scroll-top">
            <i class="fa fa-angle-up" aria-hidden="true"></i>
            <!-- Scroll Top End -->

    </a></div><a href="#" class="scroll-top" id="scroll-top">

    </a><div id="site-main-mobile-menu" class="site-main-mobile-menu"><a href="#" class="scroll-top" id="scroll-top">
        </a><div class="site-main-mobile-menu-inner"><a href="#" class="scroll-top" id="scroll-top">
            </a><div class="mobile-menu-header"><a href="#" class="scroll-top" id="scroll-top">
                </a><div class="mobile-menu-logo"><a href="#" class="scroll-top" id="scroll-top">
                    </a><a href="index.html"><img src="assets/images/logo/tracom_logo.svg" alt="Tracom Services Limited"></a>
                </div>
                <div class="mobile-menu-close">
                    <button class="toggle">
                        <i class="icon-top"></i>
                        <i class="icon-bottom"></i>
                    </button>
                </div>
            </div>
            <div class="mobile-menu-content">
                <nav class="site-mobile-menu">
                    <ul>
                        <!-- <li class="has-children">
                                    <a href="index.html"><span class="menu-text">Homepage</span></a>
                                    
                                </li> -->
                        <li>
                            <a href="index.html"><span class="menu-text">Home</span></a>
                        </li>

                        <li>
                            <a href="about.html"><span class="menu-text">About Us</span></a>
                        </li>
                        <li>
                            <a href="solutions.html"><span class="menu-text">Solutions</span></a>
                        </li>

                        <li class="has-children">
                            <a href="#"><span class="menu-text">Payment Device</span></a>
                            <span class="menu-toggle"><i class="fa fa-angle-down"></i></span>
                            <ul class="sub-menu">

                                <li class="has-children">
                                    <a href="#"><span class="menu-text">Terminals</span></a>
                                    <span class="menu-toggle"><i class="fa fa-angle-down"></i></span>
                                    <ul class="sub-menu">
                                        <li><a href="ingenico.html"><span class="menu-text">Ingenico</span></a> </li>
                                        <li><a href="sunmi.html"><span class="menu-text">Sunmi</span></a>
                                        </li>
                                        <!-- <li><a href="nextgo.html"><span class="menu-text">Nextgo</span></a>
                                                </li> -->
                                    </ul>
                                </li>

                                <li class="has-children">
                                    <a href="#"><span class="menu-text">ATMs</span></a>
                                    <span class="menu-toggle"><i class="fa fa-angle-down"></i></span>
                                    <ul class="sub-menu">
                                        <li><a href="hitachi.html"><span class="menu-text">Hitachi</span></a>
                                        </li>
                                        <li><a href="evolis.html"><span class="menu-text">Evolis</span></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>

                        <li><a href="repair-center.html"><span class="menu-text">Repair Center</span></a>
                        </li>
                        <li>
                            <a href="tracom-academy.html"><span class="menu-text">Tracom
                                    Academy</span></a>
                        </li>
                        <li>
                            <a href="careers.html"><span class="menu-text">Careers</span></a>
                        </li>

                        <!-- <li>
                                <a href="blog-grid.html"><span class="menu-text">Blog</span></a>

                            </li> -->
                        <li>
                            <a href="contact-us.html"><span class="menu-text">Contact Us</span></a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>



    <!-- JS
============================================ -->

    <!-- Vendors JS -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>

    <!-- Plugins JS -->
    <script src="assets/js/plugins/parallax.min.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/jquery.animatedheadline.min.js"></script>
    <script src="assets/js/plugins/jquery.counterup.min.js"></script>
    <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/plugins/svg-inject.min.js"></script>
    <script src="assets/js/plugins/swiper.min.js"></script>
    <script src="assets/js/plugins/vanilla-tilt.min.js"></script>
    <script src="assets/js/plugins/vidim.min.js"></script><script src="https://www.youtube.com/iframe_api"></script>
    <script src="assets/js/plugins/vivus.min.js"></script>
    <script src="assets/js/plugins/waypoints.min.js"></script>

    <!-- Main Activation JS -->
    <script src="assets/js/main.js"></script>







</body></html>