File: /var/www/html/qcr24/CodeBase_quantum/dev/wp-content/themes/quantum/header.php
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<!-- End Google Tag Manager -->
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<link rel="shortcut icon" href="<?php echo get_field('favicon', 'option'); ?>" type="image/x-icon">
<link rel="icon" href="<?php echo get_field('favicon', 'option'); ?>" type="image/x-icon">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?> role="document">
<!-- ======= Top Bar ======= -->
<div id="topbar" class="d-flex align-items-center fixed-top">
<div class="container d-flex align-items-center justify-content-center justify-content-md-between">
<div class="d-flex align-items-center">
<span><i class="bi bi-envelope"></i> <a href="mailto:<?php echo get_field('email_id_one', 'option'); ?>" class="text-white"><?php echo get_field('email_id_one', 'option'); ?></a></span>
<span class="ms-2"><i class="bi bi-phone"></i> <?php echo get_field('phone_number_one', 'option'); ?></span>
</div>
<div class="d-flex align-items-center social-icons">
<?php if(get_field('facebook', 'option')){ ?>
<span><a href="<?php echo get_field('facebook', 'option'); ?>" class="text-white px-1" target="_blank"><i class="bi bi-facebook"></i></a></span>
<?php } ?>
<?php if(get_field('twitter', 'option')){ ?>
<span><a href="<?php echo get_field('twitter', 'option'); ?>" class="text-white px-1" target="_blank"><i class="bi bi-twitter"></i></a></span>
<?php } ?>
<?php if(get_field('youtube', 'option')){ ?>
<span><a href="<?php echo get_field('youtube', 'option'); ?>" class="text-white px-1" target="_blank"><i class="bi bi-youtube"></i></a></span>
<?php } ?>
</div>
</div>
</div>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center">
<a href="<?php echo bloginfo('url'); ?>" class="logo me-auto"><img src="<?php echo get_field('logo', 'option'); ?>" alt=""></a>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <h1 class="logo me-auto"><a href="index.html">Quantum Cars</a></h1> -->
<nav id="navbar" class="navbar order-last order-lg-0">
<?php
$menuHeader = array(
'theme_location' => 'header',
'menu_class' => '', // the manu element class
'container' => false,
'fallback_cb' => false,
'add_a_class' => 'nav-link scrollto',
//'items_wrap' => '<ul class="%2$s">%3$s</ul>',
);
wp_nav_menu( $menuHeader ); // Defining the menu with attributes
?>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<!-- .navbar -->
<!--<a href="#." data-bs-toggle="modal" data-bs-target="#staticBackdrop" class="appointment-btn scrollto">LOGIN</a>-->
</div>
</header>
<!-- End Header -->
<!--<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title thm-color-txt fs-5" id="staticBackdropLabel">Login</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="" class="col-form-label">Enter Phone no</label>
<input type="text" class="form-control" id="" placeholder="987654XXXX">
</div>
<div class="mb-3">
<label for="" class="col-form-label">Enter OTP</label>
<input type="text" class="form-control" id="" placeholder="XX11XX">
</div>
</form>
</div>
<div class="modal-footer justify-content-center">
<button type="button" class="btn thm-btn">GET OTP</button>
<button type="button" class="btn thm-btn">LOGIN</button>
</div>
</div>
</div>
</div>-->