43 lines
2.0 KiB
JavaScript
43 lines
2.0 KiB
JavaScript
import Link from "next/link"
|
|
|
|
export default function BlogCard2({ item }) {
|
|
return (
|
|
<>
|
|
|
|
<div className="col-xl-6 col-lg-6 col-md-6 col-sm-6 ">
|
|
<div className="blog_box type_one trans hover_1_get borenable">
|
|
<div className="blog_inner trans">
|
|
<div className="vertical_text_1">
|
|
<span className="date_tm">
|
|
<i className="fi-rr-calendar" />
|
|
<time className="date published" >Jan 3, {new Date().getFullYear()}</time>
|
|
</span>
|
|
</div>
|
|
<div className="image_box trans hover_1">
|
|
<Link href={`/blog/${item.id}`}>
|
|
<img src={`/assets/images/blog/${item.img}`} className="img-fluid" alt="img" />
|
|
</Link>
|
|
<div className="oh ho_1" />
|
|
<div className="oh ho_2" />
|
|
<div className="oh ho_3" />
|
|
<div className="oh ho_4" />
|
|
</div>
|
|
<div className="content">
|
|
<div className="d-flex authour align-items-center">
|
|
<img src="/assets/images/gavatar.png" alt="gavatar" className="img-fluid" /> Jason P Laforce
|
|
</div>
|
|
<h4 className="title_22">
|
|
<Link href={`/blog/${item.id}`}> {item.title}</Link>
|
|
</h4>
|
|
<p className="descs"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem…</p>
|
|
<Link href="/blog-details" className="rd_more">Read More <i className="fi-rr-arrow-small-right" />
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</>
|
|
)
|
|
}
|