Home
$@(\/)(\/)¥
Services

Services

This tailwind example is contributed by $@(\/)(\/)¥, on 30-Dec-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are Services,Why choose us

Feature showcase Other

$$@(\/)(\/)¥ profile image$

Author $@(\/)(\/)¥

1.7k

Fork Fullscreen

<div class="flex flex-col gap-2">
            <h3 class="text-xl font-semibold text-white dark:text-black">Web Development</h3>
            <p class="text-gray-400 dark:text-gray-700">
              Crafting responsive and intuitive websites tailored to your unique needs using cutting-edge
              technologies.
            </p>
          </div>
        </div>

<div class="flex sm:gap-4 gap-2">
          <span>
              <ion-icon class="sm:text-5xl text-3xl text-green-400 dark:text-green-600" name="browsers-outline"></ion-icon>
            </span>

<div class="flex flex-col gap-2">
            <h3 class="text-xl font-semibold text-white dark:text-black">UI/UX Design</h3>
            <p class="text-gray-400 dark:text-gray-700">Creating visually appealing and user-centric designs that enhance user
              experiences and engagement.</p>
          </div>
        </div>

<div class="flex sm:gap-4 gap-2">
          <span>
              <ion-icon class="sm:text-5xl text-3xl text-green-400 dark:text-green-600" name="archive-outline"></ion-icon>
            </span>

<div class="flex flex-col gap-2">
            <h3 class="text-xl font-semibold text-white dark:text-black">Custom CMS Solutions</h3>
            <p class="text-gray-400 dark:text-gray-700">Building reusable and efficient CMS APIs to simplify website management and
              scalability.</p>
          </div>
        </div>
        
        <div class="flex sm:gap-4 gap-2">
          <span>
              <ion-icon class="sm:text-5xl text-3xl text-green-400 dark:text-green-600" name="phone-portrait-outline"></ion-icon>
            </span>
          <div class="flex flex-col gap-2">
            <h3 class="text-xl font-semibold text-white dark:text-black">Mobile App Dev't</h3>
            <p class="text-gray-400 dark:text-gray-700">Designing and developing user-friendly mobile applications for iOS and Android,
              ensuring seamless performance and user satisfaction.</p>
          </div>
        </div>
        
        <div class="flex sm:gap-4 gap-2">
          <span>
              <ion-icon class="sm:text-5xl text-3xl text-green-400 dark:text-green-600" name="bag-check-outline"></ion-icon>
            </span>
          <div class="flex flex-col gap-2">
            <h3 class="text-xl font-semibold text-white dark:text-black">E-commerce Development</h3>
            <p class="text-gray-400 dark:text-gray-700">Creating robust platforms to elevate your online business presence.</p>
          </div>
        </div>
        
        <div class="flex sm:gap-4 gap-2">
          <span>
              <ion-icon class="sm:text-5xl text-3xl text-green-400 dark:text-green-600" name="swap-horizontal-outline"></ion-icon>
            </span>
          <div class="flex flex-col gap-2">
            <h3 class="text-xl font-semibold text-white dark:text-black">API Integration</h3>
            <p class="text-gray-400 dark:text-gray-700">Seamlessly connecting systems to enhance functionality and performance.
            </p>
          </div>
        </div>

</div>
    </section>
  </div>

</div>

<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

Related Examples

Concert ticket

Author:
Elijah Davis

2 years ago

13.2k
Elegant Dock
Useful Tailwind classes for constructing a basic Dock (usually used on mobile).

Author:
Nick Girga

5 months ago

640
🔥 Sleek & Modern Button with Hover Effect – Tailwind CSS
A beautifully designed button using Tailwind CSS, featuring smooth transitions, a bold shadow effect, and a hover animation. Styled with custom colors, rounded edges, and a modern font, this button is perfect for call-to-action (CTA) elements in your website or app. 🚀

Author:
Ahita Bisma Adlula

7 months ago

402
tailwind services section
display features/services of your product

Author:
L.J. Weber

2 years ago

20.1k
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
kzsamir849

1 year ago

1.8k
Responsive navbar with alpinejs
A mix of Penguin navbar with PineUI Slide-Over

Author:
Muhammad Rizqi Juniyanto

11 months ago

2.9k
Checkbox models
Tailwind Checkbox models

Author:
QQ-VVN

5 months ago

666
App Hero Section With header

Author:
Abdul Baset Bappy

3 months ago

682
Feature cards with icons on top

Author:
Manon Daniel

2 years ago

16.5k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

3.1k
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Author:
Hamza Atig

5 months ago

858
portfolio
Complete Portfolio UI Kit with hero, about, skills, projects, testimonials, contact form, and footer. Fully responsive and dark mode supported using Tailwind CSS.

Author:
Lekhraj Ghimire

3 months ago

597

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components