   

     <div class="cursor-follower"></div> 

    <!-- slider drag cursor -->
    <div class="slider-drag-cursor d-flex align-items-center justify-content-between">
        <span class="drag-icon-left"><img src="assets/img/icon/drag-arrow-left.svg" alt=""></span>
        SWIPE
        <span class="drag-icon-right">
            <img src="assets/img/icon/drag-arrow-right.svg" alt="">
        </span>
    </div>


    <!--==============================
     Preloader
  ==============================-->
    <div class="preloader ">
        <button class="th-btn preloaderCls">Cancel Preloader </button>
        <div class="preloader-inner">
            <img src="assets/img/Atemi Media Logo Main White-03.png" alt="img">
            <span class="loader">
                ATENI MEDIA TECHNOLOGIES
                <span class="loading-text">ATENI MEDIA TECHNOLOGIES</span>
            </span>
        </div>
    </div><!--==============================
    Sidemenu
============================== -->
    <div class="sidemenu-wrapper sidemenu-info ">
        <div class="sidemenu-content">
            <button class="closeButton sideMenuCls">
                <i class="far fa-times"></i>
            </button>
            <div class="widget  ">
                <div class="th-widget-about">
                    <div class="about-logo">
                        <a href="index"><img src="assets/img/logo2.svg" alt="Atek"></a>
                    </div>
                    <p class="about-text">Quick access to essential system features, including the dashboard for an overview of operations, network settings for managing connectivity, system logs for tracking activities.</p>
                    <div class="th-social">
                        <a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
                        <a href="https://www.twitter.com/"><i class="fab fa-twitter"></i></a>
                        <a href="https://www.linkedin.com/"><i class="fab fa-linkedin-in"></i></a>
                        <a href="https://www.whatsapp.com/"><i class="fab fa-whatsapp"></i></a>
                        <a href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
                    </div>
                </div>
            </div>
            <div class="widget  ">
                <h3 class="widget_title">Recent Posts</h3>
                <div class="recent-post-wrap">
                    <div class="recent-post d-flex align-items-center">
                        <div class="media-img">
                            <a href="blog-details"><img src="assets/img/blog/recent-post-1-1.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="media-body">
                            <div class="recent-post-meta">
                                <a href="blog"><i class="far fa-calendar"></i>24 Jun , 2025</a>
                            </div>
                            <h4 class="post-title"><a class="text-inherit" href="blog-details">Where Vision Meets Concrete
                                    Reality</a></h4>
                        </div>
                    </div>
                    <div class="recent-post d-flex align-items-center">
                        <div class="media-img">
                            <a href="blog-details"><img src="assets/img/blog/recent-post-1-2.jpg" alt="Blog Image"></a>
                        </div>
                        <div class="media-body">
                            <div class="recent-post-meta">
                                <a href="blog"><i class="far fa-calendar"></i>22 Jun , 2025</a>
                            </div>
                            <h4 class="post-title"><a class="text-inherit" href="blog-details">Raising the Bar in
                                    Construction.</a></h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="widget  ">
                <h3 class="widget_title">Get In Touch</h3>
                <div class="th-widget-contact">
                    <div class="info-box_text">
                        <div class="icon">
                            <img src="assets/img/icon/phone.svg" alt="img">
                        </div>
                        <div class="details">
                            <p><a href="tel:+01234567890" class="info-box_link">+01 234 567 890</a></p>
                            <p><a href="tel:+09876543210" class="info-box_link">+09 876 543 210</a></p>
                        </div>
                    </div>
                    <div class="info-box_text">
                        <div class="icon">
                            <img src="assets/img/icon/envelope.svg" alt="img">
                        </div>
                        <div class="details">
                            <p><a href="mailto:mailinfo00@atek.com" class="info-box_link">mailinfo00@atek.com</a></p>
                            <p><a href="mailto:support24@atek.com" class="info-box_link">support24@atek.com</a></p>
                        </div>
                    </div>
                    <div class="info-box_text">
                        <div class="icon"><img src="assets/img/icon/location-dot.svg" alt="img"></div>
                        <div class="details">
                            <p>789 Inner Lane, Holy park, California, USA</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="popup-search-box">
        <button class="searchClose"><i class="fal fa-times"></i></button>
        <form action="#">
            <input type="text" placeholder="What are you looking for?">
            <button type="submit"><i class="fal fa-search"></i></button>
        </form>
    </div><!--==============================
    Mobile Menu
  ============================== -->
    <div class="th-menu-wrapper onepage-nav">
        <div class="th-menu-area text-center">
            <button class="th-menu-toggle"><i class="fal fa-times"></i></button>
            <div class="mobile-logo">
                <a href="index"><img src="assets/img/logo2.svg" alt="Atek"></a>
            </div>
            <div class="th-mobile-menu">
                <ul>
                    <li>
                        <a class="active" href="/">Home</a>

                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">About Us</a>
                        <ul class="sub-menu">
                            <li><a href="about">About Us</a></li>
                            <li><a href="about2">About Us 2</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Pages</a>
                        <ul class="sub-menu">
                            <li class="menu-item-has-children">
                                <a href="#">Shop</a>
                                <ul class="sub-menu">
                                    <li><a href="shop">Shop</a></li>
                                    <li><a href="shop-details">Shop Details</a></li>
                                    <li><a href="cart">Cart Page</a></li>
                                    <li><a href="checkout">Checkout</a></li>
                                    <li><a href="wishlist">Wishlist</a></li>
                                </ul>
                            </li>
                            <li><a href="gallery">Gallery</a></li>
                            <li><a href="case-study">Case Study</a></li>
                            <li><a href="case-study-details">Case Study Details</a></li>
                            <li><a href="career">Career</a></li>
                            <li><a href="career-details">Career Details</a></li>
                            <li><a href="team-guide">Team</a></li>
                            <li><a href="team-guider-details">Team Details</a></li>
                            <li><a href="faq">Faq Page</a></li>
                            <li><a href="price">Price Package</a></li>
                            <li><a href="error">Error Page</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Our Services</a>
                        <ul class="sub-menu">
                            <li><a href="service">Services</a></li>
                            <li><a href="service-details">Service Details</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Projects</a>
                        <ul class="sub-menu">
                            <li><a href="project-grid">Project Grid</a></li>
                            <li><a href="project-details">Project Details</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="#">Blog</a>
                        <ul class="sub-menu">
                            <li><a href="blog">Blog</a></li>
                            <li><a href="blog-grid">Blog Grid</a></li>
                            <li><a href="blog-details">Blog Details</a></li>
                        </ul>
                    </li>
                    <li class="menu-item-has-children">
                        <a href="contact">Contact us</a>
                        <ul class="sub-menu">
                            <li><a href="contact">Contact Us</a></li>
                            <li><a href="contact-2">Contact Us Two</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div><!--==============================
	Header Area
==============================-->
    <header class="th-header header-layout1">
        <div class="header-top">
            <div class="container th-container">
                <div class="row justify-content-center justify-content-xl-between align-items-center">
                    <div class="col-auto d-none d-md-block">
                        <div class="header-links">
                            <ul>
                                <li class="d-none d-xl-inline-block"><i class="fa-sharp fa-regular  fa-location-dot"></i>
                                    <span>First Floor, Lira Towers Building, Wigweng Cell, Barogole, Ojwina Division, Lira City</span>
                                </li>
                                <li class="d-none d-xl-inline-block"><i class="fa-regular fa-clock"></i>
                                    <span>Monday to Friday: 10:00 Am - 5:00 pm</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto">
                        <div class="header-right style2">
                           
                            <div class="header-links">
                                <ul>
                                    <li class="d-none d-md-inline-block"><a href="faq">FAQ</a></li>
                                    <li class="d-none d-md-inline-block"><a href="knowladgebase">Knowladgebase</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sticky-wrapper">
            <!-- Main Menu Area -->
            <div class="menu-area">
                <div class="container th-container">
                    <div class="row align-items-center justify-content-between">
                        <div class="col-auto">
                            <div class="header-logo">
                                <a href="index">
                                    <img src="assets/img/Atemi Media Logo White.png" alt="Ateni Media Technologies Logo" width="200">
                                </a>
                            </div>
                        </div>
                        <div class="col-auto me-xxl-auto">
                            <nav class="main-menu d-none d-xl-inline-block">
                                <ul>
                                    <li>
                                        <a class="active" href="/">Home</a>
                                      
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">The Company</a>
                                        <ul class="sub-menu">
                                            <li><a href="about">About Us</a></li>
                                            <li><a href="profile">Our Profile</a></li>
                                            <li><a href="team">Our Team</a></li>
                                             <li><a href="clients-and-partners">Clients & Partners</a></li>
                                            <li class="menu-item-has-children">
                                                <a href="#">What We Do</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">For Schools</a></li>
                                            <li><a href="#">For Bloggers</a></li>
                                            <li><a href="#">For Event Organisers</a></li>
                                             <li><a href="#">For Cultural Institutions</a></li>
                                              <li><a href="#">For  Record Labels</a></li>
                                               <li><a href="#">For Hospitality Business</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Our technologies</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children">
                                                <a href="#">Web Development</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                           <li class="menu-item-has-children">
                                                <a href="#">Mobile Design</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                             <li class="menu-item-has-children">
                                                <a href="#">Dev OOPs</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                             <li class="menu-item-has-children">
                                                <a href="#">CI/CD</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="#">Embeded SYstems</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="#">UI/UX Design</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                             <li class="menu-item-has-children">
                                                <a href="#">IoT</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">HTML</a></li>
                                                    <li><a href="#">CSS</a></li>
                                                    <li><a href="#">Bootstrap</a></li>
                                                    <li><a href="#">Tailwin CSS</a></li>
                                                    <li><a href="#">Javascript</a></li>
                                                     <li><a href="#">Laravel</a></li>
                                                      <li><a href="#">PHP</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="/service">Our Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="/online-radio-hosting">Online Radio Hosting</a></li>
                                            <li><a href="/saas-platform">SAAS Platforms</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Projects</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Flamez Radio</a></li>
                                            <li><a href="#">Ateni SMS</a></li>
                                            <li><a href="#">Life Band</a></li>
                                        </ul>
                                    </li>
                                  
                                    <li class="menu-item-has-children">
                                        <a href="#">Help & Support</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Contact</a></li>
                                            <li><a href="#">Submit A Ticket</a></li>
                                             <li><a href="#">Live Chat</a></li>
                                              <li><a href="#">FAQ</a></li>
                                               <li><a href="#">Knowladgebase</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                            <button type="button" class="th-menu-toggle d-block d-xl-none"><i class="far fa-bars"></i></button>
                        </div>
                        <div class="col-auto d-none d-xl-block">
                            <div class="header-button">
                                <button type="button" class="icon-btn searchBoxToggler">
                                    <img src="assets/img/icon/search.svg" alt="icon">
                                </button>
                                <a href="https://workspace.atenimedia.com" class="th-btn th-icon">Client Area <i class="fa-light fa-arrow-right-long"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="logo-bg" data-mask-src="assets/img/logo_bg_mask.png"></div>
            </div>
        </div>
    </header>