1 | import React from "react";
|
---|
2 | import "./Footer.css";
|
---|
3 | import { Button } from "./Button";
|
---|
4 | import logo from "../../../assets/logo_icon.png";
|
---|
5 |
|
---|
6 | function Footer() {
|
---|
7 | return (
|
---|
8 | <div className="footer-container">
|
---|
9 | {/* <div className="footer-links">
|
---|
10 | <div className="footer-link-wrapper">
|
---|
11 | <div className="footer-link-items">
|
---|
12 | <h2>Contact Us</h2>
|
---|
13 | <a href="#">Contact</a>
|
---|
14 | <a href="#">Support</a>
|
---|
15 | <a href="#">Destinations</a>
|
---|
16 | <a href="#">Sponsorships</a>
|
---|
17 | </div>
|
---|
18 | </div>
|
---|
19 | <div className="footer-link-wrapper">
|
---|
20 | <div className="footer-link-items">
|
---|
21 | <h2>Social Media</h2>
|
---|
22 | <a href="#">Instagram</a>
|
---|
23 | <a href="#">Facebook</a>
|
---|
24 | <a href="#">Youtube</a>
|
---|
25 | <a href="#">Twitter</a>
|
---|
26 | </div>
|
---|
27 | </div>
|
---|
28 | </div> */}
|
---|
29 | <section className="social-media">
|
---|
30 | <div className="social-media-wrap">
|
---|
31 | <div className="footer-logo">
|
---|
32 | <a href="#" className="social-logo">
|
---|
33 | iMaps
|
---|
34 | </a>
|
---|
35 | </div>
|
---|
36 | <small className="website-rights">iMaps © {2024}</small>
|
---|
37 | <div className="social-icons">
|
---|
38 | <a className="social-icon-link facebook" href="#" aria-label="Facebook">
|
---|
39 | <i className="fab fa-facebook-f" />
|
---|
40 | </a>
|
---|
41 | <a className="social-icon-link instagram" href="#" aria-label="Instagram">
|
---|
42 | <i className="fab fa-instagram" />
|
---|
43 | </a>
|
---|
44 | <a className="social-icon-link youtube" href="#" aria-label="Youtube">
|
---|
45 | <i className="fab fa-youtube" />
|
---|
46 | </a>
|
---|
47 | <a className="social-icon-link twitter" href="#" aria-label="Twitter">
|
---|
48 | <i className="fab fa-twitter" />
|
---|
49 | </a>
|
---|
50 | <a className="social-icon-link linkedin" href="#" aria-label="LinkedIn">
|
---|
51 | <i className="fab fa-linkedin" />
|
---|
52 | </a>
|
---|
53 | </div>
|
---|
54 | </div>
|
---|
55 | </section>
|
---|
56 | </div>
|
---|
57 | );
|
---|
58 | }
|
---|
59 |
|
---|
60 | export default Footer;
|
---|