Simple resume card

This tailwind example is contributed by Anonymous, on 08-Sep-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example is CV template

Resume template

Author Anonymous

Tailwind v3.4 11k 16

Fork Fullscreen

<div class="container mx-auto py-8 px-4">
        <div class="bg-white p-6 rounded-lg shadow-lg">
            <h1 class="text-3xl font-semibold">John Doe</h1>
            <p class="text-gray-600">Web Developer</p>

<h2 class="text-xl font-semibold mb-2">Summary</h2>
            <p class="text-gray-700">Experienced web developer with a passion for creating responsive and user-friendly
                websites. Proficient in HTML, CSS, JavaScript, and various web development frameworks.</p>

<h2 class="text-xl font-semibold mt-4 mb-2">Skills</h2>
            <ul class="list-disc list-inside text-gray-700">
                <li>HTML/CSS</li>
                <li>JavaScript</li>
                <li>React</li>
                <li>Node.js</li>
                <li>Responsive Web Design</li>
            </ul>

<h2 class="text-xl font-semibold mt-4 mb-2">Experience</h2>
            <div class="mb-4">
                <h3 class="text-lg font-semibold">Web Developer, ABC Company</h3>
                <p class="text-gray-700">Developed and maintained company website, implementing responsive design and
                    optimizing performance. Collaborated with the design team to create visually appealing web pages.
                </p>
                <p class="text-gray-600">January 2020 - Present</p>
            </div>

<div class="mb-4">
                <h3 class="text-lg font-semibold">Frontend Developer, XYZ Agency</h3>
                <p class="text-gray-700">Worked on various client projects, translating design mockups into interactive
                    web pages. Utilized modern web technologies to ensure cross-browser compatibility.</p>
                <p class="text-gray-600">June 2018 - December 2019</p>
            </div>

<h2 class="text-xl font-semibold mt-4 mb-2">Education</h2>
            <div class="mb-4">
                <h3 class="text-lg font-semibold">Bachelor of Science in Computer Science</h3>
                <p class="text-gray-700">University of Example</p>
                <p class="text-gray-600">Graduated in May 2018</p>
            </div>

<h2 class="text-xl font-semibold mt-4 mb-2">Contact</h2>
            <ul class="list-disc list-inside text-gray-700">
                <li>Email: john.doe@example.com</li>
                <li>LinkedIn: <a href="https://www.linkedin.com/in/johndoe"
                        class="text-blue-500 hover:underline">linkedin.com/in/johndoe</a></li>
                <li>Website: <a href="https://www.johndoe.com" class="text-blue-500 hover:underline">johndoe.com</a>
                </li>
            </ul>
        </div>
    </div>

</div>

Related Examples

Modern resume template
modern resume template with data

Amit Pachange

3 years ago

23.3k
Basic Resume template
simple and clean layout that provides a professional look.

R.P Ketan

3 years ago

28.1k
Resume template for tech field
IT industry resume layout

Nishant Trivedi

3 years ago

10.6k
background animation
background animation

Anonymous

3 years ago

53.1k
tailwind one page resume cv template
tailwind one page resume cv template

Geoffrey Callaghan

2 years ago

5.5k
free tailwind resume template
free tailwind resume template

Geoffrey Callaghan

2 years ago

7.8k
Hero

Aman kumar

2 years ago

7.7k
Card Cartier Product
Card Based View of Cartier

Ameth Galarcio

1 year ago

1.5k
Portfolio Hero Section 1
visually stunning and captivating hero section component for your portfolio website.

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

2 years ago

6.4k
Muhammad Umair Arshad - Frontend Developer Resume | React, TypeScript, Tailwind CSS
Professional resume of Muhammad Umair Arshad, a skilled Frontend Developer specializing in React, TypeScript, and Tailwind CSS. I build high-performance web applications with responsive UI design.

Muhammad Umair Arshad

1 year ago

1.9k
Portfolio Hero Section 4

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

1 year ago

4.9k
Experience Card
Experience card section you can use for portfolio or other profiles.

Khalid

2 years ago

4.4k