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

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.6k
cards
cards slices

Author:
Anonymous

1 year ago

6.4k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

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

1 year ago

3.1k
Trending Users
Tailwind Flex Trending Users Card Design

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

1 year ago

3.3k
Thankyou Card

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

1 year ago

5.1k
Grid
Grid Grid-Cards

Author:
sardorazimov2901

1 year ago

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

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

9 months ago

1.2k
GitHub For you Feed
GitHub For you Feed Clone

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

9 months ago

2.1k
Call to Action Box

Author:
Aitrik Saha

7 months ago

1.1k
Food App Web design

Author:
Aitrik Saha

5 months ago

1.2k
Tailwind css banner offer
Bold neobrutalist design with thick borders, vibrant colors, and strong shadows - perfect for promotions.

Author:
saim-t8

5 days ago

72
Team Members Showcase with Portfolio Backlink
Showcase your team's talent with this beautifully designed and responsive team members grid. Each card includes the member's photo, name, role, and social links. A special portfolio backlink is included to highlight your personal contributions as a developer. Supports light and dark modes.

Author:
Abhiraj

8 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components