Subtotal: $200.00
Testimonial
Style 1
What Client Say!
“An economist is an expert who will know tomorrow why the things he predicted yesterday didn’t happen today.”
Nasir Hossain- https://example.com
<!--What Client says area are start-->
<div class="what-client-say-area grey-2-bg ptb-80">
<div class="section-title text-center secton-title-2 uppercase roboto">
<h1>What Client<span> Say!</span></h1>
</div>
<div class="total-client-say carosule-pagi carsoule-pagi-2 text-center">
<div class="single-client-say">
<div class="scs-content">
<p>“An economist is an expert who will know tomorrow why the things
he predicted yesterday didn’t happen today.”</p>
</div>
<div class="scs-img">
<img src="images/team/testi-01.jpg" alt="">
</div>
<div class="scs-name">
Nasir Hossain- <a href="#">https://example.com</a>
</div>
</div>
<div class="single-client-say">
<div class="scs-content">
<p>“An economist is an expert who will know tomorrow why the things
he predicted yesterday didn’t happen today.”</p>
</div>
<div class="scs-img">
<img src="images/team/testi-02.jpg" alt="">
</div>
<div class="scs-name">
Parvez Hossain- <a href="#">https://example.com</a>
</div>
</div>
<div class="single-client-say">
<div class="scs-content">
<p>“An economist is an expert who will know tomorrow why the things
he predicted yesterday didn’t happen today.”</p>
</div>
<div class="scs-img">
<img src="images/team/testi-01.jpg" alt="">
</div>
<div class="scs-name">
Nasir Hossain- <a href="#">https://example.com</a>
</div>
</div>
</div>
</div>
<!--What Client says area are end-->
/*==== what client say===== */
.total-client-say{
margin: auto;
max-width: 900px;
}
.scs-content p {
color: #171819;
font-size: 24px;
font-style: italic;
letter-spacing: 1.5px;
line-height: 1.5;
text-align: center;
}
.scs-img > img {
border-radius: 100%;
display: inline-block;
height: 80px;
width: 80px;
}
.scs-img {
margin: 25px 0 20px;
}
.scs-name > a {
color: #2395ec;
}
.carosule-pagi ul.slick-dots {
bottom: -50px;
}
.carosule-pagi .slick-dots li {
background: transparent none repeat scroll 0 0;
border: 2px solid #2395ec;
border-radius: 100%;
display: inline-block;
height: 16px;
margin: 0 5px;
position: relative;
width: 16px;
}
.carosule-pagi .slick-dots li button {
background: transparent none repeat scroll 0 0;
border: medium none;
border-radius: 100%;
bottom: 0;
display: block;
height: 4px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 4px;
text-indent:-9999px;
padding:0
}
.carosule-pagi .slick-dots li:hover button,.carosule-pagi .slick-dots li.slick-active button {
background: #2395ec none repeat scroll 0 0;
}
$('.total-client-say').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: true,
arrows: false,
responsive: [
{ breakpoint: 1169, settings: { slidesToShow: 1, } },
{ breakpoint: 969, settings: { slidesToShow: 1, } },
{ breakpoint: 767, settings: { slidesToShow: 1, } },
]
});
Style 2
Kathy Young
CEO of SunPark
“An economist is an expert who will know tomorrow why the things he predicted yesterday didn’t happen today.”
<!--rs stuff area start-->
<div class="rs-stuff-area ptb-80">
<div class="total-rs-stuff carosule-pagi car-pagi-2">
<div class="single-rs-stuff">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="rs-stuff-content">
<div class="stuff-name">
Kathy Young
</div>
<div class="stuff-degi">
CEO of SunPark
</div>
<div class="rs-border"></div>
<div class="stuff-des">
<p>“An economist is an expert who will know tomorrow
why the things he predicted yesterday didn’t happen
today.”</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="rs-stuff-img">
<a href="#"> <img src="images/team/testimonial-avatar-1.jpg"
alt="" /></a>
</div>
</div>
</div>
</div>
<div class="single-rs-stuff">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="rs-stuff-content">
<div class="stuff-name">
Nasir Hossain
</div>
<div class="stuff-degi">
Manager
</div>
<div class="rs-border"></div>
<div class="stuff-des">
<p>“An economist is an expert who will know tomorrow
why the things he predicted yesterday didn’t happen
today.”</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="rs-stuff-img">
<a href="#"> <img src="images/team/testimonial-avatar-2.jpg"
alt="" /></a>
</div>
</div>
</div>
</div>
<div class="single-rs-stuff">
<div class="row">
<div class="col-lg-6 col-md-6 col-12">
<div class="rs-stuff-content">
<div class="stuff-name">
BM Rafiq
</div>
<div class="stuff-degi">
Stylise Manager
</div>
<div class="rs-border"></div>
<div class="stuff-des">
<p>“An economist is an expert who will know tomorrow
why the things he predicted yesterday didn’t happen
today.”</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="rs-stuff-img">
<a href="#"> <img src="images/team/testimonial-avatar-3.jpg"
alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--rs stuff area end-->
/* rs stuff area */
.stuff-name {
color: #171819;
display: block;
font-family: Roboto Slab,Arial,Helvetica,sans-serif;
font-size: 30px;
font-weight: 300;
margin-bottom: 10px;
}
.stuff-degi{
color: #2395ec;
display: block;
font-size: 15px;
font-style: italic;
margin-bottom:20px
}
.stuff-des p {
color: #4a4d4f;
font-size: 15px;
letter-spacing: 0.7px;
padding: 20px 0 0;
}
.rs-stuff-content {
padding-top: 120px;
}
.rs-border {
position: relative;
}
.rs-border::after {
background: #2395ec none repeat scroll 0 0;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0;
width: 60px;
}
.rs-stuff-img a {
display: block;
}
.rs-stuff-img a img {
border-radius: 100%;
margin: auto;
transition: all 0.3s ease 0s;
}
.rs-stuff-img a img:hover {
transform:scale(1.1)
}
.carosule-pagi.car-pagi-2 ul.slick-dots {
bottom: 30%;
left: 10px;
width: auto;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
$('.total-rs-stuff').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
dots: true,
arrows: false,
responsive: [
{ breakpoint: 1169, settings: { slidesToShow: 1, } },
{ breakpoint: 969, settings: { slidesToShow: 1, } },
{ breakpoint: 767, settings: { slidesToShow: 1, } },
]
});
Photo Stream
