JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://carlosbeneyto.com/demo/nextlevels/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://carlosbeneyto.com/demo/nextlevels/assets/css/nextlevels.css">
<body style="">
<header>
<!-- menu -->
<div class="fondo-menu-principal-index">
<div class="container menu-principal-index">
<a href="#"><div class="logo-menu"></div></a>
<div class="masthead">
<nav>
<ul class="nav nav-pills fondo-menu pull-right">
<li class="menu-nl active"><div class="fondo-inicio-div"></div><a href="#" class="menu-nl-prim">woocommerce</a></li>
<li class="menu-nl"><a href="#">wordpress</a></li>
<li class="menu-nl"><a href="#">design</a></li>
<li class="menu-nl"><a href="#">seo</a></li>
<li class="menu-nl"><a href="#">contact</a></li>
<li class="menu-nl"><a href="#">about</a></li>
<li class="menu-nl"><a href="#">contact</a></li>
<li class="menu-nl"><a href="#">about</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- /menu -->
</header>
<section>
<div class="principal">
<div class="titulo-principal">
<h1 class="titulo-principal-h">poned algo aquí</h1>
<p class="titulo-principal-p">(que esté chulo, por favor)</p>
</div>
</div>
</section>
<section>
<div class="container container-superior">
<div class="sombra-container"></div>
<div class="row n1">
<h3 class="titulo-container-h">¿Nuestras premisas?</h3>
<div class="reposicion">
<div class="btn-ayudarte">
<h3 class="btn-ayudarte-h">¿En qué podemos ayudarte?</h3>
</div>
<div class="fondo-cuadricula">
</div>
<div class="span4-n centrado">
<h2 class="titulo-container-n-h">Buen gusto</h2>
<img class="orientar" src="assets/img/principal/orientar.png">
<div class="premisa-1">
<h4...