→ 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

711

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

Bootstrap Footer example
dark footer

Author:
Anonymous

1 year ago

3.1k

v.3.4
Caraousel testimoni

Author:
java stories story

2 weeks ago

239

v.5.3
Outlined Buttons with Animated Hover

Author:
Prajwal Hallale

1 year ago

1.6k

v.5.3
Profile Management Dashboard
profile management interface with personal information, security settings, and activity tracking in a modern design

Author:
Shola Ajani

7 months ago

5.1k

v.5.3
Bootstrap user profile
User profile card made with bootstrap

Author:
Anonymous

9 months ago

6.1k

v.5.3
Login modal

Author:
Prajwal Hallale

1 year ago

6.5k

v.4.6
404 page template

Author:
Valeria González

1 year ago

20.2k

v.5.3
Pulsing Button

Author:
Prajwal Hallale

1 year ago

3k

v.5.3
Simple search bar

Author:
Reza Farhadi

1 year ago

4k

v.5.3
Notification alert
notification alert bootstrapt 5.3 # alert-imessage Alert message custom on bootstrap 5.3 # Example calls JS // imessage.show("Default Success!", "success"); // imessage.show("Top Center Message!", "info", "top-center"); // imessage.show("Bottom Right Warning!", "warning", "bottom-right"); // imessage.show("Bottom Left Error!", "fail", "bottom-left"); // imessage.show("Centered Notification!", "info", "center");

Author:
StarCode Kh

6 months ago

1.8k

v.5.3
Bootstrap 5 shopping cart design
clean and beautiful shopping cart component

Author:
Valeria González

10 months ago

3.4k

v.5.3
FAQ example with bootstrap 4
Simple Frequently Asked Questions section

Author:
Moana silva

1 year ago

2.9k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent