diff --git a/website/assets/scss/_home.scss b/website/assets/scss/_home.scss
index f5619fb5..1020dad7 100644
--- a/website/assets/scss/_home.scss
+++ b/website/assets/scss/_home.scss
@@ -98,6 +98,12 @@
 				background-color: rgba(133, 98, 255, 0.8);
 			}
 		}
+		.cta-resources {
+			background-color: rgba(215, 243, 92, 0.7);
+			@media (min-width: 1200px) {
+				background-color: rgba(215, 243, 92, 0.8);
+			}
+		}
 		.cta-link {
 			font-weight: 300;
 			line-height: 140%;
diff --git a/website/content/_index.html b/website/content/_index.html
index ef020bc5..1f2d26a6 100644
--- a/website/content/_index.html
+++ b/website/content/_index.html
@@ -59,6 +59,9 @@ <h2>And drive
 			<div class="cta-box cta-accessibility">
 				<a class="cta-link" href="/accessibility/">Work on <span>accessibility</span></a>
 			</div>
+			<div class="cta-box cta-resources">
+				<a class="cta-link" href="/resources/">Discover <span>resources</span></a>
+			</div>
 		</div>
 
 	</div>