JSFiddle - React, Tailwind, and code Playground

by ramono

HTML

<body>
    <header id="alogo">
        <h1><a href="home.html">Nombre de tu Pagina</a></h1>
    </header>
    <nav>
        <ul>
            <li><a href="sobremi.html">Sobre Mi</a></li>
            <li><a href="portfolio.html">Portafolio</a></li>
            <li><a href="contacto.html">Contacto</a></li>
        </ul>
    </nav>
</body>

CSS

#alogo {
    display: block;
    width: 100%;
    height: 260px;
    border: 1px solid #CCC;
    margin: 0 0 10px 0;
}
#alogo h1 {
    float: left;
    width: 260px;
    height: 260px;
    margin: 0;
}
#alogo a { 
    display: block; 
    width: 260px; 
    height: 260px;
   text-indent: -9999px;
   background: url(http://lorempixum.com/260/260/abstract); 
}
nav a {
    text-transform: uppercase;
    color: #999;
    text-decoration: none;
}