codeflow/src/components/layout/Footer.js at d22c6493b862c785be6d09e9e3ff331d6fb65484 · CodeFlowOrg/codeflow · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
import logo from "../../assets/logo.png";
import img from "../../assets/Qr-code.png";
import { Link } from "react-router-dom";
import "../styles/footer.css";

const Footer = () => {
  return (
    <div className="footer-styling">
      <footer>
        <div className="container">
          <div className="footer-logo">
            <Link to="/">
              <img src={logo} alt="Codeflow logo" width="100" />
            </Link>
            <div className="footer-logo-text">
              <h2>Codeflow</h2>
              <p>Learning must go on!</p>
            </div>
          </div>
          <div className="footer-link-group">
          <h3>Quick Links</h3>
            <Link to="/">Home</Link>
            <Link to="/events">Events</Link>
            <Link to="/hackathon">Hackathons</Link>
            <Link to="/">Open Source</Link>
            <Link to="/">Collaborations</Link>
          </div>
          <div className="footer-link-group social-media-links">
            <h3>Social Media Links</h3>
            <a
              href="https://www.facebook.com/"
              target="_blank"
              rel="noreferrer">
              Facebook
            </a>
            <a href="https://twitter.com/codefloworg" target="_blank" rel="noreferrer">
              Twitter
            </a>
            <a
              href="https://www.instagram.com/codefloworg/"
              target="_blank"
              rel="noreferrer">
              Instagram
            </a>
          </div>
          <div className="footer-link-group other-links">
            <h3>Other Links</h3>
            <a href="https://github.com/CodeFlowOrg" target="_blank" rel="noreferrer">
              Github
            </a>
            <a
              href="https://www.linkedin.com/company/codefloworg/"
              target="_blank"
              rel="noreferrer">
              LinkedIn
            </a>
            <a href="mailto:codefloworg@gmail.com" target="_blank" rel="noreferrer">
              Email Us
            </a>
          </div>
          <div>
          <img src={img} width="200px" height="200px" />
          </div>
        </div>
      </footer>
    </div>
  );
};

export default Footer;