Happy Kitten

by Leandro Barbosa

HTML

<ul>
    <li class="telefonia">TELEFONIA</li>
    <li class="seila">SEILA</li>
</ul>

CSS

html,
body {
    height: 100%;
}

ul {
    position: relative;
    display: block;
    width: 100%;
    height: 68%;
    background: yellow url('https://s3.amazonaws.com/rapgenius/cats-animals-kittens-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

li {
    position: absolute;
    background: red;
    display: block;
}

li.telefonia {
    top: 10%;
    right: 10%;
}

li.seila {
    top: 25%;
    right: 25%;
}