Files
wdipl-redesign/components/header.php

306 lines
23 KiB
PHP
Raw Normal View History

2024-12-20 12:12:56 +05:30
<?php include('../components/header-link.php'); ?>
2024-12-17 12:18:51 +05:30
2024-12-20 12:12:56 +05:30
<?php
// Get the current file name without the extension
$current_page = basename($_SERVER['PHP_SELF'], ".php");
// Define arrays for dropdown categories
2025-01-29 15:26:37 +05:30
$services = ['mobile-app-developmentt', 'ioss', 'androidd', 'hybridd', 'nativee'];
$hire_developers = ['android-developers', 'ios-developers', 'flutter-developers', 'react-native-developers'];
$product_development_pages = ['product-developmentt', 'ai-mll', 'app-modernizationn', 'ui-uxx', 'complete-digital-transformationn'];
$company_pages = ['company-about-uss', 'project-managementt', 'portfolioo'];
2024-12-20 12:12:56 +05:30
?>
2024-12-17 12:18:51 +05:30
2024-12-20 12:12:56 +05:30
<!-- Preloader -->
2024-12-17 12:18:51 +05:30
<div id="pre_loader">
2024-12-20 19:22:02 +05:30
<img loading="lazy" src="../assets/images/new-img/loader.gif">
2024-12-17 12:18:51 +05:30
</div>
2024-12-20 12:12:56 +05:30
<!-- Header Start -->
2024-12-17 12:18:51 +05:30
<header class="header" id="header">
2024-12-20 12:12:56 +05:30
<div class="head_inner">
<div class="head_logo">
<a href="homepage.php">
2024-12-20 19:22:02 +05:30
<img loading="lazy" class="for_fix_img" src="../assets/images/new-img/wdi_logo.svg" alt="logo">
2024-12-20 12:12:56 +05:30
</a>
</div>
2024-12-17 12:18:51 +05:30
2024-12-20 12:12:56 +05:30
<nav class="nav_bar">
<div class="nav_cross">
<i class="nav_cross_btn"></i>
</div>
<ul>
2025-01-29 15:26:37 +05:30
<!-- Services Dropdown -->
<li class="drop_down single_line_drop <?php echo (in_array($current_page, $services)) ? 'active' : ''; ?>" data_dropdown>
<button class="nav_link" data_dropdown_button>Services
2024-12-20 12:12:56 +05:30
<svg width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg">
<path d="M4 5L7.89711 0.5H0.102886L4 5Z" />
</svg>
</button>
2025-01-29 15:26:37 +05:30
<div class="dropdown_content type-one">
2024-12-20 12:12:56 +05:30
<div class="grid_btns">
2025-01-29 15:26:37 +05:30
<a class="nav-link transparent-elem"></a>
<div class="grid_btns-inn">
<h3 class="mid-para py-3">Services We Offer</h3>
<div class="drop_down">
<!-- Mobile App Development Dropdown -->
<div class="for-view">
<a class="nav-link active-parent" onclick="toggleDropdown('mobileApp')">
Mobile App Development
<div class="for-arr-in-nav"></div>
</a>
<div id="mobileApp" class="inside_data-nav-items flexsy" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'mobile-app-development') ? 'active' : ''; ?>" href="mobile-app-development.php">Mobile App Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'ios') ? 'active' : ''; ?>" href="ios.php">iOS App Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'android') ? 'active' : ''; ?>" href="android.php">Android App Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'hybrid') ? 'active' : ''; ?>" href="hybrid.php">Hybrid App Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Native App Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Custom App Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Cross Platform Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'native') ? 'active' : ''; ?>" href="native.php">Progressive Web App Services</a>
</div>
</div>
<!-- Website Development Dropdown -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('websiteDev')">
Website Development
<div class="for-arr-in-nav"></div>
</a>
<div id="websiteDev" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'website-development-services') ? 'active' : ''; ?>" href="website-development-services.php">Website Development Services</a>
<a class="nav_link_inside <?php echo ($current_page === 'cms-development') ? 'active' : ''; ?>" href="cms-development.php">CMS Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'ecommerce-website-development') ? 'active' : ''; ?>" href="ecommerce-website-development.php">eCommerce Website Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'wordpress-website-customization') ? 'active' : ''; ?>" href="wordpress-website-customization.php">WordPress Website Customization</a>
</div>
</div>
<!-- Custom Software Development Dropdown -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('customSoftware')">
Custom Software Development
<div class="for-arr-in-nav"></div>
</a>
<div id="customSoftware" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'custom-software-development') ? 'active' : ''; ?>" href="custom-software-development.php">Custom Software Development</a>
<a class="nav_link_inside <?php echo ($current_page === 'crm-software') ? 'active' : ''; ?>" href="crm-software.php">CRM Software</a>
<a class="nav_link_inside <?php echo ($current_page === 'erp-software') ? 'active' : ''; ?>" href="erp-software.php">ERP Software</a>
</div>
</div>
<!-- Design Thinking Dropdown -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('designThinking')">
Design Thinking
<div class="for-arr-in-nav"></div>
</a>
<div id="designThinking" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'wireframe-design') ? 'active' : ''; ?>" href="wireframe-design.php">Wireframe Design</a>
<a class="nav_link_inside <?php echo ($current_page === 'prototype-design') ? 'active' : ''; ?>" href="prototype-design.php">Prototype Design</a>
<a class="nav_link_inside <?php echo ($current_page === 'ui-design') ? 'active' : ''; ?>" href="ui-design.php">User Interface Design - UI</a>
<a class="nav_link_inside <?php echo ($current_page === 'ux-design') ? 'active' : ''; ?>" href="ux-design.php">User Interface Design - UX</a>
</div>
</div>
</div>
2024-12-17 12:18:51 +05:30
</div>
</div>
2024-12-20 12:12:56 +05:30
</div>
2025-01-08 18:46:39 +05:30
</li>
2025-01-06 17:28:27 +05:30
2025-01-29 15:26:37 +05:30
<!-- Hire Developers -->
<li class="drop_down single_line_drop <?php echo (in_array($current_page, $hire_developers)) ? 'active' : ''; ?>" data_dropdown>
<button class="nav_link" data_dropdown_button>Hire Developers
<svg width="8" height="5" viewBox="0 0 8 5" fill="#ababab" xmlns="http://www.w3.org/2000/svg">
<path d="M4 5L7.89711 0.5H0.102886L4 5Z" fill="white" fill-opacity="0.67" />
</svg>
</button>
<div class="dropdown_content type-one">
<div class="grid_btns">
<a class="nav-link transparent-elem"></a>
<div class="grid_btns-inn">
<h3 class="mid-para py-3">Hire Developers for Your Projects</h3>
<div class="drop_down">
<!-- Hire Mobile App Developers -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('mobileDevelopers')">
Hire Mobile App Developers
<div class="for-arr-in-nav"></div>
</a>
<div id="mobileDevelopers" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'hire-mobile-app-developers') ? 'active' : ''; ?>" href="hire-mobile-app-developers.php">Hire Mobile App Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'hire-native-app-developers') ? 'active' : ''; ?>" href="hire-native-app-developers.php">Hire Native App Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'hire-xamarin-developers') ? 'active' : ''; ?>" href="hire-xamarin-developers.php">Hire Xamarin Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'hire-android-developers') ? 'active' : ''; ?>" href="hire-android-developers.php">Hire Android Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'hire-flutter-developers') ? 'active' : ''; ?>" href="hire-flutter-developers.php">Hire Flutter App Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'hire-ionic-developers') ? 'active' : ''; ?>" href="hire-ionic-developers.php">Hire Ionic Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'hire-ios-developers') ? 'active' : ''; ?>" href="hire-ios-developers.php">Hire iOS Developers</a>
</div>
</div>
<!-- Hire Website Developers -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('websiteDevelopers')">
Hire Website Developers
<div class="for-arr-in-nav"></div>
</a>
<div id="websiteDevelopers" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'frontend-developers') ? 'active' : ''; ?>" href="frontend-developers.php">Hire Frontend Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'backend-developers') ? 'active' : ''; ?>" href="backend-developers.php">Hire Backend Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'fullstack-developers') ? 'active' : ''; ?>" href="fullstack-developers.php">Hire Full Stack Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'cms-developers') ? 'active' : ''; ?>" href="cms-developers.php">Hire CMS Developers</a>
</div>
</div>
<!-- Hire UI/UX Designers -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('uiUxDesigners')">
Hire UI/UX Designers
<div class="for-arr-in-nav"></div>
</a>
<div id="uiUxDesigners" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'ux-designers') ? 'active' : ''; ?>" href="ux-designers.php">Hire UX Designers</a>
<a class="nav_link_inside <?php echo ($current_page === 'ui-designers') ? 'active' : ''; ?>" href="ui-designers.php">Hire UI Designers</a>
<a class="nav_link_inside <?php echo ($current_page === 'graphic-designers') ? 'active' : ''; ?>" href="graphic-designers.php">Hire Graphic Designers</a>
</div>
</div>
<!-- Hire Software Testers -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('softwareTesters')">
Hire Software Testers
<div class="for-arr-in-nav"></div>
</a>
<div id="softwareTesters" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'manual-testers') ? 'active' : ''; ?>" href="manual-testers.php">Hire Manual Testers</a>
<a class="nav_link_inside <?php echo ($current_page === 'automation-testers') ? 'active' : ''; ?>" href="automation-testers.php">Hire Automation Testers</a>
<a class="nav_link_inside <?php echo ($current_page === 'qa-leads') ? 'active' : ''; ?>" href="qa-leads.php">Hire QA Leads</a>
</div>
</div>
<!-- Hire Software Developers -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('softwareDevelopers')">
Hire Software Developers
<div class="for-arr-in-nav"></div>
</a>
<div id="softwareDevelopers" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'frontend-developers') ? 'active' : ''; ?>" href="frontend-developers.php">Hire Frontend Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'backend-developers') ? 'active' : ''; ?>" href="backend-developers.php">Hire Backend Developers</a>
<a class="nav_link_inside <?php echo ($current_page === 'fullstack-developers') ? 'active' : ''; ?>" href="fullstack-developers.php">Hire Full-stack Developers</a>
</div>
</div>
<!-- Hire Business Analyst -->
<div class="for-view">
<a class="nav-link" onclick="toggleDropdown('businessAnalyst')">
Hire Business Analyst
<div class="for-arr-in-nav"></div>
</a>
<div id="businessAnalyst" class="inside_data-nav-items" style="display: none;">
<a class="nav_link_inside <?php echo ($current_page === 'business-analyst') ? 'active' : ''; ?>" href="business-analyst.php">Hire Business Analyst</a>
<a class="nav_link_inside <?php echo ($current_page === 'data-analyst') ? 'active' : ''; ?>" href="data-analyst.php">Hire Data Analyst</a>
<a class="nav_link_inside <?php echo ($current_page === 'product-manager') ? 'active' : ''; ?>" href="product-manager.php">Hire Product Manager</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
2024-12-20 12:12:56 +05:30
<!-- Web Apps -->
<li class="drop_down single_line_drop <?php echo ($current_page === 'web-app-development') ? 'active' : ''; ?>"
data_dropdown>
<a class="nav_link" href="web-app-development.php">Web Apps</a>
</li>
2025-01-29 15:26:37 +05:30
<!-- Product Development Dropdown -->
<li class="drop_down single_line_drop <?php echo (in_array($current_page, $product_development_pages)) ? 'active' : ''; ?>" data_dropdown>
2024-12-20 12:12:56 +05:30
<button class="nav_link" data_dropdown_button>Product Development
2025-01-29 15:26:37 +05:30
<svg width="8" height="5" viewBox="0 0 8 5" xmlns="http://www.w3.org/2000/svg">
<path d="M4 5L7.89711 0.5H0.102886L4 5Z" />
2024-12-20 12:12:56 +05:30
</svg>
</button>
2025-01-29 15:26:37 +05:30
<div class="dropdown_content type-two">
2024-12-20 12:12:56 +05:30
<div class="grid_btns">
2025-01-29 15:26:37 +05:30
<a class="nav-link transparent-elem"></a>
<div class="grid_btns-inn">
2024-12-20 12:12:56 +05:30
<a class="nav-link <?php echo ($current_page === 'product-development') ? 'active' : ''; ?>"
href="product-development.php">Product Development</a>
2025-01-02 17:42:19 +05:30
<a class="nav-link <?php echo ($current_page === 'ai-ml') ? 'active' : ''; ?>"
href="ai-ml.php">AI-Powered Solutions</a>
2024-12-20 12:12:56 +05:30
<a class="nav-link <?php echo ($current_page === 'app-modernization') ? 'active' : ''; ?>"
href="app-modernization.php">Application Modernization</a>
<a class="nav-link <?php echo ($current_page === 'ui-ux') ? 'active' : ''; ?>"
href="ui-ux.php">UI/UX Modernization</a>
<a class="nav-link <?php echo ($current_page === 'complete-digital-transformation') ? 'active' : ''; ?>"
href="complete-digital-transformation.php">Complete Digital Transformation</a>
2024-12-17 12:18:51 +05:30
</div>
</div>
2024-12-20 12:12:56 +05:30
</div>
</li>
<!-- AI Solutions -->
2025-01-02 17:42:19 +05:30
<!-- <li class="drop_down single_line_drop <?php echo ($current_page === 'ai-ml') ? 'active' : ''; ?>"
2024-12-20 12:12:56 +05:30
data_dropdown>
<a class="nav_link" href="ai-ml.php">AI Solutions</a>
2025-01-02 17:42:19 +05:30
</li> -->
2024-12-20 12:12:56 +05:30
<!-- AI Apps -->
<li class="drop_down single_line_drop <?php echo ($current_page === 'ai-app') ? 'active' : ''; ?>"
data_dropdown>
<a class="nav_link" href="ai-app.php">AI Apps</a>
</li>
<!-- Solutions -->
<li class="drop_down single_line_drop <?php echo ($current_page === 'consulting') ? 'active' : ''; ?>">
<a class="nav_link" href="consulting.php">Solutions</a>
</li>
<!-- Company -->
<li class="drop_down single_line_drop <?php echo (in_array($current_page, $company_pages)) ? 'active' : ''; ?>"
data_dropdown>
2024-12-20 12:12:56 +05:30
<button class="nav_link" data_dropdown_button>Company
<svg width="8" height="5" viewBox="0 0 8 5" fill="#ababab" xmlns="http://www.w3.org/2000/svg">
<path d="M4 5L7.89711 0.5H0.102886L4 5Z" fill="white" fill-opacity="0.67" />
</svg>
</button>
2025-01-29 15:26:37 +05:30
<div class="dropdown_content type-two">
2024-12-20 12:12:56 +05:30
<div class="grid_btns">
2025-01-29 15:26:37 +05:30
<a class="nav-link transparent-elem"></a>
<div class="grid_btns-inn">
2024-12-20 12:12:56 +05:30
<a class="nav-link <?php echo ($current_page === 'company-about-us') ? 'active' : ''; ?>"
href="company-about-us.php">About Us</a>
<a class="nav-link <?php echo ($current_page === 'project-management') ? 'active' : ''; ?>"
href="project-management.php">Project Management</a>
<a class="nav-link <?php echo ($current_page === 'portfolio') ? 'active' : ''; ?>"
href="portfolio.php">Portfolio</a>
2024-12-17 12:18:51 +05:30
</div>
</div>
2024-12-20 12:12:56 +05:30
</div>
</li>
2024-12-20 12:12:56 +05:30
<!-- Contact Us -->
2025-01-02 17:42:19 +05:30
<li class="drop_down lg-contact">
2024-12-20 12:12:56 +05:30
<a href="contact-us.php"
class="nav_link contact_us <?php echo ($current_page === 'contact-us') ? 'active' : ''; ?>">
Do you have a project
<img loading="lazy" src="../assets/images/arrow-up-right.webp" class="arrow_up" alt="arrow-up">
</a>
</li>
</ul>
</nav>
<!-- Hamburger Menu -->
<div class="ham_burger">
<button aria-label="button"><i class="fa-solid fa-bars"></i></button>
2024-12-17 12:18:51 +05:30
</div>
2024-12-20 12:12:56 +05:30
<div class="overlay"></div>
2024-12-17 12:18:51 +05:30
</div>
2024-12-20 12:12:56 +05:30
</header>