<?php
/**
 * The header.
 *
 * This is the template that displays all of the <head> section and everything up until main.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

?>
<!doctype html>
<html <?php language_attributes(); ?> <?php twentytwentyone_the_html_classes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
      
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/fontawesome.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/magnific-popup.min.css">

    <!-- Swiper css -->
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/swiper-bundle.min.css">

    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/style.css">
	<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
  <!-- 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>
        DRAG
        <span class="drag-icon-right">
            <img src="https://akcomputech.in/wp-content/uploads/2025/07/ak-logo.png" alt="">
        </span>
    </div>


    <!--==============================
     Preloader
  ==============================-->
    <div class="preloader ">
        <button class="th-btn preloaderCls">Cancel Preloader </button>
        <div class="preloader-inner">
            <img src="https://akcomputech.in/wp-content/uploads/2025/07/ak-logo.png" alt="img">
         
        </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.html"><img src="https://akcomputech.in/wp-content/uploads/2025/07/ak-logo.png" 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">Get In Touch</h3>
                <div class="th-widget-contact">
                    <div class="info-box_text">
                        <div class="icon">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/phone.svg" alt="img">
                        </div>
                        <div class="details">
                            <p><a href="tel:+918439137803" class="info-box_link">+91 8439137803
</a></p>
                        </div>
                    </div>
                    <div class="info-box_text">
                        <div class="icon">
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/envelope.svg" alt="img">
                        </div>
                        <div class="details">
                            <p><a href="mailto:info@akcomputech.in" class="info-box_link">info@akcomputech.in</a></p>
                        </div>
                    </div>
                    <div class="info-box_text">
                        <div class="icon"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon/location-dot.svg" alt="img"></div>
                        <div class="details">
                            <p>Shop No.: 02, Padmawati Complex, P.L Sharma Road, Meerut - 250001</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </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="https://akcomputech.in/"><img src="https://akcomputech.in/wp-content/uploads/2025/07/ak-logo.png" alt="Atek"></a>
            </div>
            <div class="th-mobile-menu">
                 <li>
                                        <a href="https://akcomputech.in/">Home</a>   </li>
                                         <li><a href="https://akcomputech.in/who-we-are/">Who We Are</a></li>
                                         <li class="menu-item-has-children">
                        <a href="#">Services</a>
                        <ul class="sub-menu">
                            <li><a href="https://akcomputech.in/computing-and-networking-project/">Computing and Networking Project</a></li>
                            <li><a href="https://akcomputech.in/security-and-surveillance/">Security and Surveillance</a></li>
                            <li><a href="https://akcomputech.in/audio-visuals/">Audio Visuals</a></li>
                            <li><a href="https://akcomputech.in/integrated-projects/">Integrated Projects</a></li>
                            <li><a href="https://akcomputech.in/digital-signage-and-displays/">Digital Signage and Display</a></li>
                            <li><a href="https://akcomputech.in/education/">Education</a></li>
                        </ul>
                    </li>
				 <li><a href="https://akcomputech.in/client/">Clients</a></li>
					 <li><a href="https://akcomputech.in/feedback/">Feedback</a></li>
				<li><a href="https://akcomputech.in/complaint/">Complaint/quiry</a></li>
                                    <li><a href="https://akcomputech.in/contact-us/">Contact Us</a></li>
            </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>8439137803
</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.html">FAQ</a></li>
                                    <li class="d-none d-md-inline-block"><a href="contact.html">Support</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="https://akcomputech.in/">
                                    <img src="https://akcomputech.in/wp-content/uploads/2025/07/ak-logo.png" alt="Atek">
                                </a>
                            </div>
                        </div>
                        <div class="col-auto me-xxl-auto">
                            <nav class="main-menu d-none d-xl-inline-block">
                                <ul>
                                    <li>
                                        <a href="https://akcomputech.in/">Home</a>   </li>
                                         <li><a href="https://akcomputech.in/who-we-are/">Who We Are</a></li>
                                         <li class="menu-item-has-children">
                        <a href="#">Services</a>
                        <ul class="sub-menu">
                            <li><a href="https://akcomputech.in/computing-and-networking-project/">Computing and Networking Project</a></li>
                            <li><a href="https://akcomputech.in/security-and-surveillance/">Security and Surveillance</a></li>
                            <li><a href="https://akcomputech.in/audio-visuals/">Audio Visuals</a></li>
                            <li><a href="https://akcomputech.in/integrated-projects/">Integrated Projects</a></li>
                            <li><a href="https://akcomputech.in/digital-signage-and-displays/">Digital Signage and Display</a></li>
                            <li><a href="https://akcomputech.in/education/">Education</a></li>
                        </ul>
                    </li>
									<li><a href="https://akcomputech.in/client/">Clients</a></li>
					 <li><a href="https://akcomputech.in/feedback/">Feedback</a></li>
				<li><a href="https://akcomputech.in/complaint/">Complaint/quiry</a></li>
                                    <li><a href="https://akcomputech.in/contact-us/">Contact Us</a></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">
                               
                                <a href="https://akcomputech.in/contact-us/" class="th-btn th-icon">Get In Touch <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>