Mission & Vision

This bootstrap css example is contributed by istiakahmedchowdhury10, on 22-Jul-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Card

Author istiakahmedchowdhury10

151

v.4.6

Fork Fullscreen

<div class="row justify-content-center text-center mb-5">
    <div class="col-lg-8">

<h2 class="display-5 fw-bold mt-2 py-4">
        Mission & Vision
      </h2>

<p class="lead text-muted">
        My career focus is to learn modern technology,
        build creative projects, and become a skilled developer.
      </p>

</div>
  </div>
  
  <section class="py-5">
    <div class="container">

<div class="row g-4">

<div class="col-md-6">
          <div class="p-4 border rounded-4 h-100 bg-white">

<h3 class="fw-bold text-warning">
              My Mission
            </h3>

<p class="text-muted mt-3">
              My mission is to improve my programming,
              web development, and problem-solving skills
              while creating useful and modern digital projects.
            </p>

</div>
        </div>

<div class="col-md-6">
          <div class="p-4 border rounded-4 h-100 bg-white">

<h3 class="fw-bold text-danger">
              My Vision
            </h3>

<p class="text-muted mt-3">
              My vision is to become a successful software
              developer who inspires others through
              technology, creativity, and innovation.
            </p>

</div>
        </div>

</div>
    </div>
  </section>

More Examples

User Profile Card with Social Icons using Bootstrap 5 (without connect button)

Author:
Ranadhir Debnath

1 year ago

3.8k

v.5.3
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 years ago

2.5k

v.4.6
test

Author:
Anonymous

8 months ago

418

v.5.3
our services

Author:
Gana JNsksk

5 months ago

600

v.4.6
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

2 years ago

3.6k

v.4.6
NewsPortal Full Website

Author:
Zahid Hasan Riyad

2 months ago

762

v.5.3
Product Card
Card diseñada para mostrar productos de forma atractiva y ordenada, inspirada en Mercado Libre. Incluye imagen fija, título uniforme, precio anterior tachado, precio actual con descuento y etiquetas promocionales como "Envío gratis". Incorpora un efecto hover con sombra acentuada y usa clases CSS para fácil integración y mantenimiento.

Author:
Facundo Banegaz

1 year ago

2k

v.4.6
scroll animation image with title

Author:
Juan Antonio González Hernández

8 months ago

1.1k

v.4.6
about page

Author:
Md. Hasibur Rahman

3 months ago

209

v.4.6
Work Experience Section

Author:
Tanvir fahad

5 months ago

570

v.4.6
for me
A modern and visually appealing card component with a gradient background and hover effect.

Author:
Jimmy Mercury

1 year ago

2.1k

v.5.3
Card with background image

Author:
Nicholas

2 years ago

4.9k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent