→ Juan Martinez
→ Resume template

Resume template

Simple and elegant resume template

This bootstrap css example is contributed by Juan Martinez, on 15-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is CV

Tags: Resume

Author Juan Martinez

160

v.5.3

Fork Fullscreen

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">

<div class="container mt-5">
    <div class="row">
        <div class="col-lg-8 mx-auto">
            
            <header class="text-center mb-5">
                <h1 class="display-4">John Doe</h1>
                <p class="lead">Web Developer</p>
                <p>
                    <i class="bi bi-envelope-fill me-2"></i>johndoe@email.com |
                    <i class="bi bi-phone-fill me-2"></i>+1 234 567 8900 |
                    <i class="bi bi-geo-alt-fill me-2"></i>New York, NY
                </p>
            </header>

<section class="mb-5">
                <h2 class="section-title">Professional Summary</h2>
                <p>Experienced web developer with a strong background in front-end and back-end technologies. Passionate
                    about creating efficient, user-friendly web applications.</p>
            </section>

<section class="mb-5">
                <h2 class="section-title">Skills</h2>
                <ul class="list-inline">
                    <li class="list-inline-item"><span class="badge bg-primary">HTML5</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">CSS3</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">JavaScript</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">React</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">Node.js</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">Python</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">SQL</span></li>
                    <li class="list-inline-item"><span class="badge bg-primary">Git</span></li>
                </ul>
            </section>

<section class="mb-5">
                <h2 class="section-title">Work Experience</h2>
                <div class="mb-4">
                    <h4>Senior Web Developer</h4>
                    <h5>Tech Solutions Inc. | 2018 - Present</h5>
                    <ul>
                        <li>Led development of responsive web applications using React and Node.js</li>
                        <li>Implemented RESTful APIs and integrated third-party services</li>
                        <li>Mentored junior developers and conducted code reviews</li>
                    </ul>
                </div>
                <div>
                    <h4>Web Developer</h4>
                    <h5>Digital Creations Co. | 2015 - 2018</h5>
                    <ul>
                        <li>Developed and maintained client websites using HTML, CSS, and JavaScript</li>
                        <li>Collaborated with design team to implement pixel-perfect layouts</li>
                        <li>Optimized website performance and implemented SEO best practices</li>
                    </ul>
                </div>
            </section>

<section class="mb-5">
                <h2 class="section-title">Education</h2>
                <div>
                    <h4>Bachelor of Science in Computer Science</h4>
                    <h5>University of Technology | 2011 - 2015</h5>
                </div>
            </section>

<section>
                <h2 class="section-title">Projects</h2>
                <ul>
                    <li><strong>E-commerce Platform:</strong> Developed a full-stack e-commerce solution using MERN
                        stack</li>
                    <li><strong>Task Management App:</strong> Created a React-based task management application with
                        real-time updates</li>
                </ul>
            </section>
        </div>
    </div>
</div>

More Examples

Accordion example with Bootstrap 5.3
accordion with animation

Author:
Ankit khedkar

3 months ago

917

v.5.3
Stats card made with boostrap 4.6
Minimal admin stats card

Author:
Mishti

4 months ago

287

v.4.6
Toggle switches

Author:
Anonymous

6 months ago

278

v.5.3
Testimonials Carousel
showcase user testimonials

Author:
Prajwal Hallale

7 months ago

239

v.5.3
Bootstrap homepage with background color, hover effects, animations, and shadows added to enhance the design
Features Added: Background Gradient: A smooth gradient background using linear-gradient. Card Shadow and Hover Effect: The card now lifts up with a shadow (box-shadow) and smooth transition (transform) on hover. Button Customization: A custom round button with hover color change. Animation: The card content animates with a "fade-in-up" effect using keyframe animation.

Author:
zobaidul kaziex

2 months ago

856

v.4.6
Gradient Footer Component
A modern, responsive footer component with a smooth gradient background, social icons, quick links, and newsletter subscription - perfect for contemporary web applications.

Author:
Alaric Sloane

1 week ago

43

v.5.3
404 page template

Author:
Valeria González

3 months ago

633

v.5.3
Simple portfolio card

Author:
Maria Garcia

3 months ago

215

v.5.3
Product Card
A product card layout for an e-commerce website with an image at the top

Author:
Juan Martinez

3 months ago

266

v.5.3
Countdown timer
Countdown timer with js

Author:
Moana silva

3 months ago

1.2k

v.5.3
Features section
Showcase features with icons

Author:
Prajwal Hallale

7 months ago

225

v.4.6
HTML and JavaScript for Product Showcase Page
JavaScript: Pagination Handling: The script fetches images based on the current page and updates the pagination controls dynamically. Product Cards: Each product is displayed as a card with an image, title, description, and price

Author:
zobaidul kaziex

2 months ago

140

v.4.6

Didn't find component you were looking for?

Search from 200+ componenent