<header class="navbar">

    <div class="logo">
        <h2>TobaTrip</h2>
    </div>

    <nav>
        <ul class="menu">
            <li><a href="index.php">Home</a></li>
            <li><a href="galeri.php">Galeri</a></li>
            <li><a href="reservasi.php">Reservasi</a></li>
            <li><a href="login.php">Login</a></li>
        </ul>
    </nav>

</header>

<style>
    *{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }

    .navbar{
        width:100%;
        background:#0d6efd;
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:15px 50px;
    }

    .logo h2{
        color:white;
        font-size:28px;
    }

    .menu{
        display:flex;
        list-style:none;
        gap:20px;
    }

    .menu li a{
        color:white;
        text-decoration:none;
        font-size:18px;
        transition:0.3s;
    }

    .menu li a:hover{
        color:yellow;
    }
</style>