From e8e399eee5d8f25558e0ea419efd48ea3f1440f4 Mon Sep 17 00:00:00 2001
From: Guillermo D Andrada <guillermoandrada@gmail.com>
Date: Wed, 24 Aug 2022 04:33:42 -0300
Subject: [PATCH] Web Components detail page and resources (#1587)

* Web Components detail page and resources

Web Components detail page and resources

* Update content/roadmaps/100-frontend/content/113-web-components/readme.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../100-frontend/content/113-web-components/readme.md     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/113-web-components/readme.md b/content/roadmaps/100-frontend/content/113-web-components/readme.md
index 7ee4157ae..1bb5a4de7 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/readme.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/readme.md
@@ -1 +1,7 @@
-# Web components
\ No newline at end of file
+# Web Components
+
+Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Web_Components'>Web Components | MDN</BadgeLink>
+<BadgeLink badgeText='Video' colorScheme='purple' href='https://www.youtube.com/watch?v=PCWaFLy3VUo'>Web Components Crash Course</BadgeLink>