Home
BocchiChan
Componentes para mi empresa

Componentes para mi empresa

para mi empresa

This tailwind example is contributed by BocchiChan, on 05-May-2025. Component is made with Tailwind CSS v3. It is responsive.

Button Navigations

Author BocchiChan

1.1k

Fork Fullscreen

<button class="bg-[#0070F3] text-white font-medium py-2 px-4 rounded hover:bg-blue-600 transition">
  Cotiza tu sitio
</button>
<button class="bg-black text-white border border-white py-2 px-4 rounded hover:bg-white hover:text-black transition">
  Más información
</button>

<div class="bg-white text-black p-6 rounded-xl shadow-md border border-gray-light">
  <h3 class="text-lg font-semibold mb-2">Software a medida</h3>
  <p class="text-gray-default text-sm">Desarrollamos soluciones según tus necesidades.</p>
</div>

<nav class="bg-black text-white flex justify-between items-center px-6 py-4">
  <div class="text-xl font-bold">MiMarca</div>
  <div class="space-x-6">
    <a href="#" class="hover:text-blue-primary">Inicio</a>
    <a href="#" class="hover:text-blue-primary">Servicios</a>
    <a href="#" class="hover:text-blue-primary">Contacto</a>
  </div>
</nav>
<input type="text" placeholder="Tu correo" class="bg-black border border-gray-light text-white px-4 py-2 rounded-md placeholder-gray-default focus:outline-none focus:border-blue-primary transition">

Related Examples