Home
Anonymous
Simple resume card

Simple resume card

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

Resume template

Author Anonymous

10.2k

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