Home
$@(\/)(\/)Y
Clone of LinkedIn Questionnaire Card

Clone of LinkedIn Questionnaire Card

This tailwind example is contributed by $@(\/)(\/)Y, on 21-Apr-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example is copy

Card Banner Clone

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

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

3.2k

Fork Fullscreen

<div class="w-full h-screen flex items-center bg-gray-300 dark:bg-gray-900">
    <div class="xl:w-[40%] lg:w-[50%] sm:w-[80%] xs:w-[96%] mx-auto shadow-lg flex flex-col gap-2 justify-center items-center p-4 mx-4 border-2 rounded-lg bg-white dark:border-gray-500 dark:bg-gray-900">
        <img src="https://media.licdn.com/media/AAYQAgSuAAgAAQAAAAAAACusnN9kMj0wRRWck-KbrrrLSg.png" alt="User Profile" class="w-[6rem] h-[6rem] outline outline-2 outline-gray-200 rounded-full" />
        <div class="w-full pt-4 text-center">
            <h3 class="text-2xl font-serif text-gray-900 dark:text-white">Hi Samuel, are you hiring?</h3>
            <p class="text-xl text-serif pt-2 text-gray-500 dark:text-gray-400">Discover free and easy ways to find a great
                hire,
                fast.</p>
        </div>

<div class="flex sm:flex-row xs:flex-col gap-4 pt-4 dark:text-white">
            <button class="px-6 py-1 rounded-full outline outline-1 outline-blue-700 font-serif">Yes, I'm hiring</button>
            <button class="px-6 py-1 rounded-full outline outline-1 outline-blue-700 font-serif">No, not right now</button>
        </div>
    </div>
</div>

Related Examples

Twitter tweet clone
Replica of twitter tweet card

Author:
Sophia Baker

2 years ago

9.3k
cards
cards slices

Author:
Anonymous

1 year ago

5.9k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

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

1 year ago

2.8k
Trending Users
Tailwind Flex Trending Users Card Design

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

11 months ago

3k
Thankyou Card

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

11 months ago

4.4k
Grid
Grid Grid-Cards

Author:
sardorazimov2901

10 months ago

1.5k
Kids E-learning Platform Card
Kids E-learning Platform Card Clone

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

5 months ago

999
GitHub For you Feed
GitHub For you Feed Clone

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

5 months ago

1.5k
Call to Action Box

Author:
Aitrik Saha

3 months ago

623
Food App Web design

Author:
Aitrik Saha

2 months ago

561
sticky headings
sticky headings

Author:
Anonymous

1 year ago

5.5k
Responsive Tailwind CSS Listing Cards
This is a collection of responsive listing cards built with Tailwind CSS, optimized for modern web applications. The component features a flexbox layout, ensuring seamless responsiveness across mobile, tablet, and laptop screens. Each card includes an image, title, and description, styled for both light and dark modes. Perfect for showcasing products, portfolio items, or blog posts.

Author:
Abhiraj

4 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components