Twitter Bootstrap 4 : Testimonials using Salvattore Javascript Library

Create testimonial.css:

.testimonial-row {
    margin-right: 5px;
}
.testimonial-column {
    padding: 10px;
    border: 1px solid #000000;
    margin: 5px;
    background-color: #FFFFFF;
}

Add the Testimonials tab to the index.html file.

<li class="nav-item">
  <a class="nav-link" href="#">Login</a>
  <a href="#testimonials" class="nav-link" data-toggle="tab">Testimonials</a>
</li>

Add the link to testimonial.css in index.html file.

<link rel="stylesheet" href="testimonial.css" >

Add the html for the testimonials. The following is the testimonials for my TDD in Ruby course.

<div class='container'>      
  <div role="tabpanel" class="tab-pane" id="testimonials">
    <div class="container">
      <div class="row testimonial-row">
        <div class="col-xs-3 testimonial-column">
          <h6>Jeff Casimir, Principal, Jumpstart Lab</h6>
          <p>
            The actual coding TDD examples for Fizz Buzz and Fibonacci were really well done.
            During the coding exercises the refactoring of code was a good illustration of how to improve certainty of test results
            Good overview of the importance of testing
            Each lecture / exercise was only 5-10 minutes providing nice incremental gains in the course
          </p>
        </div>
        <div class="col-xs-3 testimonial-column">
          <h6>Mylene Reiners</h6>
          <p>When you want a theoretical background on TDD, this course is great (and the Ruby part is not too hard for people knowing only a little Ruby...)</p>
        </div>
        <div class="col-xs-3 testimonial-column">
          <h6>Yury Voloshin</h6>
          <p>This is a good introduction to TDD for those who either have never used it or who have a very rudimentary understanding of it. Some of the more advanced concepts toward the end are somewhat rushed through, but I' sure that can't be helped due to time constraints and to the nature of the material. At least now I know the topics that I need to into more deeply.</p>
        </div>
        <div class="col-xs-3 testimonial-column">
          <h6>Nikolas</h6>
          <p>This course introduces a solid foundation for practicing TDD. The instructor definitely knows what he's teaching. Information is divided in small logical and understandable chunks/lectures.</p>
        </div>
      </div>
      <div class="row testimonial-row">
        <div class="col-xs-3 testimonial-column">
          <h6>Jesse Mignac</h6>
          <p> Techniques, examples and theoretical material. This course is a really nice start to TDD with Ruby </p>
        </div>
        <div class="col-xs-3 testimonial-column">
          <h6> Andrew Platkin</h6>
          <p> Very good pace and learned alot </p>
        </div>
      </div>
      <div class="row testimonial-row">
        <div class="col-xs-3 testimonial-column">
          <h6>Thom Parkin </h6>
            <p> The beginning of this course seems a bit slow and very dry. But your patience is well rewarded because the depth and detail of information provided is priceless! Mr. Paranj uses a time-tested technique of methodical presentation of ideas, one built upon the other, to its ultimate success. I am grateful and impressed by this course.</p>
        </div>
        <div class="col-xs-3 testimonial-column">
          <h6>Jikku Jose</h6>
          <p>I am very happy to have such a comprehensive course from Mr. Paranj. I have been trying to do TDD in my projects for quite sometime without much success. This course helped a lot to expose much of the concepts and details one should focus on while doing TDD.  I wish the examples mentioned in "Fake It till you make it" and "Triangulation" was a bit more involved rather than the basic ones presented so that the techniques could be better understood.  I thank Mr. Paranj and Udemy for the course, it really helped me. Hope more advanced Ruby related materials can be brought out.
          </p>
        </div>
        <div class="col-xs-3 testimonial-column">
           <h6>Pawel Jackowski</h6>
           <p> Instructor knows TDD and explains it with ease. I am quite familiar with technique and just wanted to refresh knowledge and I still recommend course. I definitely learned something about common mistakes and importance of every step in TDD sequence. I enrolled for free.
           </p>
        </div>
        <div class="col-xs-3 testimonial-column">
          <h6>Steve Freeman </h6>
            <p> Instructor uses katas very effectively to show the patterns behind TDD. His clear examples and pointers to material for further study were very helpful and I look forward to practicing katas on my own. If you're trying to make sense of TDD I highly recommend this class!
            </p>
        </div>
      </div>
    </div>
  </div>   
<div>

The testimonials page looks like as shown in the following screenshot.

Twitter Bootstrap 4

This article will be updated once I resolve the pending issues with the testimonials page.


Related Articles


Software Compatibility Best Practices

I spoke to some of the most talented and experienced software developers. I have created a guide that is filled with valuable insights and actionable ideas to boost developer productivity.

You will gain a better understanding of what's working well for other developers and how they address the software compatibility problems.

Get the Guide Now