Services part

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

<h2 class="display-3 fw-bold text-white mb-3 tracking-tight">
          <span class="text-info">My services</span>
        </h2>
        <p class="section-desc">Everything you need to build, grow, and scale your business — all in one place.
        </p>
      </div>

<div class="col-lg-4 col-md-6 ">
          <div class="card border-0 shadow-sm service-card w-100 h-100  p-4 position-relative overflow-hidden">

<h5 class="fw-semibold mt-4">Responsive Design</h5>

<p class="text-secondary mt-3">
              Fully responsive layouts optimized for every device and screen size.
            </p>

<a href="#" class="text-decoration-none fw-medium text-primary">
              Learn More
            </a>

</div>
        </div>

<div class="col-lg-4 col-md-6">
          <div class="card border-0 shadow-sm service-card w-100 h-100  p-4 position-relative overflow-hidden">

<h5 class="fw-semibold mt-4">Modern Layout</h5>

<p class="text-secondary mt-3">
              Minimal and clean design structure focused on better user experience.
            </p>

<a href="#" class="text-decoration-none fw-medium text-success">
              Learn More
            </a>

</div>
        </div>

<div class="col-lg-4 col-md-6">
          <div class="card border-0 shadow-sm service-card w-100 h-100  p-4 position-relative overflow-hidden">

<h5 class="fw-semibold mt-4">MERN Stack Website Create</h5>

<p class="text-secondary mt-3">
              Smart analytics and performance tools to grow your business faster.
            </p>

<a href="#" class="text-decoration-none fw-medium text-warning">
              Learn More
            </a>

</div>
        </div>

<div class="col-lg-4 col-md-6 mt-3">
          <div class="card border-0 shadow-sm service-card w-100 h-100  p-4 position-relative overflow-hidden">

<h5 class="fw-semibold mt-4">UI UX Design</h5>

<p class="text-secondary mt-3">
              Optimized workflow and lightning fast loading performance.
            </p>

<a href="#" class="text-decoration-none fw-medium text-danger">
              Learn More
            </a>

</div>
        </div>

<div class="col-lg-4 col-md-6 mt-3">
          <div class="card border-0 shadow-sm service-card w-100 h-100  p-4 position-relative overflow-hidden">

<h5 class="fw-semibold mt-4">Secure System</h5>

<p class="text-secondary mt-3">
              Secure and reliable system architecture built for modern platforms.
            </p>

<a href="#" class="text-decoration-none fw-medium text-info">
              Learn More
            </a>

</div>
        </div>

<div class="col-lg-4 col-md-6 mt-3">
          <div class="card border-0 shadow-sm service-card w-100 h-100 p-4 position-relative overflow-hidden">

<h5 class="fw-semibold mt-4">24/7 Support</h5>

<p class="text-secondary mt-3">
              Professional support team ready to assist you anytime.
            </p>

<a href="#" class="text-decoration-none fw-medium text-dark">
              Learn More
            </a>

</div>
        </div>

</div>

</div>
  </section>

More Examples

Education Information Section

Author:
Shahriar Noyon

2 months ago

380

v.4.6
Category Tab

Author:
java stories story

11 months ago

1.6k

v.5.3
Portfolio

Author:
DOLA AKTER

2 months ago

261

v.4.6
Service Section

Author:
Shahriar Noyon

2 months ago

522

v.4.6
test

Author:
Anonymous

5 months ago

331

v.5.3
Special Skills

Author:
Shahriar Noyon

2 months ago

308

v.4.6
E-Commerce Product Page

Author:
Creative Araf

1 month ago

195

v.5.3
E-Commerce Contact Section

Author:
Creative Araf

1 month ago

144

v.5.3
featured product

Author:
Juan Antonio González Hernández

5 months ago

680

v.4.6
Service list section

Author:
Ad Apon7

3 months ago

767

v.5.3
final about me section
do not copy

Author:
Fitar Ahmed

2 months ago

253

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

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent