→ Anonymous
→ Responsive Testimonials

Responsive Testimonials

This bootstrap css example is contributed by Anonymous, on 29-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are endorsement,review

Tags: Testimonial

Author Anonymous

219

v.5.3

Fork Fullscreen

<div class="container my-5">
    <h2 class="text-center mb-4">Customer Testimonials</h2>
    <div class="row">
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-body">
                    <p class="card-text">"This product changed my life! I can't imagine going back to how things
                        were before."</p>
                    <div class="d-flex align-items-center mt-3">
                        <img src="https://via.placeholder.com/50" class="rounded-circle me-3" alt="Customer">
                        <div>
                            <h5 class="card-title mb-0">John Doe</h5>
                            <small class="text-muted">CEO, Tech Company</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-body">
                    <p class="card-text">"The customer service is outstanding. They went above and beyond to help
                        me."</p>
                    <div class="d-flex align-items-center mt-3">
                        <img src="https://via.placeholder.com/50" class="rounded-circle me-3" alt="Customer">
                        <div>
                            <h5 class="card-title mb-0">Jane Smith</h5>
                            <small class="text-muted">Freelance Designer</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-4">
            <div class="card">
                <div class="card-body">
                    <p class="card-text">"I've recommended this product to all my friends. It's truly a
                        game-changer!"</p>
                    <div class="d-flex align-items-center mt-3">
                        <img src="https://via.placeholder.com/50" class="rounded-circle me-3" alt="Customer">
                        <div>
                            <h5 class="card-title mb-0">Mike Johnson</h5>
                            <small class="text-muted">Marketing Specialist</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

More Examples

Testimonial carousel

Author:
Sofia Petrova

3 months ago

284

v.5.3
Testimonials Carousel
showcase user testimonials

Author:
Prajwal Hallale

7 months ago

238

v.5.3
Testimonial
with auto-scrolling testimonial cards

Author:
Sofia Petrova

3 months ago

239

v.5.3
Modern Testimonial Carousel

Author:
Anonymous

2 weeks ago

58

v.5.3
Minimal testimonial section
With user images

Author:
Noah Kim

3 months ago

178

v.5.3
Elegant testimonial carousel
Interactive testimonial carousel with user avatars

Author:
Sofia Petrova

3 months ago

249

v.5.3
Rating section
Rating section fit form for taking user ratings and reviews

Author:
Tane Mahuta

3 months ago

203

v.5.3
User Avatar Example

Author:
Anonymous

7 months ago

924

v.4.6
Animated hero section

Author:
Anonymous

7 months ago

406

v.5.3
Responsive Timeline

Author:
Tane Mahuta

3 months ago

304

v.5.3
Bootstrap 5 Login Modal

Author:
Anonymous

3 months ago

2k

v.5.3
Responsive footer using HTML and Bootstrap:
HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.

Author:
zobaidul kaziex

2 months ago

169

v.4.6

Didn't find component you were looking for?

Search from 200+ componenent