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

Clone of LinkedIn Questionnaire Card

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

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

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

3.7k

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

Author:
Anonymous

1 year ago

6.5k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

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

1 year ago

3.3k
Trending Users
Tailwind Flex Trending Users Card Design

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

1 year ago

3.8k
Thankyou Card

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

1 year ago

5.5k
Grid
Grid Grid-Cards

Author:
sardorazimov2901

1 year ago

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

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

11 months ago

1.5k
GitHub For you Feed
GitHub For you Feed Clone

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

11 months ago

2.2k
Call to Action Box

Author:
Aitrik Saha

9 months ago

1.4k
Food App Web design

Author:
Aitrik Saha

8 months ago

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

Author:
saim-t8

2 months ago

331
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

1 week ago

165

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components