irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/components/layout/Footer.js
263 lines10 KBJavaScript
RawDownloadHistory
1import Link from "next/link";
2
3export default function Footer1() {
4 return (
5 <>
6 <footer>
7 <div
8 className="footer-area footer-bg"
9 data-background="/assets/img/bg/footer_bg.jpg"
10 >
11 <div className="footer-top">
12 <div className="container">
13 <div className="row">
14 <div className="col-xl-3 col-lg-4 col-md-7">
15 <div className="footer-widget">
16 <h2 className="fw-title">About Us</h2>
17 <div className="footer-content">
18 <p>
19 There are many variations of passages of Lore Ipsum
20 available, but the majori have alteration in some form,
21 by injected humour, ondomised word which don't look
22 </p>
23 <div className="footer-newsletter">
24 <h4 className="title">Subscribe to Our Newsletter</h4>
25 <form action="#">
26 <input type="text" placeholder="Enter your email" />
27 <button type="submit" className="btn btn-two">
28 Subscribe
29 </button>
30 </form>
31 </div>
32 </div>
33 </div>
34 </div>
35 <div className="col-xl-3 col-lg-4 col-md-5 col-sm-6">
36 <div className="footer-widget">
37 <h2 className="fw-title">Our Services</h2>
38 <div className="footer-link">
39 <ul className="list-wrap">
40 <li>
41 <Link href="/project">
42 <i className="fas fa-angle-double-right" />
43 Single Ply Roofing
44 </Link>
45 </li>
46 <li>
47 <Link href="/project">
48 <i className="fas fa-angle-double-right" />
49 Modified Roofing
50 </Link>
51 </li>
52 <li>
53 <Link href="/project">
54 <i className="fas fa-angle-double-right" />
55 Built-Up Roofing
56 </Link>
57 </li>
58 <li>
59 <Link href="/project">
60 <i className="fas fa-angle-double-right" />
61 Metal Roofing
62 </Link>
63 </li>
64 <li>
65 <Link href="/project">
66 <i className="fas fa-angle-double-right" />
67 Vegetative Roofing
68 </Link>
69 </li>
70 <li>
71 <Link href="/project">
72 <i className="fas fa-angle-double-right" />
73 Specialty Metal
74 </Link>
75 </li>
76 </ul>
77 </div>
78 </div>
79 </div>
80 <div className="col-xl-2 col-lg-4 col-md-6 col-sm-6">
81 <div className="footer-widget">
82 <h2 className="fw-title">Quick Links</h2>
83 <div className="footer-link">
84 <ul className="list-wrap">
85 <li>
86 <Link href="/contact">
87 <i className="fas fa-angle-double-right" />
88 Terms Conditions
89 </Link>
90 </li>
91 <li>
92 <Link href="/contact">
93 <i className="fas fa-angle-double-right" />
94 Tax Vat
95 </Link>
96 </li>
97 <li>
98 <Link href="/contact">
99 <i className="fas fa-angle-double-right" />
100 Refund Policy
101 </Link>
102 </li>
103 <li>
104 <Link href="/contact">
105 <i className="fas fa-angle-double-right" />
106 Typically Solutions
107 </Link>
108 </li>
109 <li>
110 <Link href="/contact">
111 <i className="fas fa-angle-double-right" />
112 Our Process
113 </Link>
114 </li>
115 <li>
116 <Link href="/contact">
117 <i className="fas fa-angle-double-right" />
118 Contact Us
119 </Link>
120 </li>
121 </ul>
122 </div>
123 </div>
124 </div>
125 <div className="col-xl-4 col-lg-5 col-md-6">
126 <div className="footer-widget">
127 <h2 className="fw-title">Instagram Posts</h2>
128 <div className="footer-instagram">
129 <ul className="list-wrap">
130 <li>
131 <Link href="/#">
132 <img
133 src="/assets/img/instagram/f_insta_img01.jpg"
134 alt=""
135 />
136 </Link>
137 </li>
138 <li>
139 <Link href="/#">
140 <img
141 src="/assets/img/instagram/f_insta_img02.jpg"
142 alt=""
143 />
144 </Link>
145 </li>
146 <li>
147 <Link href="/#">
148 <img
149 src="/assets/img/instagram/f_insta_img03.jpg"
150 alt=""
151 />
152 </Link>
153 </li>
154 <li>
155 <Link href="/#">
156 <img
157 src="/assets/img/instagram/f_insta_img04.jpg"
158 alt=""
159 />
160 </Link>
161 </li>
162 <li>
163 <Link href="/#">
164 <img
165 src="/assets/img/instagram/f_insta_img05.jpg"
166 alt=""
167 />
168 </Link>
169 </li>
170 <li>
171 <Link href="/#">
172 <img
173 src="/assets/img/instagram/f_insta_img06.jpg"
174 alt=""
175 />
176 </Link>
177 </li>
178 </ul>
179 </div>
180 </div>
181 </div>
182 </div>
183 <div className="footer-logo-area">
184 <div className="row align-items-center">
185 <div className="col-xl-3 col-lg-3 col-md-12">
186 <div className="logo">
187 <Link href="/index">
188 <img src="/assets/img/logo/w_logo.png" alt="" />
189 </Link>
190 </div>
191 </div>
192 <div className="col-xl-4 col-lg-4 col-md-6">
193 <div className="footer-contact">
194 <div className="icon">
195 <i className="fas fa-phone-alt" />
196 </div>
197 <div className="content">
198 <span>Phone No</span>
199 <Link href="tel:+18619899598">+1 (861) 989 9598</Link>
200 </div>
201 </div>
202 </div>
203 <div className="col-xl-5 col-lg-5 col-md-6">
204 <div className="footer-social">
205 <h2 className="title">Follow Us:</h2>
206 <ul className="list-wrap">
207 <li>
208 <Link href="/#">
209 <i className="fab fa-facebook-f" />
210 </Link>
211 </li>
212 <li>
213 <Link href="/#">
214 <i className="fab fa-twitter" />
215 </Link>
216 </li>
217 <li>
218 <Link href="/#">
219 <i className="fab fa-linkedin-in" />
220 </Link>
221 </li>
222 <li>
223 <Link href="/#">
224 <i className="fab fa-youtube" />
225 </Link>
226 </li>
227 </ul>
228 </div>
229 </div>
230 </div>
231 </div>
232 </div>
233 </div>
234 <div className="footer-bottom">
235 <div className="container">
236 <div className="row">
237 <div className="col-md-6">
238 <div className="copyright-text">
239 <p>
240 © Copyright {new Date().getFullYear()}. All Right Reserved
241 </p>
242 </div>
243 </div>
244 <div className="col-md-6">
245 <div className="footer-bootom-menu">
246 <ul className="list-wrap">
247 <li>
248 <Link href="/contact">Privacy Policy</Link>
249 </li>
250 <li>
251 <Link href="/contact">Terms Conditions</Link>
252 </li>
253 </ul>
254 </div>
255 </div>
256 </div>
257 </div>
258 </div>
259 </div>
260 </footer>
261 </>
262 );
263}