Testimonials

<section>
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <h4>Two Columns</h4>
      </div>
    </div><!-- /.row -->
    <div class="row">
      <div class="col-sm-6">
        <div class="grid-testimonials-holder">
          <div class="grid-testimonials-header">
            <div class="grid-testimonials-img">
              <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
            </div>
            <div class="grid-testimonials-author">
              <h4 class="f-w-500">Mike Ross</h4>
              <h5>Geniux LTD</h5>
            </div>
          </div>
          <p class="grid-testimonials-text">&ldquo;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium...&rdquo;</p>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="grid-testimonials-holder">
          <div class="grid-testimonials-header">
            <div class="grid-testimonials-img">
              <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
            </div>
            <div class="grid-testimonials-author">
              <h4 class="f-w-500">Mia Green</h4>
              <h5>Geniux LTD</h5>
            </div>
          </div>
          <p class="grid-testimonials-text">&ldquo;Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium...&rdquo;</p>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>

<section>
  <div class="container">
    <!-- Three Columns -->
    <div class="row">
      <div class="col-sm-4">
        <div class="grid-testimonials-holder">
          <div class="grid-testimonials-header">
            <div class="grid-testimonials-img">
              <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
            </div>
            <div class="grid-testimonials-author">
              <h4 class="f-w-500">Mike Ross</h4>
              <h5>Geniux LTD</h5>
            </div>
          </div>
          <p class="grid-testimonials-text">&ldquo;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.&rdquo;</p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="grid-testimonials-holder">
          <div class="grid-testimonials-header">
            <div class="grid-testimonials-img">
              <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
            </div>
            <div class="grid-testimonials-author">
              <h4 class="f-w-500">Paul Smith</h4>
              <h5>Geniux LTD</h5>
            </div>
          </div>
          <p class="grid-testimonials-text">&ldquo;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.&rdquo;</p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="grid-testimonials-holder">
          <div class="grid-testimonials-header">
            <div class="grid-testimonials-img">
              <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
            </div>
            <div class="grid-testimonials-author">
              <h4 class="f-w-500">Lisa Scott</h4>
              <h5>Geniux LTD</h5>
            </div>
          </div>
          <p class="grid-testimonials-text">&ldquo;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.&rdquo;</p>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>

<section>
  <div class="container">
    <div class="row">
      <div class="col-sm-12 m-t-30">
        <h4>Two Columns Dashed Borders</h4>
      </div>
    </div><!-- /.row -->
    <div class="row">
      <div class="col-md-6 col-sm-6 col-xs-12 dashed-4columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
            </blockquote>
            <cite><span>Mike Ross</span><br>Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12 dashed-4columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
            </blockquote>
            <cite><span>Mia Green</span><br>Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12 dashed-4columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
            </blockquote>
            <cite><span>Paul Scott</span><br>Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-sm-6 col-xs-12 dashed-4columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
            </blockquote>
            <cite><span>John Clark</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>

<section>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-sm-6 col-xs-12 dashed-6columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum eu fugiat</p>
            </blockquote>
            <cite><span>John Clark</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12 dashed-6columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum eu fugiat</p>
            </blockquote>
            <cite><span>Mike Ross</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12 dashed-6columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum eu fugiat</p>
            </blockquote>
            <cite><span>Laura Harris</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12 dashed-6columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum eu fugiat</p>
            </blockquote>
            <cite><span>Mia Green</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12 dashed-6columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum eu fugiat</p>
            </blockquote>
            <cite><span>Tom Scott</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12 dashed-6columns">
        <div class="testimonial-quote">
          <img src="assets/images/demo-img/gnx-65x65.jpg" data-rjs="2" alt="">
          <div class="quote-container">
            <blockquote>
              <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum eu fugiat</p>
            </blockquote>
            <cite><span>Paul Red</span><br> Geniux LTD</cite>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>

<section>
  <div class="container">
    <!-- Simple Testimonial -->
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
        <div class="quotes-testimonial">
          <blockquote>
            <p>I received first class advice and my enquiry was dealt with in a very professional manner and all has been quickly resolved.<br>&mdash; I will not hesitate to contact you again for further advice.<br>Thank you very much for your help.</p>
          </blockquote>
          <h5 class="m-t-15">Gregg Smith</h5>
          <small>&mdash; Head Manager</small>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>

<section id="testimonials">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 text-center">
        <!-- Testimonials Slider -->
        <div id="testimonialSlider" class="owl-carousel owl-theme">

          <!-- Testimonial Item -->
          <div class="item">
            <div class="circle-img m-b-25">
              <img src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="" />
            </div>
            <p class="m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat.</p>
            <p class="testimonial-name f-s-18"><span>Melissa K.</span></p>
          </div>
          <!-- Testimonial Item -->
          <div class="item">
            <div class="circle-img m-b-25">
              <img src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="" />
            </div>
            <p class="m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat.</p>
            <p class="testimonial-name f-s-18"><span>Ron Mitchell</span></p>
          </div>
          <!-- Testimonial Item -->
          <div class="item">
            <div class="circle-img m-b-25">
              <img src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="" />
            </div>
            <p class="m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat.</p>
            <p class="testimonial-name f-s-18"><span>Sue Willis</span></p>
          </div>
        </div>
        <div class="owl-controls">
          <div class="owl-dots">
            <div class="owl-dot active"><span></span></div>
            <div class="owl-dot"><span></span></div>
            <div class="owl-dot"><span></span></div>
          </div>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>

<section id="parallax-testimonials">
  <div class="jarallax p-t-60 p-b-60">
    <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" alt="">
    <div class="overlay dark--6"></div>
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 text-center">
          <!-- Parallax testimonials slider -->
          <div id="customSlider" class="owl-carousel owl-theme">

            <!-- Testimonial Item -->
            <div class="item">
              <div class="circle-img m-b-25">
                <img src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="" />
              </div>
              <p class="text-white m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat.</p>
              <p class="testimonial-name f-s-18"><span>Melissa K.</span></p>
            </div>
            <!-- Testimonial Item -->
            <div class="item">
              <div class="circle-img m-b-25">
                <img src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="" />
              </div>
              <p class="text-white m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat.</p>
              <p class="testimonial-name f-s-18"><span>Ron Mitchell</span></p>
            </div>
            <!-- Testimonial Item -->
            <div class="item">
              <div class="circle-img m-b-25">
                <img src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="" />
              </div>
              <p class="text-white m-b-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat.</p>
              <p class="testimonial-name f-s-18"><span>Sue Willis</span></p>
            </div>
          </div>
          <div class="owl-controls">
            <div class="owl-dots">
              <div class="owl-dot active"><span></span></div>
              <div class="owl-dot"><span></span></div>
              <div class="owl-dot"><span></span></div>
            </div>
          </div>
        </div>
      </div><!-- /.row -->
    </div><!-- /.container -->
  </div>
</section>
<!-- /Parallax testimonials slider -->

<section>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <!-- Bootstrap Testimonials Slider -->
        <div class="carousel slide" data-ride="carousel" id="quote-carousel">
          <!-- Carousel Slides / Quotes -->
          <div class="carousel-inner text-center">
            <!-- Quote 1 -->
            <div class="item active">
              <blockquote>
                <div class="row">
                  <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                    <small>Melissa K.</small>
                  </div>
                </div>
              </blockquote>
            </div>
            <!-- Quote 2 -->
            <div class="item">
              <blockquote>
                <div class="row">
                  <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                    <small>Ron Mitchell</small>
                  </div>
                </div>
              </blockquote>
            </div>
            <!-- Quote 3 -->
            <div class="item">
              <blockquote>
                <div class="row">
                  <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                    <small>Sue Willis</small>
                  </div>
                </div>
              </blockquote>
            </div>
          </div>
          <!-- Bottom Carousel Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#quote-carousel" data-slide-to="0" class="active"><img class="img-responsive" src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="1"><img class="img-responsive" src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="">
            </li>
            <li data-target="#quote-carousel" data-slide-to="2"><img class="img-responsive" src="assets/images/demo-img/gnx-80x80.jpg" data-rjs="2" alt="">
            </li>
          </ol>
          <!-- Carousel Buttons Next/Prev -->
          <a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
          <a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
        </div>
      </div>
    </div><!-- /.row -->
  </div><!-- /.container -->
</section>