<div class="container my-5 px-5 pt-5 pb-3 z-depth-1">

  <!--Section: Content-->

  <section class="text-center dark-grey-text">

​

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

      <div class="col-md-12 mb-4">

​

        <div class="wrapper-carousel-fix">

          <!-- Carousel Wrapper -->

          <div id="carousel-example-1" class="carousel no-flex testimonial-carousel slide" data-ride="carousel"

            data-interval="false">

            <!--Slides-->

            <div class="carousel-inner" role="listbox">

              <!--First slide-->

              <div class="carousel-item active">

                <p class="lead font-italic">"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, voluptas nostrum quisquam!"</p>

                <div class="view card-img-64 mx-auto mt-5 mb-4">

                  <img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(2).jpg" class="rounded-circle img-fluid" alt="smaple image">

                </div>

                <p class="text-muted">- Anna Morian</p>

              </div>

              <!--First slide-->

              <!--Second slide-->

              <div class="carousel-item">

                <p class="lead font-italic">"Neque cupiditate assumenda in maiores repudiandae mollitia adipisci maiores repudiandae mollitia consectetur adipisicing architecto elit sed adipiscing elit."</p>

                <div class="view card-img-64 mx-auto mt-5 mb-4">

                  <img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg" class="rounded-circle img-fluid" alt="smaple image">

                </div>

                <p class="text-muted">- Teresa May</p>

              </div>

              <!--Second slide-->

              <!--Third slide-->

              <div class="carousel-item">

                <p class="lead font-italic">"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur est laborum neque cupiditate assumenda in maiores."</p>

                <div class="view card-img-64 mx-auto mt-5 mb-4">

                  <img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(10).jpg" class="rounded-circle img-fluid" alt="smaple image">

                </div>

                <p class="text-muted">- Kate Allise</p>

              </div>

              <!--Third slide-->

            </div>

            <!--Slides-->

            <!--Controls-->

            <a class="carousel-control-prev left carousel-control" href="#carousel-example-1" role="button"

              data-slide="prev">

              <span class="icon-prev" aria-hidden="true"></span>

              <span class="sr-only">Previous</span>

            </a>

            <a class="carousel-control-next right carousel-control" href="#carousel-example-1" role="button"

              data-slide="next">

              <span class="icon-next" aria-hidden="true"></span>

              <span class="sr-only">Next</span>

            </a>

            <!--Controls-->

          </div>

          <!-- Carousel Wrapper -->

        </div>

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

  </section>

  <!--Section: Content-->

​

​

</div>      

​

$('.carousel').carousel({

  interval: 3000

})