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

371

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

Button Group

Author:
Prem..

2 years ago

9.2k
Canlı Yayın Butonu
Pulse efekt içeren canlı yayın butonu.

Author:
Sedat Kumcu

7 months ago

994
rgb border button

Author:
Akram Khan

11 months ago

1.6k
beautiful buttons set
a beautofull buttons set like primary, outline and text.

Author:
Akram Khan

7 months ago

753
Navbar compoent

Author:
Amit Pachange

2 years ago

15k
Modern Website Header & Footer
I created a professional header and footer using HTML and Tailwind CSS with modern design elements, smooth animations, and interactive features.

Author:
Rathanak Phan

2 days ago

54
Responsive Tailwind CSS Navbar
A clean and professional navigation bar built with Tailwind CSS. This component includes a logo, navigation links, and a mobile menu with a toggle button for smaller screens. Fully responsive and easy to integrate into any project. Ideal for portfolios, business websites, or modern web apps.

Author:
irahoza daniel

3 weeks ago

123
Menu button

Author:
Freja Jensen

2 years ago

14.9k
Back to top button

Author:
Rafferty Kim

2 years ago

14.1k
Primary and secondary button pair
Call to action buttons

Author:
Manuela Bianka

2 years ago

15.5k
Hamburger menu button with open/close animation
Open and close animation onclick requires alpineJs

Author:
Krishna Gudpalle

2 years ago

18.5k
Sign in with facebook button

Author:
Conan Hilton

2 years ago

10.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components