From 2a076bbb0e6f54104ce423293655414ccd188259 Mon Sep 17 00:00:00 2001
From: Aroyan <43630681+aroyan@users.noreply.github.com>
Date: Sat, 6 Aug 2022 15:20:34 +0800
Subject: [PATCH] feat: add HTML templates resource (#1414)

---
 .../content/113-web-components/100-html-templates.md       | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md b/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md
index d7b57244b..23c3306f8 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md
@@ -1 +1,6 @@
-# Html templates
\ No newline at end of file
+# HTML Templates
+
+The `<template>` HTML element is a mechanism for holding HTML that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using JavaScript. Think of a template as a content fragment that is being stored for subsequent use in the document.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots'>Using templates and slots | MDN web docs</BadgeLink>