Testimonials

Elementric components - just copy the HTML code of an element and paste it into your code (after you read the installation guide).

Examples

Style 1

         
Copy
         
  <div class="testimonial-style1">
   <div class="avatar-img">
      <img src="https://images.pexels.com/photos/2078265/pexels-photo-2078265.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="img">
    </div>
      <p class="person-name">John Doe</p>

      <div class="testimonial-stars">
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="far fa-star"></i>
      </div>

      <p class="testimonial-description">
        "Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Donec consequat purus sit amet odio egestas, ut euismod leo tempor.
        Maecenas pulvinar ipsum ipsum, et malesuada neque posuere nec."
      </p>
  </div>
         
       

Style 2

        
Copy
        
  <div class="testimonial-style2">
    <i class="fas fa-quote-left"></i>
    <p class="testimonial-description">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Donec consequat purus sit amet odio egestas, ut euismod leo tempor. Maecenas pulvinar ipsum ipsum,
      et malesuada neque posuere nec.
    </p>

    <div class="avatar-img">
      <img src="https://images.pexels.com/photos/2078265/pexels-photo-2078265.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="img">
    </div>

     <p class="person-name">John Doe</p>
  </div>
        
      

Style 3

        
Copy
        
  <div class="testimonial-style3">
    <div class="avatar-img">
     <img src="https://images.pexels.com/photos/2078265/pexels-photo-2078265.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="img">
    </div>

    <p class="testimonial-description">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Donec consequat purus sit amet odio egestas, ut euismod leo tempor.
    </p>

    <p class="person-name">John Doe</p>
  </div>