irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/pages/blog.js
105 lines7.3 KBJavaScript
RawDownloadHistory
1import BlogPost from "@/components/blog/BlogPost"
2import Layout from "@/components/layout/Layout"
3import Link from "next/link"
4export default function Blog() {
5
6 return (
7 <>
8 <Layout breadcrumbTitle="Blog">
9 <section className="inner-blog-area pt-120 pb-120">
10 <div className="container">
11 <div className="row justify-content-center">
12 <div className="col-xl-8">
13 <div className="row">
14 <BlogPost showItem={6} showPagination />
15 </div>
16 </div>
17 <div className="col-xl-4 col-lg-6 col-md-10">
18 <aside className="blog-sidebar">
19 <div className="blog-widget">
20 <div className="sidebar-search">
21 <h4 className="widget-title">Search</h4>
22 <form action="#">
23 <input id="search" type="text" placeholder="Search" />
24 <button type="submit"><i className="fas fa-search" /></button>
25 </form>
26 </div>
27 </div>
28 <div className="blog-widget">
29 <h4 className="widget-title">Categories</h4>
30 <div className="categories-list">
31 <ul className="list-wrap">
32 <li><Link href="/#">Business Consulting <span>(05)</span></Link></li>
33 <li><Link href="/#">Financial Investment <span>(07)</span></Link></li>
34 <li><Link href="/#">IT Consultations <span>(03)</span></Link></li>
35 <li><Link href="/#">Digital Analytics <span>(04)</span></Link></li>
36 <li><Link href="/#">Payment Processing <span>(02)</span></Link></li>
37 <li><Link href="/#">Software Solutions <span>(09)</span></Link></li>
38 </ul>
39 </div>
40 </div>
41 <div className="blog-widget">
42 <h4 className="widget-title">Recent News</h4>
43 <div className="rc-post-wrap">
44 <div className="rc-post-item">
45 <div className="rc-post-thumb">
46 <Link href="/blog-details"><img src="/assets/img/blog/rc_post01.jpg" alt="" /></Link>
47 </div>
48 <div className="rc-post-content">
49 <h5 className="title"><Link href="/blog-details">Aerial view of a private house with on roof</Link></h5>
50 <span><i className="fas fa-calendar-alt" />22 Jan {new Date().getFullYear()}</span>
51 </div>
52 </div>
53 <div className="rc-post-item">
54 <div className="rc-post-thumb">
55 <Link href="/blog-details"><img src="/assets/img/blog/rc_post02.jpg" alt="" /></Link>
56 </div>
57 <div className="rc-post-content">
58 <h5 className="title"><Link href="/blog-details">Medium shot men working on roof presentation</Link></h5>
59 <span><i className="fas fa-calendar-alt" />22 Jan {new Date().getFullYear()}</span>
60 </div>
61 </div>
62 <div className="rc-post-item">
63 <div className="rc-post-thumb">
64 <Link href="/blog-details"><img src="/assets/img/blog/rc_post03.jpg" alt="" /></Link>
65 </div>
66 <div className="rc-post-content">
67 <h5 className="title"><Link href="/blog-details">Free photo cute family a roof above their head</Link></h5>
68 <span><i className="fas fa-calendar-alt" />22 Jan {new Date().getFullYear()}</span>
69 </div>
70 </div>
71 </div>
72 </div>
73 <div className="blog-widget">
74 <h4 className="widget-title">Popular Tags</h4>
75 <div className="tag-list-wrap">
76 <ul className="list-wrap">
77 <li><Link href="/#">Construction</Link></li>
78 <li><Link href="/#">Roofing</Link></li>
79 <li><Link href="/#">Repairer</Link></li>
80 <li><Link href="/#">Maintenance</Link></li>
81 <li><Link href="/#">Remodeling</Link></li>
82 <li><Link href="/#">Roof</Link></li>
83 <li><Link href="/#">Roofing Service</Link></li>
84 <li><Link href="/#">Consulting</Link></li>
85 </ul>
86 </div>
87 </div>
88 <div className="blog-widget widget-bg" data-background="/assets/img/blog/widget_bg.jpg">
89 <h4 className="widget-title">Need Help</h4>
90 <div className="sidebar-content">
91 <h4 className="title">Beautiful red brick house with decorative lights</h4>
92 <p>Sit amet consectetur adipiscing elseds do eius mod tempor incididunt</p>
93 <Link href="/contact" className="btn btn-two">Contact Us</Link>
94 </div>
95 </div>
96 </aside>
97 </div>
98 </div>
99 </div>
100 </section>
101
102 </Layout>
103 </>
104 )
105}