Merge pull request #19 from mianzegregory/social_links

Social links

src/components/common/Footer.js

@@ -1,6 +1,6 @@
 import styled from "styled-components";
 import instagram from "../../assets/ig.svg";
-import twitter from "../../assets/tw.svg";
+// import twitter from "../../assets/tw.svg";
 import linkedin from "../../assets/in.svg";
 
 const Footer = () => {
@@ -11,9 +11,13 @@ const Footer = () => {
         <p>[email protected]</p>
       </div>
       <div>
-        <img src={instagram} alt="Instagram" />
-        <img src={twitter} alt="Twitter" />
-        <img src={linkedin} alt="LinkedIn" />
+        <a href="https://www.instagram.com/ethereal.s0ul/" target="_blank" rel="noreferrer">
+          <img src={instagram} alt="Instagram" />
+        </a>
+        {/* <img src={twitter} alt="Twitter" /> */}
+        <a href="https://www.linkedin.com/in/sjaoko/" target="_blank" rel="noreferrer">
+          <img src={linkedin} alt="Linkedin" />
+        </a>
       </div>
     </Wrapper>
   );
@@ -48,7 +52,7 @@ const Wrapper = styled.footer`
   #greeting {
     color: #a5a5a5;
   }
-  @media(max-width: 500px){
+  @media (max-width: 500px) {
     flex-direction: column;
     margin-bottom: 3rem;
   }

src/pages/About.js

@@ -34,6 +34,20 @@ const About = () => {
             convey a desired message. Having an active creative side allows me
             to give a unique twist to each photo in order to create a compelling
             image that lasts in the mind of an audience.
+            <br />
+            <br />
+            Say hello
+            <br />
+            <span
+              style={{
+                backgroundColor: "transparent",
+                fontFamily: "Fira Sans",
+                fontWeight: "800",
+                color: "#000",
+              }}
+            >
+              [email protected]
+            </span>
           </p>
         </ImagesContainer>
       </PageWrapper>