huncholane/slroofPublic

main

slroof/components/sections/Blog1.js

77 lines4.9 KBJavaScript

RawDownloadHistory

1	import Link from "next/link"
2
3	export default function Blog1() {
4	return (
5	<>
6	<section className="blog-area pt-115 pb-90">
7	<div className="container">
8	<div className="row justify-content-center">
9	<div className="col-lg-8">
10	<div className="section-title text-center mb-60 tg-heading-subheading animation-style3">
11	<span className="sub-title tg-element-title">Our News</span>
12	<h2 className="title tg-element-title">Read Our Latest News Blog</h2>
13	</div>
14	</div>
15	</div>
16	<div className="row justify-content-center">
17	<div className="col-xl-4 col-md-6">
18	<div className="blog-post-item">
19	<div className="blog-post-thumb">
20	<Link href="/blog-details"><img src="/assets/img/blog/blog_img01.jpg" alt="" /></Link>
21	</div>
22	<div className="blog-post-content">
23	<Link href="/blog" className="tag">Quality Materials</Link>
24	<div className="blog-meta">
25	<ul className="list-wrap">
26	<li><i className="far fa-user" /> By <Link href="/blog-details">Admin</Link></li>
27	<li><i className="fas fa-calendar-alt" />23 Dec {new Date().getFullYear()}</li>
28	</ul>
29	</div>
30	<h2 className="title"><Link href="/blog-details">Building worker help each other with at construction site</Link></h2>
31	<Link href="/blog-details" className="link-btn">Read More<i className="fas fa-arrow-right" /></Link>
32	</div>
33	</div>
34	</div>
35	<div className="col-xl-4 col-md-6">
36	<div className="blog-post-item">
37	<div className="blog-post-thumb">
38	<Link href="/blog-details"><img src="/assets/img/blog/blog_img02.jpg" alt="" /></Link>
39	</div>
40	<div className="blog-post-content">
41	<Link href="/blog" className="tag">House Roof Work</Link>
42	<div className="blog-meta">
43	<ul className="list-wrap">
44	<li><i className="far fa-user" /> By <Link href="/blog-details">Admin</Link></li>
45	<li><i className="fas fa-calendar-alt" />23 Dec {new Date().getFullYear()}</li>
46	</ul>
47	</div>
48	<h2 className="title"><Link href="/blog-details">Full shot roofers working together with helmets</Link></h2>
49	<Link href="/blog-details" className="link-btn">Read More<i className="fas fa-arrow-right" /></Link>
50	</div>
51	</div>
52	</div>
53	<div className="col-xl-4 col-md-6">
54	<div className="blog-post-item">
55	<div className="blog-post-thumb">
56	<Link href="/blog-details"><img src="/assets/img/blog/blog_img03.jpg" alt="" /></Link>
57	</div>
58	<div className="blog-post-content">
59	<Link href="/blog" className="tag">Construction Engineer</Link>
60	<div className="blog-meta">
61	<ul className="list-wrap">
62	<li><i className="far fa-user" /> By <Link href="/blog-details">Admin</Link></li>
63	<li><i className="fas fa-calendar-alt" />23 Dec {new Date().getFullYear()}</li>
64	</ul>
65	</div>
66	<h2 className="title"><Link href="/blog-details">Hard hatswork at the heavy manufacturing factory industrial</Link></h2>
67	<Link href="/blog-details" className="link-btn">Read More<i className="fas fa-arrow-right" /></Link>
68	</div>
69	</div>
70	</div>
71	</div>
72	</div>
73	</section>
74
75	</>
76	)
77	}