You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
1.1 KiB
32 lines
1.1 KiB
import React from "react"; |
|
import { Container, Row, Col } from "react-bootstrap"; |
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; |
|
import { |
|
faFacebook, |
|
faInstagram, |
|
faLinkedin |
|
} from "@fortawesome/free-brands-svg-icons"; |
|
import { faEnvelope } from "@fortawesome/free-solid-svg-icons"; |
|
|
|
const SocialIcons = () => ( |
|
<Container> |
|
<Row className="justify-content-center"z> |
|
<Col xs={12} md={12} lg={12} className="text-center"> |
|
<Container style={{backgroundColor: "black", padding: "20px", marginTop:"20px" }}> |
|
<a href="#" style={{ marginRight: "20px" }}> |
|
<FontAwesomeIcon icon={faFacebook} size="2x" style={{ color: "white" }} /> |
|
</a> |
|
|
|
<a href="#" style={{ marginRight: "20px" }}> |
|
<FontAwesomeIcon icon={faInstagram} size="2x" style={{ color: "white" }} /> |
|
</a> |
|
<a href="mailto:email@example.com"> |
|
<FontAwesomeIcon icon={faEnvelope} size="2x" style={{ color: "white" }} /> |
|
</a> |
|
</Container> |
|
</Col> |
|
</Row> |
|
</Container> |
|
); |
|
|
|
export default SocialIcons;
|
|
|