JSFiddle - React, Tailwind, and code Playground

by Renilson Meneguci

HTML

<div class="container-fluid">
  <div id="menuwraper">
    <div id="menu">
        <ul id="navegacao">
            <li>
                <a href="home"><img src="https://upload.wikimedia.org/wikipedia/commons/3/33/Vanamo_Logo.png" width="20px" height="20px"/></a>
            </li>
            <li class="efeito"><a href="sobre">SOBRE NĂ“S</a></li>
            <li class="efeito"><a href="projetos">PROJETOS</a></li>
            <li class="efeito"><a href="noticias">NOVIDADES</a></li>
            <li class="efeito"><a href="contato">CONTATO</a></li>
            <li class="efeito"><a href="parceiros">PARCEIROS</a></li>
        </ul>
    </div>
</div>

CSS

#menu {
  height: 400px;
  position:absolute;
  margin-top:31px;
  width: 15%;
  margin-bottom:140px;
}

 body {
    background-image: url("http://belatintas.com.br/blog/wp-content/uploads/2015/08/Vestir-e-Maquiar.jpg")
}