header.php

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/css/main.css">
<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet">
<link rel="shortcut icon" type="image/ico" href="/images/eigth-note.ico"/>
<style>
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<body>

<div class="main-grid-container">
    <div class="banner">
        <h1 id="logo-main">LOW KEY LOVE</h1>
       <!-- <a class="logo-main" href="http://localhost.com">LearnLowKey</a> -->
    </div>
    <div class="nav-container">
        <nav class="navbar" role="navigation">
            <ul class="nav-items">
                <ul class="dropdown">
                    <li><a href="javascript:void(0)" class="dropbtn">
                        <i class="far fa-user"></i>
                    </a></li>
                    <ul class="dropdown-content"> 
                        <li><a href="myaccount.php", class="drop1">MY ACCOUNT</a></li>
                    </ul> 
                </ul>         
                <li><a href="listen.php", class="navitem2">LISTEN</a></li>
                <li><a href="learn.php", class="navitem3">LEARN</a></li>
                <li><a href="index.php", class="navitem1">HOME</a></li>  
                <li><a href="logout.php", class="navitem4">LOGOUT</a></li>  

                
            </ul>
        </nav>
    </div>   