CSS Menu sobrepondo imagem no css

[Express]

Bom dia!

Sou iniciante, e gostaria de por o menu sobrepondo uma imagem igual aqui:

o meu atualmente: 

 

[joaovitorm10]

crie uma nav e coloque um ul e li para separa a logo se poe left e as ul no right

//identificando um cabeçario
<header style="position: fixed;
    top: 0;
    left:0;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: 1s;">  
//link da logo
  <a href='#' class="logo"style=" position: absolute;
    font-size: 2em;
    left: 100px;" >
    <img src="img/logo.png" class="logoimg" style="height: 70px;">
  </a>
  //area de navegação
        <nav style="position: relative;
    display:flex;
    z-index: 1;">
            <ul style="position:relative;
    display:flex;">
                <li style="list-style: none;"><a href="/da">INICIO</a></li>
                <li style="list-style: none;"><a href="#">DA</a></li>
                <li style="list-style: none;"><a href="#">da</a></li>
                <li style="list-style: none;"><a href="#">DA</a></li>
            </ul>
        </nav>
    </header>