48 lines
1.3 KiB
JavaScript
48 lines
1.3 KiB
JavaScript
const SwaperBlogContent = ({
|
|
ImageUrl = "",
|
|
Title = "",
|
|
Body = "",
|
|
ContentAlign = "right",
|
|
}) => {
|
|
return (
|
|
<div class="swiper-slide">
|
|
<div class="card h-100">
|
|
<div class="card-body text-body d-flex flex-column justify-content-between h-100">
|
|
<div class="mb-4">
|
|
<img
|
|
src={ImageUrl}
|
|
alt="client logo"
|
|
class="client-logo img-fluid"
|
|
style={{ width: "580px", height: "100px" }}
|
|
/>
|
|
<h5>{Title}</h5>
|
|
</div>
|
|
<p>{Body}</p>
|
|
<div class="text-warning mb-4">
|
|
<i class="bx bxs-star"></i>
|
|
<i class="bx bxs-star"></i>
|
|
<i class="bx bxs-star"></i>
|
|
<i class="bx bxs-star"></i>
|
|
<i class="bx bxs-star"></i>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<div class="avatar me-3 avatar-sm">
|
|
<img
|
|
src="../../assets/img/avatars/1.png"
|
|
alt="Avatar"
|
|
class="rounded-circle"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-0">Cecilia Payne</h6>
|
|
<p class="small text-muted mb-0">CEO of Airbnb</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SwaperBlogContent;
|