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

Services

This tailwind example is contributed by $@(\/)(\/)Y, 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

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

Author $@(\/)(\/)Y

1.4k

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

Modern Testimonial
A simple and easy to use component for reviews and testimonials.

Author:
Coastal UI

4 months ago

591
Reusable Skill Showcase Section With Pure Tailwind CSS
A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.

Author:
Abdul Baset Bappy

2 months ago

736
Feature Card
Shows off a feature, great for homepages and grid layout, or can be used in dashboards for "example use" grids. Enjoy! Part of the Coastal UI collection.

Author:
Coastal UI

2 months ago

222
Hacker terminal #fake
hacker terminal tailwind css

Author:
QQ-VVN

1 month ago

261
OTP Verification Page
A responsive and interactive OTP verification page built with Tailwind CSS. The page features a gradient background, hover effects, and animations to enhance user experience. It includes input fields for the OTP, a resend OTP link, and a verify button. The design is optimized for both light and dark modes.

Author:
Abhiraj

4 months ago

1k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

1.9k
coffee
a beverage brewed from the roasted and ground seeds of the tropical evergreen coffee plant. Coffee is one of the three most popular beverages in the world (alongside water and tea), and it is one of the most profitable international commodities

Author:
Augustin

4 weeks ago

310
Responsive cards with hover

Author:
Robert Chunga

1 year ago

2.3k
super admin
super admin

Author:
Tanvir Hasan Bappy (Tanvir)

2 months ago

623
Contact Form Component
A multi-step, responsive contact form with a modern dark-themed design. The form includes four steps: name, email, phone number, and message. It features a side panel with contact information and a sleek, gradient-styled interface using Tailwind CSS.

Author:
Muhammad Umair Arshad

2 months ago

422
Features section
Showcase your key features

Author:
Manon Daniel

2 years ago

15.6k
Feature, Showcase

Author:
Matti

5 months ago

732

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components