diff --git a/src/components/Certifications.js b/src/components/Certifications.js index 74e28f9..d74143e 100644 --- a/src/components/Certifications.js +++ b/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" } ] diff --git a/src/components/Header.js b/src/components/Header.js index 9547ee2..9b1304e 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -47,6 +47,7 @@ export default function Header() { Skills Projects Certifications + Blog Contact diff --git a/src/images/certifs/k8s.png b/src/images/certifs/k8s.png new file mode 100644 index 0000000..32fc3cf Binary files /dev/null and b/src/images/certifs/k8s.png differ diff --git a/src/images/certifs/saa.png b/src/images/certifs/saa.png new file mode 100644 index 0000000..4fee5b9 Binary files /dev/null and b/src/images/certifs/saa.png differ diff --git a/src/styles/Header.css b/src/styles/Header.css index de069e7..6fc34fe 100644 --- a/src/styles/Header.css +++ b/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;