update certs

src/components/Certifications.js

@@ -3,12 +3,27 @@ import '../App.css';
 import AwsCP from '../images/certifs/aws_cp.png'
 import gitlab from '../images/certifs/gitlab.png'
 import k8sgcp from '../images/certifs/k8s_gcp.png'
+import k8s from '../images/certifs/k8s.png'
+import AWSSAA from '../images/certifs/saa.png'
 
 function Certifications() {
 
     /* add certifications here */
 
     const certifications = [
+
+        {
+            link: "https://www.credly.com/badges/97af293c-ecad-46b1-bf23-99f7d9446a0d/public_url",
+            certImgSrc: k8s,
+            certImgAlt: "Certified Kubernetes Administrator",
+            certImgTitle: "Certified Kubernetes Administrator"
+        },
+        {
+            link: "https://www.credly.com/badges/24a9cc00-1aa9-46f9-ad1d-6a3b1168bcbb/public_url",
+            certImgSrc: AWSSAA,
+            certImgAlt: "AWS Certified Solutions Architect",
+            certImgTitle: "AWS Certified Solutions Architect"
+        },
         {
             link: "https://www.credly.com/badges/4d602eaf-0e6b-48b9-a56d-f34b64fc13f9/public_url",
             certImgSrc: AwsCP,
@@ -20,12 +35,6 @@ function Certifications() {
             certImgSrc: gitlab,
             certImgAlt: "GitLab Certified Associate",
             certImgTitle: "GitLab Certified Associate"
-        },
-        {
-            link: "https://www.cloudskillsboost.google/public_profiles/3683917e-2212-4abf-936d-307f0117ea02/badges/3519204",
-            certImgSrc: k8sgcp,
-            certImgAlt: "Kubernetes in Google Cloud",
-            certImgTitle: "Kubernetes in Google Cloud"
         }
     ]
 

src/components/Header.js

@@ -47,6 +47,7 @@ export default function Header() {
                     <Link to="skills" spy={true} smooth={true} onClick={toggleNav} class="menu-link">Skills</Link>
                     <Link to="projects" spy={true} smooth={true} onClick={toggleNav} class="menu-link">Projects</Link>
                     <Link to="certifications" spy={true} smooth={true} onClick={toggleNav} class="menu-link">Certifications</Link>
+                    <Link to="blog" spy={true} smooth={true} onClick={toggleNav} class="menu-link">Blog</Link>
                     <Link to="contact-me" spy={true} smooth={true} onClick={toggleNav} class="menu-link">Contact</Link>
                 </nav>
             </CSSTransition>

src/styles/Header.css

@@ -14,10 +14,13 @@
   .Nav {
     display: grid;
     grid-area: nav;
-    grid-template-columns: repeat(8, auto);
+    grid-template-columns: repeat(9, auto);
     align-items: center;
     justify-items: center;
   }
+  .Nav .blog:hover{
+    color: #fff;
+  }
   .Nav a {
     color: #fff;
     font-size: 1.2rem;