huncholane/slroofPublic

main

slroof/components/blog/BlogCard1.js

47 lines2.6 KBJavaScript

RawDownloadHistory

1	import Link from "next/link"
2
3	export default function BlogCard1({ item }) {
4	return (
5	<>
6	{/* <div className="inner-blog-item">
7	<div className="inner-blog-thumb">
8	<Link href={`/blog/${item.id}`}><img src={`/assets/img/blog/${item.img}`} alt="" /></Link>
9	</div>
10	<div className="inner-blog-content">
11	<div className="blog-meta-two">
12	<ul className="list-wrap">
13	<li className="tag"><Link href={`/blog/${item.id}`}>Sector</Link></li>
14	<li><i className="fal fa-clock" />5 Min</li>
15	<li><i className="fal fa-calendar" />{item.date}</li>
16	<li>By <Link href={`/blog/${item.id}`}>{item.author}</Link></li>
17	</ul>
18	</div>
19	<h2 className="title"><Link href={`/blog/${item.id}`}>{item.title}</Link></h2>
20	<p>Lorem ipsum dolor sit amet, sed nulla ante amet, elementum tincidunt arcu sed laoreet, natoque ac eget imperdiet. Ac scelerisque nibh dolores consectetuer, nulla aptent est pede. Scelerisque euismod varius mi, congue eget sed vestibulum, ornare cras sed nec.</p>
21	<Link href={`/blog/${item.id}`} className="rade-more-btn">Read More</Link>
22	</div>
23	</div> */}
24
25	<div className="col-lg-6 col-md-6">
26	<div className="blog-post-item">
27	<div className="blog-post-thumb">
28	<Link href={`/blog/${item.id}`}><img src={`/assets/img/blog/${item.img}`} alt="" /></Link>
29	</div>
30	<div className="blog-post-content">
31	<Link href="/blog" className="tag">{item.category}</Link>
32	<div className="blog-meta">
33	<ul className="list-wrap">
34	<li><i className="far fa-user" /> By <Link href={`/blog/${item.id}`}>{item.author}</Link></li>
35	<li><i className="fas fa-calendar-alt" />23 Dec {new Date().getFullYear()}</li>
36	</ul>
37	</div>
38	<h2 className="title"><Link href={`/blog/${item.id}`}>{item.title}</Link>
39	</h2>
40	<Link href={`/blog/${item.id}`} className="link-btn">Read More<i className="fas fa-arrow-right" /></Link>
41	</div>
42	</div>
43	</div>
44
45	</>
46	)
47	}