irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/components/sections/Testimonial2.js
111 lines7.1 KBJavaScript
RawDownloadHistory
1
2import Slider from "react-slick"
3const settings = {
4 dots: true,
5 infinite: true,
6 speed: 1000,
7 autoplay: false,
8 arrows: false,
9 fade: true,
10 slidesToShow: 1,
11 slidesToScroll: 1,
12}
13export default function Testimonial2() {
14 return (
15 <>
16 <section className="testimonial-area-two pt-110">
17 <div className="container">
18 <div className="row justify-content-center">
19 <div className="col-xl-6">
20 <div className="section-title text-center mb-50">
21 <span className="sub-title">Our Testimonial</span>
22 <h2 className="title">What Our Client Feedback</h2>
23 </div>
24 </div>
25 </div>
26 <div className="row justify-content-center">
27 <div className="col-lg-10">
28 <div className="testimonial-inner">
29 <Slider {...settings} className="testimonial-active-two">
30 <div className="testimonial-item-two">
31 <div className="testimonial-avatar-two">
32 <img src="/assets/img/images/h2_testi_avatar01.png" alt="" />
33 </div>
34 <div className="testimonial-content-two">
35 <div className="content-top">
36 <div className="icon">
37 <i className="fas fa-quote-left" />
38 </div>
39 <div className="rating">
40 <i className="fas fa-star" />
41 <i className="fas fa-star" />
42 <i className="fas fa-star" />
43 <i className="fas fa-star" />
44 <i className="fas fa-star" />
45 </div>
46 </div>
47 <p>There are many varation of paissages of Lorem as the Ipum available but our majority have sufferied alterations in some form, by our by injected hsumour randomised worids which don't looks even slightly there as believable. If you going to use a passage of Lorem Ipsum.</p>
48 <div className="content-bottom">
49 <h4 className="title">Darrell Steward</h4>
50 <span>Roofing Expert</span>
51 </div>
52 </div>
53 </div>
54 <div className="testimonial-item-two">
55 <div className="testimonial-avatar-two">
56 <img src="/assets/img/images/h2_testi_avatar02.png" alt="" />
57 </div>
58 <div className="testimonial-content-two">
59 <div className="content-top">
60 <div className="icon">
61 <i className="fas fa-quote-left" />
62 </div>
63 <div className="rating">
64 <i className="fas fa-star" />
65 <i className="fas fa-star" />
66 <i className="fas fa-star" />
67 <i className="fas fa-star" />
68 <i className="fas fa-star" />
69 </div>
70 </div>
71 <p>Lorem Ipsum are many varation of paissages of Lorem as the Ipum available but our majority have sufferied alterations in some form, by our by injected hsumour randomised worids which don't looks even slightly there as believable. If you going to use a passage of Lorem Ipsum.</p>
72 <div className="content-bottom">
73 <h4 className="title">Robert C. Simmons</h4>
74 <span>Roofing Expert</span>
75 </div>
76 </div>
77 </div>
78 <div className="testimonial-item-two">
79 <div className="testimonial-avatar-two">
80 <img src="/assets/img/images/h2_testi_avatar03.png" alt="" />
81 </div>
82 <div className="testimonial-content-two">
83 <div className="content-top">
84 <div className="icon">
85 <i className="fas fa-quote-left" />
86 </div>
87 <div className="rating">
88 <i className="fas fa-star" />
89 <i className="fas fa-star" />
90 <i className="fas fa-star" />
91 <i className="fas fa-star" />
92 <i className="fas fa-star" />
93 </div>
94 </div>
95 <p>Lorem Ipsum are many varation of paissages of Lorem as the Ipum available but our majority have sufferied alterations in some form, by our by injected hsumour randomised worids which don't looks even slightly there as believable. If you going to use a passage of Lorem Ipsum.</p>
96 <div className="content-bottom">
97 <h4 className="title">Karikoka Ahli</h4>
98 <span>Executive Manager</span>
99 </div>
100 </div>
101 </div>
102 </Slider>
103 </div>
104 </div>
105 </div>
106 </div>
107 </section>
108
109 </>
110 )
111}