File: /var/www/html/video-rental/wp-content/themes/video-rentals/header.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curated</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css"
integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/common.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/header.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/footer.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/style.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/home.css">
<?php wp_head(); ?>
</head>
<body>
<header class="header">
<nav class="navbar navbar-expand-md navbar-light custom-container">
<div class="container nav-container">
<a class="navbar-brand" href="#"> <img src="<?php echo get_template_directory_uri(); ?>/img/logo.svg"> </a>
<button class="navbar-toggler" type="button" data-toggle="offcanvas">
<div class="hamburger" id="hamburger-1">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</div>
</button>
<div class="navbar-collapse offcanvas-collapse">
<div class="nav-wrapper">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link <?php echo (is_page('home')) ? 'active' : ''; ?>" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Help</a>
</li>
</ul>
</div>
</div>
<div class="user-wrap" id="userClick">
<a href="#" class="link">
<div class="img-wrap">
<div class="status active"></div>
<img src="<?php echo get_template_directory_uri(); ?>/img/user.png" alt="" class="img">
</div>
<img src="<?php echo get_template_directory_uri(); ?>/img/arrow-don.svg" alt="" class="arrow">
</a>
<ul class="user-list" style="display: none;">
<li><a href="">Test 1</a></li>
<li><a href="">Test 2</a></li>
<li><a href="">Test 3</a></li>
</ul>
</div>
</div>
</nav>
</header>