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

873

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..

3 years ago

9.6k
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

2 days ago

40
3D button with hover effect!

Author:
Laurits

2 years ago

17.7k
YouTube subscription button

Author:
Shakti

2 years ago

11.2k
Button with a gradient border using Tailwind CSS

Author:
Dipti narayan

2 years ago

12.4k
E-Learning Course Card with Badge and Level Indicator
An HTML and Tailwind CSS component mockup for displaying course information. Features include a placeholder image area with an overlaid certificate badge, a distinct level indicator banner below the image, category text, a course title, key details (like duration and learner count placeholders), and primary/secondary action buttons. Designed for e-learning platforms or course listings.

Author:
Hamza Atig

6 months ago

788
Heade With Hero Section

Author:
Abdul Baset Bappy

4 months ago

774
Animated underline hover navbar
Simple animated underline hover effect navbar.

Author:
inbarajan P

1 year ago

2.4k
Enhanced Modern Navbar
The navbar now feels premium and modern while maintaining all original functionality. The glassmorphism effect, smooth animations, and professional styling create a cutting-edge user experience that would fit perfectly on any modern website!

Author:
Rathanak Phan

4 months ago

556
Store buttons (apple,google play)
apple, google play store buttons

Author:
Simon Scheffer

2 years ago

14.6k
Buttons - Htmlwind
Primary buttons

Author:
Htmlwind

4 months ago

293
admin panel UI
Premium Admin Panel Pack including sidebar navigation, top navbar, dashboard cards, user tables, quick actions, profile section, and footer. Fully responsive with modern clean design using Tailwind CSS.

Author:
Lekhraj Ghimire

4 months ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components