WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

first commit

Browse Source
This commit is contained in:
Olu Amey
2021-12-18 20:23:31 -05:00
commit bce242fd22
308 changed files with 42398 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/TestimonialHomeOne.js
+142
View File
@@ -0,0 +1,142 @@
import React, { useRef } from 'react';
import Slider from 'react-slick';
import 'slick-carousel/slick/slick-theme.css';
import 'slick-carousel/slick/slick.css';
import user from '../../assets/images/testimonial-user.png';
function TestimonialHomeOne() {
const sliderRef = useRef();
const sliderNext = () => {
sliderRef.current.slickNext();
};
const sliderPrev = () => {
sliderRef.current.slickPrev();
};
return (
<section className="appie-testimonial-area pt-100 pb-160" id="testimonial">
<div className="container">
<div className="row justify-content-center">
<div className="col-lg-8">
<div className="appie-testimonial-slider" style={{ position: 'relative' }}>
<span
className="prev slick-arrow"
style={{ display: 'block' }}
onClick={sliderNext}
role="button"
tabIndex="0"
>
<i className="fal fa-arrow-left" />
</span>
<Slider ref={sliderRef} dots arrows={false}>
<div className="appie-testimonial-item text-center">
<div className="author-info">
<img src={user} alt="" />
<h5 className="title">Jason Response</h5>
<span>April 14, 2022</span>
</div>
<div className="text">
<p>
Why I say old chap that is spiffing lurgy Oxford
cracking goal bleeder, bog-standard Harry brilliant mush
a blinding shot starkers.
</p>
<ul>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
</ul>
</div>
</div>
<div className="appie-testimonial-item text-center">
<div className="author-info">
<img src={user} alt="" />
<h5 className="title">Jason Response</h5>
<span>April 14, 2022</span>
</div>
<div className="text">
<p>
Why I say old chap that is spiffing lurgy Oxford
cracking goal bleeder, bog-standard Harry brilliant mush
a blinding shot starkers.
</p>
<ul>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
</ul>
</div>
</div>
<div className="appie-testimonial-item text-center">
<div className="author-info">
<img src={user} alt="" />
<h5 className="title">Jason Response</h5>
<span>April 14, 2022</span>
</div>
<div className="text">
<p>
Why I say old chap that is spiffing lurgy Oxford
cracking goal bleeder, bog-standard Harry brilliant mush
a blinding shot starkers.
</p>
<ul>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
<li>
<i className="fas fa-star" />
</li>
</ul>
</div>
</div>
</Slider>
<span
onClick={sliderPrev}
role="button"
tabIndex="-1"
className="next slick-arrow"
style={{ display: 'block' }}
>
<i className="fal fa-arrow-right" />
</span>
</div>
</div>
</div>
</div>
</section>
);
}
export default TestimonialHomeOne;