JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner">
    <div class="navbac">
        <div class="logo"></div>
        <ul class="nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">About us</a></li>
         </ul> 
    </div>
</div>

CSS

.navbac {
    background:rgba(255,255,255,0.7);
    position:relative;
    bottom:0px;
}
.logo {
    background:url(http://img2.timeinc.net/people/i/2013/pets/news/130304/kitten-3-600.jpg) no-repeat;
    width:257px;
    height:50px;
}