→ Juan Antonio González Hernández
→ featured product

featured product

This bootstrap css example is contributed by Juan Antonio González Hernández, on 27-Feb-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Card

Author Juan Antonio González Hernández

715

v.4.6

Fork Fullscreen

<section class="featured-products-section py-5">
    <div class="container">

<div class="section-header text-center mb-5 reveal">
        <h2 class="fw-bold">featured product</h2>
        <p class="text-muted">The most requested by our customers</p>
      </div>

<div class="row g-4 products-grid">

<div class="col-md-4 product-card reveal-item">
          <div class="product-card-inner">

<div class="product-image">
              <img
                src="https://images.samsung.com/is/image/samsung/assets/mx/offer/holiday/QN65S90FAFXZX_FT12_570x304_desk.png"
                alt="Smart TV QLED 65">
            </div>

<h5>Smart TV QLED 65"</h5>
            <p class="price">$24,999 MXN</p>
            <a href="https://bootstrapexamples.com/@juan-antonio-gonzalez-hernandez" class="btn btn-outline-dark btn-sm">Ver producto</a>

</div>
        </div>

<div class="col-md-4 product-card reveal-item">
          <div class="product-card-inner">

<div class="product-image">
              <img
                src="https://images.samsung.com/is/image/samsung/assets/mx/offer/holiday/ft12/SM-F966_570x304_desk.png"
                alt="Refrigerador Side by Side">
            </div>

<h5>Refrigerador Side by Side</h5>
            <p class="price">$32,500 MXN</p>
            <a href="https://bootstrapexamples.com/@juan-antonio-gonzalez-hernandez" class="btn btn-outline-dark btn-sm">Ver producto</a>

</div>
        </div>

<div class="col-md-4 product-card reveal-item">
          <div class="product-card-inner">

<div class="product-image">
              <img
                src="https://images.samsung.com/is/image/samsung/assets/mx/offer/holiday/ft12/WD26DB8995BZPE_570x304_desk.png"
                alt="Lavadora Automática">
            </div>

<h5>Lavadora Automática</h5>
            <p class="price">$18,900 MXN</p>
            <a href="https://bootstrapexamples.com/@juan-antonio-gonzalez-hernandez" class="btn btn-outline-dark btn-sm">Ver producto</a>

</div>
        </div>

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

More Examples

Client Feedback

Author:
Shahriar Noyon

3 months ago

445

v.4.6
about page

Author:
Md. Hasibur Rahman

1 month ago

135

v.4.6
Our Existing Clients Section

Author:
Shahriar Noyon

3 months ago

733

v.4.6
certifications

Author:
Gana JNsksk

3 months ago

652

v.4.6
Expanding Cards Horizontal

Author:
Juan Antonio González Hernández

6 months ago

761

v.4.6
main css
do not copy

Author:
Fitar Ahmed

3 months ago

778

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

2k

v.5.3
Personal Portfolio About Section

Author:
Creative Araf

2 months ago

299

v.5.3
Card Layout
Using masonry in cards layout

Author:
almounkez

1 year ago

4.9k

v.5.3
Expanding Cards
Expanding Cards

Author:
Rami AlAjo

1 year ago

5.1k

v.4.6
Restrurant Website
Only for me

Author:
Zahid Hasan Riyad

1 month ago

176

v.5.3
vulgh

Author:
Anonymous

1 month ago

144

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent

BootstrapExamples From the makers of tailwindflex.com

BootstrapExamples is a free library offering a diverse range of Bootstrap CSS components. Developed by the community, it's open for anyone to use.

Contacts

Email:

[email protected]

Links

Search

Resources

Free Tailwind CSS Components Free CSS Components

© 2026 BootstrapExamples. All Rights Reserved.

v1.3