/home/hdwebsolution/public_html/machines/header.php
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>Transtronix India</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="" name="keywords">
        <meta content="" name="description">

        <!-- Google Web Fonts -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Saira:wght@500;600;700&display=swap" rel="stylesheet"> 

        <!-- Icon Font Stylesheet -->
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

        <!-- Libraries Stylesheet -->
        <link href="lib/animate/animate.min.css" rel="stylesheet">
        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

        <!-- Customized Bootstrap Stylesheet -->
        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Template Stylesheet -->
        <link href="css/style.css" rel="stylesheet">
    </head>

    <body>
        <!-- Spinner Start -->
        <div id="spinner" class="show position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
            <div class="spinner-grow text-primary" role="status"></div>
        </div>
        <!-- Spinner End -->

        <!-- Topbar Start -->
        <div class="container-fluid bg-dark py-2 d-none d-md-flex">
            <div class="container">
                <div class="d-flex justify-content-between topbar">
                    <div class="top-info">
                        <small class="me-3 text-white-50"><a href="#"><i class="fas fa-map-marker-alt me-2 text-secondary"></i></a> FIRST FLOOR, B-313, Okhla Industrial Phase 1 Road, Okhla Industrial Estate Phase 1, New Delhi, South East Delhi, Delhi, 110020</small>
                       <!-- <small class="me-3 text-white-50"><a href="#"><i class="fas fa-envelope me-2 text-secondary"></i></a>07AHKPR8202N1ZT</small> -->
                    </div>
                    <!--<div id="note" class="text-secondary d-none d-xl-flex"><small>Note : We help you to Grow your Business</small></div>-->
                    <div class="top-link">
                        <a href="" class="bg-light nav-fill btn btn-sm-square rounded-circle"><i class="fab fa-facebook-f text-primary"></i></a>
                        <a href="" class="bg-light nav-fill btn btn-sm-square rounded-circle"><i class="fab fa-twitter text-primary"></i></a>
                        <a href="" class="bg-light nav-fill btn btn-sm-square rounded-circle"><i class="fab fa-instagram text-primary"></i></a>
                        <a href="" class="bg-light nav-fill btn btn-sm-square rounded-circle me-0"><i class="fab fa-linkedin-in text-primary"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Topbar End -->

        <!-- Navbar Start -->
        <div class="container-fluid bg-primary">
            <div class="container">
                <nav class="navbar navbar-dark navbar-expand-lg py-0">
                    <a href="index.html" class="navbar-brand">
                        <h1 class="text-white fw-bold d-block">Transtronix <span class="text-secondary">India</span> </h1>
                    </a>
                    <button type="button" class="navbar-toggler me-0" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse bg-transparent" id="navbarCollapse">
                        <div class="navbar-nav ms-auto mx-xl-auto p-0">
                            <a href="index.php" class="nav-item nav-link active text-secondary">Home</a>
                            <a href="about.php" class="nav-item nav-link">About</a>
                                  <div class="nav-item dropdown">
                                <a href="product.php" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Products</a>
                                <div class="dropdown-menu rounded">
                                    
                                    <div class="nav-item dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="">Currency Counting Machines</a>
                              <div class="dropdown-menu rounded">
                                   <a href="z-100.php" class="dropdown-item">Z-100 Steadfast Currency Counting Machine</a>
                                   <a href="banko-11.php" class="dropdown-item">Banko 11 Steadfast Currency Counting Machine</a>
                                 <a href="banko-20.php" class="dropdown-item">Banko 20 Steadfast Mix Note Counting Machine</a>
                                  
                                </div>
                          </div>
                               <div class="nav-item dropdown">
                               <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="">Bundle Note Counting Machine</a>
                               <div class="dropdown-menu rounded">
                                   <a href="godrej-currency.php" class="dropdown-item">Godrej Currency Counting Machine</a>
                                   <a href="desktop-bundle.php" class="dropdown-item">Desktop Bundle Note Counting Machine</a>
                                   <a href="floor-bundle.php" class="dropdown-item">Floor Bundle Note Counting Machine</a>
                                  
                             </div>
                            </div>
                                   
                                  <a href="paper-shredders.php" class="dropdown-item">Paper Shredders</a>
                                    <a href="note-sorting.php" class="dropdown-item">Note Sorting Machine</a>-->
                                     <a href="paper-shredding.php" class="dropdown-item">Paper Shredding Service</a>
                                   <a href="note-counting.php" class="dropdown-item">Note Counting Service</a>
                               </div>
                            </div>
                           <!-- <a href="javascript:;">Products<i class="fas fa-chevron-down"></i></a>
								<ul class="sub-menu tab-content">
									<li>
										<a href="javascript:;">Wiring Ducts <i class="fas fa-angle-right"></i></a>
										<ul class="sub-menu">
											<li>
												<a href="type-a.html">Type A</a>
												
											</li>
											<li>
												<a href="type-a.html">Type B</a>
												
											</li>
											
										</ul>
									</li>	
										
									<li>-->
									<!--	<a href="javascript:;">Cable Drag Chains Accessories <i class="fas fa-angle-right"></i></a>-->
									<!--	<ul class="sub-menu">-->
									<!--		<li>-->
									<!--			<a href="javascript:;">Polyamide Flexible Conduits<i class="fas fa-angle-right"></i></a>-->
									<!--			<ul class="sub-menu">-->
									<!--				<li><a href="#">High Grade Polyamide Flexible Conduits – PAR</a></li>-->
									<!--			</ul>-->
									<!--		</li>-->
									<!--	</ul>-->
									<!--</li>	-->
								</ul>
                          
                            <a href="gallary.php" class="nav-item nav-link">Gallary</a>
                        
                            <a href="contact.php" class="nav-item nav-link">Contact</a>
                        </div>
                    </div>
                    <div class="d-none d-xl-flex flex-shirink-0">
                        <div id="phone-tada" class="d-flex align-items-center justify-content-center me-4">
                            <a href="" class="position-relative animated tada infinite">
                                <i class="fa fa-phone-alt text-white fa-2x"></i>
                                <div class="position-absolute" style="top: -7px; left: 20px;">
                                    <span><i class="fa fa-comment-dots text-secondary"></i></span>
                                </div>
                            </a>
                        </div>
                        <div class="d-flex flex-column pe-4 border-end">
                            <span class="text-white-50">Have any questions?</span>
                            <span class="text-secondary">Call:9818250550</span>
                        </div>
                        <div class="d-flex align-items-center justify-content-center ms-4 ">
                            <a href="#"><i class="bi bi-search text-white fa-2x"></i> </a>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <!-- Navbar End -->
    </body>
    </html>