import {
  FaGithub,
  FaLinkedin,
  FaMailBulk,
  FaPhone,
  FaTwitter,
} from "react-icons/fa";
import "./Footer.css";

import React from "react";

const Footer = () => {
  return (
    <div className="footer">
      <div className="footer-container">
        <div className="left">
          <div className="phone">
            <h4>
              <FaPhone
                size={20}
                style={{ color: "#fff", marginRight: "2rem" }}
              />
              999-999-999
            </h4>
          </div>
          <div className="email">
            <h4>
              <FaMailBulk
                size={20}
                style={{ color: "#fff", marginRight: "2rem" }}
              />
              info@fernandovideira.com
            </h4>
          </div>
        </div>
        <div className="right">
          <h4>A bit about me</h4>
          <p>
            I'm Fernando Videira, a Software Engineering student in Portugal
            looking for some new projects and challenges and oportunities to
            learn new things about the programming world!
          </p>
          <div className="social">
            <a
              href="https://github.com/FernandoJVideira"
              target="_blank"
              rel="noopener noreferrer"
            >
              <FaGithub
                size={30}
                style={{ color: "#fff", marginRight: "2rem" }}
                cursor={"pointer"}
              />
            </a>
            <a
              href="https://twitter.com/fernandoj_02_"
              target="_blank"
              rel="noopener noreferrer"
            >
              <FaTwitter
                size={30}
                style={{ color: "#fff", marginRight: "2rem" }}
                cursor={"pointer"}
              />
            </a>
            <a
              href="https://www.linkedin.com/in/fernando-videira-info/"
              target="_blank"
              rel="noopener noreferrer"
            >
              <FaLinkedin
                size={30}
                style={{ color: "#fff", marginRight: "2rem" }}
                cursor={"pointer"}
              />
            </a>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Footer;
