irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/components/sections/Project3.js
100 lines6.2 KBJavaScript
RawDownloadHistory
1import Link from "next/link"
2
3
4export default function Project3() {
5 return (
6 <>
7 <section className="project-area-three">
8 <div className="project-bg-two" data-background="/assets/img/bg/area_bg03.jpg" />
9 <div className="container">
10 <div className="row justify-content-center">
11 <div className="col-lg-8">
12 <div className="section-title text-center white-title mb-60 tg-heading-subheading animation-style3">
13 <span className="sub-title tg-element-title">Our Projects</span>
14 <h2 className="title tg-element-title">Our Latest Projects</h2>
15 </div>
16 </div>
17 </div>
18 <div className="row justify-content-center">
19 <div className="col-lg-4 col-md-6 col-sm-10">
20 <div className="project-item-two">
21 <div className="project-thumb-two">
22 <Link href="/project-details"><img src="/assets/img/project/h3_project_img01.jpg" alt="" /></Link>
23 </div>
24 <div className="project-content-two">
25 <span>Product Design</span>
26 <h2 className="title"><Link href="/project-details">Web Application</Link></h2>
27 <Link href="/project-details" className="link-btn"><i className="fas fa-arrow-right" /></Link>
28 </div>
29 </div>
30 </div>
31 <div className="col-lg-4 col-md-6 col-sm-10">
32 <div className="project-item-two">
33 <div className="project-thumb-two">
34 <Link href="/project-details"><img src="/assets/img/project/h3_project_img02.jpg" alt="" /></Link>
35 </div>
36 <div className="project-content-two">
37 <span>Product Design</span>
38 <h2 className="title"><Link href="/project-details">Web Application</Link></h2>
39 <Link href="/project-details" className="link-btn"><i className="fas fa-arrow-right" /></Link>
40 </div>
41 </div>
42 </div>
43 <div className="col-lg-4 col-md-6 col-sm-10">
44 <div className="project-item-two">
45 <div className="project-thumb-two">
46 <Link href="/project-details"><img src="/assets/img/project/h3_project_img03.jpg" alt="" /></Link>
47 </div>
48 <div className="project-content-two">
49 <span>Product Design</span>
50 <h2 className="title"><Link href="/project-details">Web Application</Link></h2>
51 <Link href="/project-details" className="link-btn"><i className="fas fa-arrow-right" /></Link>
52 </div>
53 </div>
54 </div>
55 <div className="col-lg-4 col-md-6 col-sm-10">
56 <div className="project-item-two">
57 <div className="project-thumb-two">
58 <Link href="/project-details"><img src="/assets/img/project/h3_project_img04.jpg" alt="" /></Link>
59 </div>
60 <div className="project-content-two">
61 <span>Product Design</span>
62 <h2 className="title"><Link href="/project-details">Web Application</Link></h2>
63 <Link href="/project-details" className="link-btn"><i className="fas fa-arrow-right" /></Link>
64 </div>
65 </div>
66 </div>
67 <div className="col-lg-4 col-md-6 col-sm-10">
68 <div className="project-item-two">
69 <div className="project-thumb-two">
70 <Link href="/project-details"><img src="/assets/img/project/h3_project_img05.jpg" alt="" /></Link>
71 </div>
72 <div className="project-content-two">
73 <span>Product Design</span>
74 <h2 className="title"><Link href="/project-details">Web Application</Link></h2>
75 <Link href="/project-details" className="link-btn"><i className="fas fa-arrow-right" /></Link>
76 </div>
77 </div>
78 </div>
79 <div className="col-lg-4 col-md-6 col-sm-10">
80 <div className="project-item-two">
81 <div className="project-thumb-two">
82 <Link href="/project-details"><img src="/assets/img/project/h3_project_img06.jpg" alt="" /></Link>
83 </div>
84 <div className="project-content-two">
85 <span>Product Design</span>
86 <h2 className="title"><Link href="/project-details">Web Application</Link></h2>
87 <Link href="/project-details" className="link-btn"><i className="fas fa-arrow-right" /></Link>
88 </div>
89 </div>
90 </div>
91 </div>
92 <div className="learn-more-btn text-center mt-25">
93 <Link href="/project" className="btn">Learn More</Link>
94 </div>
95 </div>
96 </section>
97
98 </>
99 )
100}