Alpha Testimonials – Responsive Testimonials jQuery Plugin

Alpha Testimonials is a responsive testimonials jquery plugin. HTML markup is simple to follow. There are 2 layouts: Default and Alternative. Default layout shifts to alternative on smaller screens and devices. If you like it more, you can select alternative layout so it will stay that way on every screen. Alternative layout is touch enabled. You can additionally style the bubble color, text color and quotes color by simply passing appropriate values on the init call.

Alpha Testimonials WordPress Version

Main Features:

  • Fully Responsive
  • 2 Layouts
  • Touch Enabled (alternative layout)
  • Easy to use
  • Lightweight
  • Simple styling options

[separator width=”81″ size=”normal”][/separator]

HTML Markup

 <section id="testimonials">

            <div class="testim-ovl"></div>

            <div class="testimonials-wrapper">

             <ul class="testimonials-line">

               <li class="customer">

                   <div class="testimonial-bubble">
                       <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc,</p>
                   </div>

                   <div class="cus-profile">
                      <span class="cus-image"><img src="images/te1.jpg"></span>
                     <span class="cus-name">
                         Customer
                         <span class="cus-title">His title</span>
                      </span>  
                   </div>
                 
               </li>

               <li class="customer">

                   <div class="testimonial-bubble">
                       <p> -- Testimonial here -- </p>
                   </div>

                   <div class="cus-profile">
                      <span class="cus-image"><img src="images/te2.jpg"></span>
                      <span class="cus-name">
                         -- client name --
                         <span class="cus-title">--His title--</span>
                      </span>   
                   </div>
                 
               </li>

               <li class="customer">

                   --- keep adding as many as you like --
                 
               </li>


               <span id="prev"></span>
               <span id="next"></span>   

             </ul><!-- .testimonials-line -->

          </div><!-- .testimonials-wrapper -->
          
      </section><!-- .testimonials --> 

CSS dependency

<link href="css/alpha.css" rel="stylesheet" type="text/css"/>

Javascript

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/alpha.min.js"></script>

Initializing

$(document).ready(function(){
  $('#testimonials').alpha();
})

Options

Option
Default
Description
index 0 (integer) Set active index – first testimonial to how by default when page loads
layout ‘default’ (string) Choose between ‘default’ and ‘alt’ layouts.
autoplay ‘on’ (string) Turn autoplay ‘on’, or ‘off’
delay 4000 (integer) Set autoplay delay to desired value
bubbleColor ‘cornflowerblue’ (string) Set background color for speach bubble. accepts all – Hex, rgb, rgba, or color name
bubbleText ‘black’ (string) Changes text color in speach bubble. accepts all – Hex, rgb, rgba, or color name
quoteColor ‘#fff’ (string) Changes color of quotes. accepts all – Hex, rgb, rgba, or color name

Credits

Thank You

Your download should start in few seconds. If it doesn't start, click this link to download it manualy: Download

If you like my freebie give me some support by recommending it and following new updates.

Downloads
You May Also Like
styleswitcher

Ultimate Styleswitcher Framework

rain-jquery-plugin

Responsive Off-Canvas Navigation

zenith-jquery'

Zenith – Responsive Slider jQuery Plugin

turbotabs

TurboTabs – Responsive Tabs jQuery Plugin

Leave a Comment

Your email adress will not be published. All fields are required

HTML is not allowed