Building a testimonial component with Salvattore
MyPhoto
does a good job of boasting about the services on offer and the quality of those services. However, a user may want to read some feedback from the previous customers. To do this, we'll add a testimonials
component to our page as a new tab in the services
component. The Testimonials
tab will display some positive feedback from the users. Let's add that new tab to our list of tabs:
<li class="nav-item"> <a href="#services-testimonials" class="nav-link" data-toggle="tab">Testimonials</a> </li>
Next, we want to add some content. Let's use Bootstrap's grid system to display the testimonials in four neat rows of three columns. Add the following code following to the services-prints
markup:
<div role="tabpanel" class="tab-pane" id="services-testimonials">
<div class="container">
<div class="row myphoto-testimonial-row">
<div class="col...