i am looking for create a navbar like this but i am no idea how to make it. Can anyone help me

I already tried to let ai help but it’s not get it Aboud concept of navbar. This is my current code.
—————-html————-

<div class="navbar">
    <div class="box">งานพัฒนานักศึกษา</div>
    <div class="box">งานบริการการศึกษา</div>
</div>

————–css————–

.navbar {
    display: flex;
    font-family: psuStidi-Bold;
    color: var(--primary-color);
    flex-direction: row;
    border-bottom: 1px solid #ccc;

}
.navbar .box {
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px 20px;
    text-decoration: none;
    color: var(--primary-color);
    background-color: #b0b0b0;
    border: 1px solid #ccc;
    border-bottom: none;
    transition: background-color 0.2s ease;
}
.navbar .box:active {
    background-color: #15325B;
    color: #fff;
    border-bottom: none;
    border: var(--gray-color1) solid 1px;
}