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

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

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

1.9k

v.4.6
contact

Author:
lamiajahan

1 month ago

99

v.4.6
Personal Portfolio Index

Author:
Creative Araf

2 months ago

213

v.5.3
Category Tab

Author:
java stories story

1 year ago

1.7k

v.5.3
Restaurant Home Page

Author:
Creative Araf

1 month ago

118

v.5.3
Special Skills

Author:
Shahriar Noyon

3 months ago

360

v.4.6
serviceComplate

Author:
Sahin Miah

3 months ago

862

v.4.6
About Page for WDD

Author:
sajid taz

2 months ago

336

v.4.6
Responsive Card Grid
A responsive grid of cards with hover effects

Author:
Prajwal Hallale

2 years ago

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

1 year ago

2.4k

v.4.6
Featured Product Card

Author:
Prajwal Hallale

2 years ago

3.7k

v.5.3
Product Modal with JS

Author:
java stories story

11 months ago

1.6k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent