→ 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

489

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

User Profile Card with Bootstrap
How to Use: Replace Image URL: Update the src attribute of the img tag to the actual URL of the user’s image. Update Text: Change the text inside the h5 and p elements to reflect the user’s actual name and biography

Author:
zobaidul kaziex

9 months ago

2k

v.4.6
Professional Bootstrap Pricing Table
Beautiful pricing component built with Bootstrap 5.3, featuring interactive hover effects, mobile-responsive layout, and professional design elements.

Author:
Mason Ashford

7 months ago

2.1k

v.5.3
progress-steps
progress-steps

Author:
Rami AlAjo

4 months ago

729

v.4.6
Bootstrap 5.3 Accordion
Modern Bootstrap 5.3 Accordion

Author:
Prajwal Hallale

6 months ago

2k

v.5.3
Product detail page bootstrap

Author:
Reza Farhadi

6 months ago

2.5k

v.5.3
Default progress bar designs by boostrap css

Author:
Omar Khaled

9 months ago

1.6k

v.5.3
Newsletter Form
Rounded newsletter form

Author:
Ross Wille

11 months ago

2k

v.5.3
CTA block
Beautiful CTA section with a form

Author:
Ross Wille

11 months ago

897

v.4.6
404 page template
with an animated illustration and a button to redirect to the homepage

Author:
Anonymous

2 weeks ago

169

v.5.3
Auto-expanding Textarea

Author:
Anonymous

6 months ago

933

v.5.3
404 error page template

Author:
Ross Wille

11 months ago

2.1k

v.5.3
About Section

Author:
Anonymous

8 months ago

941

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent