diff --git a/public/img/github.webp b/public/img/github.webp
new file mode 100644
index 0000000..a83d7c3
Binary files /dev/null and b/public/img/github.webp differ
diff --git a/public/img/linkedin.webp b/public/img/linkedin.webp
new file mode 100644
index 0000000..6c454e1
Binary files /dev/null and b/public/img/linkedin.webp differ
diff --git a/public/img/social.webp b/public/img/social.webp
new file mode 100644
index 0000000..4670612
Binary files /dev/null and b/public/img/social.webp differ
diff --git a/src/components/Social.js b/src/components/Social.js
new file mode 100644
index 0000000..85e871e
--- /dev/null
+++ b/src/components/Social.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './css/Social.css';
+import Card from './subcomponents/Card';
+import Theater from './subcomponents/Theater';
+
+
+class Social extends React.Component {
+  componentDidMount () {
+    document.title = "Social Media";
+  }
+
+  render() {
+    return (
+      <div className="Social">
+        <Theater
+          title="Social Media"
+          background="/img/social.webp"
+          extraClasses="h-50v"
+        />
+        <div className="links">
+          <a href="https://github.com/RaspberryProgramming" target="_blank" rel="noreferrer">
+            <img src="/img/github.webp"/>
+          </a>
+
+          <a href="https://www.linkedin.com/in/camerin-figueroa-2662bb157/" target="_blank" rel="noreferrer">
+            <img src="/img/linkedin.webp"/>
+          </a>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default Social;
\ No newline at end of file
diff --git a/src/components/css/Social.css b/src/components/css/Social.css
new file mode 100644
index 0000000..5165247
--- /dev/null
+++ b/src/components/css/Social.css
@@ -0,0 +1,24 @@
+.Social {
+    background-color: #3D3C3F;
+    min-height: 100vh;
+    color: #AA9AA0;
+}
+
+.Social .links {
+    display:flex;
+    flex-direction:row;
+    align-content:center;
+    justify-content:center;
+    align-items:start;
+    width:75vw;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.Social .links img {
+    height: 10vh;
+}
+
+.Social .links * {
+    margin: 25px;
+}
\ No newline at end of file