→ 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

751

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

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

Author:
Shola Ajani

8 months ago

5.3k

v.5.3
HTML and Bootstrap for Registration Form
HTML: Personal Information Section: Includes fields for full name, email, date of birth, bio, and profile image. Company Information Section: Includes fields for company name, company size (using a dropdown), and location. Submit Button: A button to submit the form. CSS: Background Gradient: Applied to the body. Card Styling: Styled with rounded corners and padding. Button Styling: Custom colors for the submit button. Validation Styling: Highlight invalid fields and display error messages. JavaScript: Validation Logic: Checks if required fields are filled and updates the feedback area with error or success messages. Dynamic Feedback: Updates the form with success or error messages based on validation.

Author:
zobaidul kaziex

1 year ago

7.1k

v.4.6
Team Section with Bootstrap 5

Author:
Arturo

10 months ago

2.3k

v.5.3
Bootstrap copyright footer

Author:
Anonymous

1 year ago

3.1k

v.5.3
Underlined Tabs with bootstrap 5
Minimal design with underline indicator it has Smooth transitions

Author:
Prajwal Hallale

10 months ago

3.2k

v.5.3
Product details page
Beautiful product detail page with

Author:
Edy Gafatrans (gafatrans)

9 months ago

1.8k

v.5.3
Beautiful Stats Section
App stats section with icons. with hover effect

Author:
Riz Mohammad

1 year ago

1.7k

v.5.3
Basic Breadcrumb

Author:
Mateo Rojas

10 months ago

929

v.5.3
Password Reset Form
Multi-step password reset form with email verification, code validation, and password strength meter built with Bootstrap 5.3.

Author:
Isaac Winslow

11 months ago

5.4k

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

1 year ago

1.4k

v.4.6
Footer
Bootstrap CSS footer example

Author:
Prajwal Hallale

1 year ago

2.1k

v.5.3
Testimonial carousel

Author:
Anonymous

11 months ago

1.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent