<?php
/**
 * Header template for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<title>
<?php
	/*
	 * Print the <title> tag based on what is being viewed.
	 */
	global $page, $paged;

	wp_title( '|', true, 'right' );

	// Add the site name.
	bloginfo( 'name' );

	// Add the site description for the home/front page.
	$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) ) {
	echo " | $site_description";
}

	// Add a page number if necessary:
if ( ( $paged >= 2 || $page >= 2 ) && ! is_404() ) {
	/* translators: %s: Page number. */
	echo esc_html( ' | ' . sprintf( __( 'Page %s', 'twentyten' ), max( $paged, $page ) ) );
}

?>
	</title>

	<!-- Favicons -->
  <link href="<?= bloginfo("template_url") ?>/assets/img/favicon1.png" rel="icon">
  <link href="<?= bloginfo("template_url") ?>/assets/img/favicon1.png" rel="apple-touch-icon">

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="<?= bloginfo("template_url") ?>/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="<?= bloginfo("template_url") ?>/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="<?= bloginfo("template_url") ?>/assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="<?= bloginfo("template_url") ?>/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="<?= bloginfo("template_url") ?>/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Main CSS File -->
  <link href="<?= bloginfo("template_url") ?>/assets/css/main.css" rel="stylesheet">

  <!-- cdn for client section -->
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>

    <link rel="stylesheet" href="css/animate.min.css">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/templatemo-style.css">
		<script src="<?= bloginfo("template_url") ?>/assets/js/jquery.js"></script>
		<script src="<?= bloginfo("template_url") ?>/assets/js/bootstrap.min.js"></script>
    <script src="<?= bloginfo("template_url") ?>/assets/js/jquery.singlePageNav.min.js"></script>
		<script src="<?= bloginfo("template_url") ?>/assets/js/typed.js"></script>
		<script src="<?= bloginfo("template_url") ?>/assets/js/wow.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
		<!-- <script src="<?= bloginfo("template_url") ?>/assets/js/custom.js"></script> -->
  <!-- Slick CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>

<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php echo esc_url( get_stylesheet_uri() ); ?>?ver=20251202" />
<link rel="pingback" href="<?php echo esc_url( get_bloginfo( 'pingback_url' ) ); ?>">
<?php
	/*
	 * We add some JavaScript to pages with the comment form
	 * to support sites with threaded comments (when in use).
	 */
if ( is_singular() && get_option( 'thread_comments' ) ) {
	wp_enqueue_script( 'comment-reply' );
}

	/*
	 * Always have wp_head() just before the closing </head>
	 * tag of your theme, or you will break many plugins, which
	 * generally use this hook to add elements to <head> such
	 * as styles, scripts, and meta tags.
	 */
	wp_head();
?>
</head>

<body <?php body_class(); ?>  style="background-image: url('https://img.freepik.com/premium-photo/blue-paper-texture-pattern-background_303085-2680.jpg'); background-repeat: no-repeat;  background-attachment: fixed; background-size: cover;">
<?php wp_body_open(); ?>
<!-- <body class="index-page"> -->

  <header id="header" class="header  align-items-center sticky-top">
    <div style="background-color: #080d29" class=" position-relative d-flex align-items-center nav-left">
        <div class="container position-relative d-flex align-items-center justify-content-around">
            
            <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo d-flex ">
                <img src="<?= bloginfo('template_url') ?>/assets/img/techDomainLogo.png" alt="TechDomain Logo">
            </a>

            <!-- Dynamic Menu Section Starts -->
            <nav id="navmenu" class="navmenu">
                <?php
                if ( has_nav_menu( 'techdomain-main-menu' ) ) {
                    wp_nav_menu( array(
                        'theme_location' => 'techdomain-main-menu',
                        'container'      => false, // Removes default wrapper to match your structure
                        'menu_class'     => '',    // Leaves the <ul> without a class, matching your HTML
                        'depth'          => 2,     // Allows for 1 level of dropdowns
                    ) );
                }
                ?>
                <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
            </nav>
            <!-- Dynamic Menu Section Ends -->

            <div class="header-social-links d-flex">
                <a href="https://x.com/tech51461012" class="twitter"><i class="bi bi-twitter-x"></i></a>
                <a href="https://www.facebook.com/people/Techdomain-Solutions-Pvt-Ltd/100090730736874/" class="facebook"><i class="bi bi-facebook"></i></a>
                <a href="https://www.linkedin.com/company/techdomain-solution-pvt-ltd/" class="linkedin"><i class="bi bi-linkedin"></i></a>
            </div>
        </div>
        
        <div style="justify-content: end;" class="container position-relative d-flex align-items-center nav-right">
            <img style="width:150px;height: 20px;" src="<?= bloginfo('template_url') ?>/assets/img/ISO.png" alt="iso">
            <img style="width: 80px ; height: 5%;" src="<?= bloginfo('template_url') ?>/assets/img/gem.png" alt="msme">
            <img style="width: 60px ; height: 50px;" src="<?= bloginfo('template_url') ?>/assets/img/msme (2).png" alt="gem">
        </div>
    </div>
</header>
