irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/components/sections/Features2.js
85 lines5.9 KBJavaScript
RawDownloadHistory
1import Link from "next/link"
2
3
4export default function Features2() {
5 return (
6 <>
7 <section className="features-area-two features-bg" data-background="/assets/img/bg/features_bg.jpg">
8 <div className="container">
9 <div className="row justify-content-center">
10 <div className="col-xl-4 col-lg-6 col-md-8">
11 <div className="features-item-two wow fadeInUp" data-wow-delay=".2s">
12 <div className="features-item-shape">
13 <svg viewBox="0 0 451 518" fill="none" xmlns="http://www.w3.org/2000/svg">
14 <path d="M0 15.5706C0 12.3122 2.60044 9.64945 5.85786 9.57226L389.414 0.483096C423.541 -0.32561 451.466 27.4618 450.825 61.5922L442.369 512.113C442.308 515.382 439.64 518 436.37 518H6C2.6863 518 0 515.314 0 512V15.5706Z" fill="currentcolor" />
15 </svg>
16 </div>
17 <div className="features-item-top">
18 <div className="features-icon-two">
19 <img src="/assets/img/icon/features_icon01.svg" alt="" />
20 </div>
21 <div className="features-content-two">
22 <h2 className="title">Quality Materials</h2>
23 <p>There many variations unavailable, but the majority have suffered.</p>
24 </div>
25 </div>
26 <div className="features-thumb">
27 <Link href="/services-details"><img src="/assets/img/images/features_img01.jpg" alt="" /></Link>
28 <Link href="/services-details" className="link-btn"><img src="/assets/img/icon/right_arrow02.svg" alt="" /></Link>
29 </div>
30 </div>
31 </div>
32 <div className="col-xl-4 col-lg-6 col-md-8">
33 <div className="features-item-two wow fadeInUp" data-wow-delay=".4s">
34 <div className="features-item-shape">
35 <svg viewBox="0 0 451 518" fill="none" xmlns="http://www.w3.org/2000/svg">
36 <path d="M0 15.5706C0 12.3122 2.60044 9.64945 5.85786 9.57226L389.414 0.483096C423.541 -0.32561 451.466 27.4618 450.825 61.5922L442.369 512.113C442.308 515.382 439.64 518 436.37 518H6C2.6863 518 0 515.314 0 512V15.5706Z" fill="currentcolor" />
37 </svg>
38 </div>
39 <div className="features-item-top">
40 <div className="features-icon-two">
41 <img src="/assets/img/icon/features_icon02.svg" alt="" />
42 </div>
43 <div className="features-content-two">
44 <h2 className="title">Quality Materials</h2>
45 <p>There many variations unavailable, but the majority have suffered.</p>
46 </div>
47 </div>
48 <div className="features-thumb">
49 <Link href="/services-details"><img src="/assets/img/images/features_img02.jpg" alt="" /></Link>
50 <Link href="/services-details" className="link-btn"><img src="/assets/img/icon/right_arrow02.svg" alt="" /></Link>
51 </div>
52 </div>
53 </div>
54 <div className="col-xl-4 col-lg-6 col-md-8">
55 <div className="features-item-two wow fadeInUp" data-wow-delay=".6s">
56 <div className="features-item-shape">
57 <svg viewBox="0 0 451 518" fill="none" xmlns="http://www.w3.org/2000/svg">
58 <path d="M0 15.5706C0 12.3122 2.60044 9.64945 5.85786 9.57226L389.414 0.483096C423.541 -0.32561 451.466 27.4618 450.825 61.5922L442.369 512.113C442.308 515.382 439.64 518 436.37 518H6C2.6863 518 0 515.314 0 512V15.5706Z" fill="currentcolor" />
59 </svg>
60 </div>
61 <div className="features-item-top">
62 <div className="features-icon-two">
63 <img src="/assets/img/icon/features_icon03.svg" alt="" />
64 </div>
65 <div className="features-content-two">
66 <h2 className="title">Quality Materials</h2>
67 <p>There many variations unavailable, but the majority have suffered.</p>
68 </div>
69 </div>
70 <div className="features-thumb">
71 <Link href="/services-details"><img src="/assets/img/images/features_img03.jpg" alt="" /></Link>
72 <Link href="/services-details" className="link-btn"><img src="/assets/img/icon/right_arrow02.svg" alt="" /></Link>
73 </div>
74 </div>
75 </div>
76 </div>
77 <div className="more-btn text-center mt-20">
78 <Link href="/services" className="btn">More Services</Link>
79 </div>
80 </div>
81 </section>
82
83 </>
84 )
85}