→ Shahriar Noyon
→ Mission & Vision Section

Mission & Vision Section

This bootstrap css example is contributed by Shahriar Noyon, on 15-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Card

Author Shahriar Noyon

288

v.4.6

Fork Fullscreen

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
	  
     <section class="py-5">
	<div class="container">

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

<span class="text-primary fw-semibold">
					Career Goals
				</span>

<h2 class="display-5 fw-bold mt-2">
					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>

<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-primary">
						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-success">
						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 class="text-center mt-5">
			<a href="" class="btn btn-primary px-4 py-2">
				Learn More
			</a>
		</div>

</div>
</section>

More Examples