diff --git a/website/src/components/unleash-academy/Banner.jsx b/website/src/components/unleash-academy/Banner.jsx
index 44c2ca7b27..551af0e725 100644
--- a/website/src/components/unleash-academy/Banner.jsx
+++ b/website/src/components/unleash-academy/Banner.jsx
@@ -4,10 +4,10 @@ const Component = () => {
return (
-
+
Gain new skills, earn certifications, train your team, and
advance your career.
-
+
- 100% Free & online
- Valuable certification
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 612742843d..ed61ff086c 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -321,7 +321,7 @@ html[data-theme='dark'] .links-container {
list-style-type: none;
background-image: url('/img/unleash-academy/bullet-check.svg');
background-repeat: no-repeat;
- background-position: left center; /* Adjust as needed */
+ background-position: left center;
padding-left: 30px;
}
@@ -343,6 +343,20 @@ html[data-theme='dark'] .links-container {
text-align: center;
padding: calc(var(--ifm-spacing-horizontal) * .5);
}
+
+ h3 {
+ font-weight: normal;
+ font-size: 1.4em;
+ }
+
+ .icon {
+ background-image: url('/img/unleash-academy/academy-logo.svg');
+ background-repeat: no-repeat;
+ background-position: left center;
+ width: 4em;
+ aspect-ratio: 1;
+ background-size: contain;
+ }
}
diff --git a/website/static/img/unleash-academy/academy-logo.svg b/website/static/img/unleash-academy/academy-logo.svg
new file mode 100644
index 0000000000..f33c31767c
--- /dev/null
+++ b/website/static/img/unleash-academy/academy-logo.svg
@@ -0,0 +1,17 @@
+