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

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

3 months ago

534
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

674
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

1 month ago

215
Ai clone, chat ui
Chat interface for ai builder, dont toomuch focused on designing responsive

Author:
Abhiraj

4 months ago

809
Tag Input field
This code creates a dynamic tag input field using HTML, JavaScript, and TailwindCSS. Users can type tags into the input field and press "Enter" to add them. Each tag is displayed inside the input field as a styled container with a remove button. The tag input is limited to a maximum of 5 tags, and an error message is shown if the limit is exceeded. Users can remove tags to free up space for new ones. The input field and tags are styled using TailwindCSS, ensuring a clean and responsive design.

Author:
Ranit Saha

4 months ago

840
Responsive Card Grid with hover animation

Author:
Prashant

2 years ago

18.4k
Age verification 18+

Author:
Maxim

5 months ago

479
Stacked Checkboxes

Author:
kishan pc

1 year ago

1.9k
Work Showcase Cards
Highlight your top projects or products with these cards, featuring images and brief descriptions. This example has a subtle hover effect.

Author:
Computer guy

1 year ago

11.2k
pages / slides

Author:
MD Fardous Alom

4 months ago

730
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Author:
Ameth Galarcio

10 months ago

2.6k
House Cleaning Website Services Section
House Cleaning Website Services Section Photo by @candjstudios & @framesforyourheart on Unsplash

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

1 year ago

6.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components