Socials Section Implemented

CarlOllington · Jul 11, 2024 · 3bc8117 · 3bc8117
1 parent 0a14803
commit 3bc8117
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 29 deletions.
diff --git a/Index.html b/Index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Carl Ollington</title>
     <link rel="stylesheet" href="PortoStyles.css">
-    <link rel="stylesheet" href="">
+    <!-- BR:422500 G:004225 B:250042 -->
 </head>
 <body>
     <section id="navigation">
@@ -94,28 +94,18 @@ <h2>Project 3</h2>
 
     <section id="contact">
         <div class="socials">
-            <div class="linkedin">
-                <a href=""></a>
-                <img src="" alt="LinkedIn">
-            </div>
-        </div>
-        <div class="socials">
-            <div class="github">
-                <a href=""></a>
-                <img src="" alt="GitHub">
-            </div>
-        </div>
-        <div class="socials">
-            <div class="Email">
-                <a href=""></a>
-                <img src="" alt="Email">
-            </div>
-        </div>
-        <div class="socials">
-            <div class="Home">
-                <a href=""></a>
-                <img src="" alt="Landing Page">
-            </div>
+            <a class="linkedin" href="https://www.linkedin.com/in/carlollington">
+                <img alt="LinkedIn" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAV1JREFUaEPtWVsOAiEM7J5MPZl6MvVkupPQZIMtC2tDIZYffjbQ6UwfWxaafC2T208BwJvBYGBkBs5EdCUi7J7rSUT31Q7sX6skoccAxrPBMP7SCuDt6fZaZ5cYCADGDIrOPsIAAuqWjMOOQO+xTABsjWeje4EwAaAx1iNeAgAkg1ycF5SpJAQQ2zhAlUbB67FMJNTDUO2OAADPQP8vwUXbWgCJ5euU+ipuzPgsSJCbxb16YsKAFMR5HEgXIU4AnAugJJO9ZOAKACDFdjhDUgLhCqAl+LWiOAyAPTa0/xB3ALk8pL4KTGkycgWgFTzJqJZvi3MhSYtHs5Dm1ZrzOH5cGZgegBaY0zAQANYu2DUGgoFgICXjmqyhdaPSjLXmvCHqwDAxIE2JeYrNnpKGsNqUu+Y8UwZa2mLrb03SqLVRLef9H4DpHzimf2Jq0afbt/HM6ub6dHEwEAz86IEPNMOKMSsOYKkAAAAASUVORK5CYII="/>
+            </a>
+            <a class="github" href="https://github.com/CarlOllington">
+                <img alt="Github" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAkpJREFUaEPtmVlOA0EMRJOTAScDTgacDDAaS43HdpV7mSEo/CAlvdRz2b3lernxv+uN67/cAc52cKYDjxvMcwOln71vn31s/19mgc8AEJEiWsVWtL1+Nx6CGQGQidtoV4Tbtt0gPQAjEUeQZZAqwMyoRzAliArAEeIVioZgAY4UrxCycj2hnGMAzhBPO4EAIvFisURICxoFKvpe9wcZLxorTScE8BnMLNbq5NLEA22/lzZ2n7DC5Pu3YL5QZwaQpU7Uz+68np6sTRSw0IUMIBpMRCHnelMqm9O6/jNHJAQVrjtYr+qmXwbgrkp/CSCrAWEsAWSRoDeZDkekiLND4c55z4Gz0kdXqmglku+HAajdsSPybZfMhd38VQdWpo9CZBlAAWQROAIgK+ZhgFXLZ5tCaDX6lTVeCp3tAFpEhgCOKOJ/DTBcA+5aPLhs2u6lTdSrAVREK9MIpc9uFYzOQlkUVrmAAkfvxNIQnUmkzcw9gRHvnp6zi0l7JtHbFbpVVcuh8sbkBoy90LR5H10f2XfP9u5beY50tVaulC1ElGJMgTPpaZ3sulJ6tdAK9AqdqQs231uIrkt9dD7X85AI0XTQGoEPUVuf7MxPR5+9nNucZ9IEFTNaprU/dJR9XbAQcGBAwABQc7AAosdbffSFTvXax6yIAwFQ4tkUakWgrZ4NSOm8k7nJTmgvHNFPSux4HoC4Zx1FtTT0wua50QtAp4wlYifMIqE/0j0w7/nbQNJH2pcjvgIA2ryywQwHVuqDY98BYIgWN7h5B74AeFmTMe34xmMAAAAASUVORK5CYII="/>
+            </a>
+            <a class="Email" href="mailto:[email protected]?subject=Let's Connect">
+                <img alt="Email" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVlJREFUaEPtmUESwjAIRenN9GTqyfRmWhZxYiSQBkjTDtk4Y03Kfx+aYBc4+FgOHj+EgL0dDAfCASWB06bQBQBuAICfM4zHGsSdCqTmwHuGqIkYrivUV/49JQCVIv0ZBwaPIr6DEjAr/RT0T8yzC0DiZR1uFoAT9kirVLhlRnQJQPtGiUDqGHwqVjMBKQc9hVCPS3MBHm6U1PMHjVpAdRMxSitufSzgZ/E831wDON9DBEedc7lLQIJgJUSizh1jVAK0bvRSr26+mo1sqxsa6i4CWt2woO4moKU2aofC3iO7ugZqAXEpUs7RbIZuAlrc6KXunkIlYcoNDfXhAnI3sIgt21P3FPLu5EKAN2Fp/XBAIuR9PRzwJiytHw5IhLyviw5gDzrLn7riEYVqaKhG2ptq6/p/8XLvB6wOX63Bcb+rNkWnfcFhQW3IGuHAEMzMTcKBcEBJ4PAp9AGloFoxlr+6BgAAAABJRU5ErkJggg=="/>
+            </a>
+            <a class="Home" href="#welcome">
+                <img alt="Home" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAUZJREFUaEPtllEOwjAMQ7ObwcmAk8HNgEibNI2usZdkaBB+JtE29bNDxiAH/wwH1y8F8O0EK4FKwOnAX7bQ02madZwyldo83lwARgSUqdTmX0nA6uFd17cksKtA67ICMBy6juvT0zKUXs9MQEVfRkW39zMFIgtgLn5yNQUiA6AlPg0iGqAnPgUiEgARHw4RBcCID4WIANgiPgzCC7AmXifONELnYpff6ZprOnkAeuJ1bfm3W++yzuz2IkOEtABUIHIWBtmSACpgDSAUggVAxavIHkAYBANwEpF7I9u1H6EF0IM4i8gD6SMGoHVhb4IgAGzNDyYWYH6hNf5QAKZmCIAW0XayImYA0JphAEh7sgBIzQJgXKoEELe2TCGkLvIiQ+t09xVAx576DSA9ltlCyP3uPQXgttBZoBJwGug+Xgm4LXQWOHwCL424RTGF/pxQAAAAAElFTkSuQmCC"/>
+            </a>
         </div>
     </section>
 </body>

diff --git a/PortoStyles.css b/PortoStyles.css
@@ -4,36 +4,33 @@
 
 body {
     font-family: sans-serif;
+    text-emphasis-color: white;
     margin: 0;
 }
 
 .navigation {
     display: flex;
     justify-content: space-evenly;
     padding: 10px;
-    background-color: lightblue;
-    color: #fff;
 }
 
 .banner {
     display:flex;
     flex-flow: column wrap;
     align-items: center;
-    background-color:cadetblue;
 }
 
 .profile {
     display: flex;
     flex-flow: row wrap;
     justify-content: space-around;
-    background-color: darkturquoise;
-
 }
 
 .biography {
     display: flex;
     flex-flow: row wrap;
     justify-content: space-around;
+
 }
 
 .project_grid {
@@ -48,6 +45,12 @@ body {
     justify-content: center;
     align-items: center;
 }
+
 .contact {
+}
 
-}
+.socials {
+    display: flex;
+    justify-content: space-evenly;
+    padding: 10px;
+}