import React from "react"; import { FaHeart, FaReact } from "react-icons/fa"; const Footer = () => { return ( <div id="footer" className="p-4 d-flex flex-column flex-sm-column flex-md-row flex-lg-row justify-content-center align-items-center text-light w-100" style={{ backgroundColor: "rgb(33, 37, 41)" }} > <div className="footer-component text-center d-flex w-100 w-md-25 my-2 my-md-0 justify-content-center"> <a href="https://github.com/dsaw/weatherman-react">Github</a> </div> <div className="footer-component text-center d-flex w-100 w-md-50 my-2 my-md-0 justify-content-center"> Made with <span title="Heart" role="img" aria-label="Love"> {" "} <FaHeart color={"#e31b23"} size={18} />{" "} </span> using <span title="React" role="img" aria-label="React"> {" "} <FaReact color={"#2acef7"} size={18} />{" "} </span> by <a href="/"> Devesh</a> </div> <div className="footer-component text-center d-flex w-100 w-md-25 my-2 my-md-0 justify-content-center"> <a href="https://github.com/dsaw/weatherman-react/blob/master/PRIVACY-POLICY.html"> Privacy Policy{" "} </a> </div> </div> ); }; export default Footer;