diff --git a/content/roadmaps/104-angular/content/103-angular-cli/106-schematics.md b/content/roadmaps/104-angular/content/103-angular-cli/106-schematics.md
index 68f3d5e3d..2474a11b3 100644
--- a/content/roadmaps/104-angular/content/103-angular-cli/106-schematics.md
+++ b/content/roadmaps/104-angular/content/103-angular-cli/106-schematics.md
@@ -1 +1,7 @@
-# Schematics
\ No newline at end of file
+# Schematics
+
+A schematic is a template-based code generator that supports complex logic. It is a set of instructions for transforming a software project by generating or modifying code.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://angular.io/guide/schematics#:~:text=A%20schematic%20is%20a%20template,collections%20and%20installed%20with%20npm.'>Angular Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2?gi=ad9571373944'>Angular Blog</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/104-templates/100-interpolation.md b/content/roadmaps/104-angular/content/104-templates/100-interpolation.md
index 2392b8885..e2dbf3bc3 100644
--- a/content/roadmaps/104-angular/content/104-templates/100-interpolation.md
+++ b/content/roadmaps/104-angular/content/104-templates/100-interpolation.md
@@ -1,5 +1,6 @@
 # Interpolation
 
-Interpolation refers to embedding expressions into marked up text. By default, interpolation uses the double curly braces `{{` and `}}` as delimiters.
+Interpolation refers to embedding expressions into marked up text. By default, interpolation uses the double curly braces {{ and }} as delimiters. Angular replaces currentCustomer with the string value of the corresponding component property.
 
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme='blue' badgeText='Official Website' href='ttps://angular.io/guide/interpolation'>Angular Official Website</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/112-creating-a-custom-x/102-library.md b/content/roadmaps/104-angular/content/112-creating-a-custom-x/102-library.md
index 677109641..32c225a1e 100644
--- a/content/roadmaps/104-angular/content/112-creating-a-custom-x/102-library.md
+++ b/content/roadmaps/104-angular/content/112-creating-a-custom-x/102-library.md
@@ -1 +1,6 @@
-# Library
\ No newline at end of file
+# Library
+
+Use the Angular CLI and the npm package manager to build and publish your library as an npm package.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://angular.io/guide/creating-libraries'>Angular Website</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/113-angular-ssr/100-angular-universal.md b/content/roadmaps/104-angular/content/113-angular-ssr/100-angular-universal.md
index 3bd416d57..ec8785101 100644
--- a/content/roadmaps/104-angular/content/113-angular-ssr/100-angular-universal.md
+++ b/content/roadmaps/104-angular/content/113-angular-ssr/100-angular-universal.md
@@ -1 +1,7 @@
-# Angular universal
\ No newline at end of file
+# Angular universal
+
+Angular Universal also known as server-side rendering is tool which allows server to pre-render Angular application while user hits your website for first time.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://angular.io/guide/universal'>Angular Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Github Repository' href='https://github.com/angular/universal'>Github Repository</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/114-angular-ssg/100-scully.md b/content/roadmaps/104-angular/content/114-angular-ssg/100-scully.md
index 4b69d862d..e042c0c02 100644
--- a/content/roadmaps/104-angular/content/114-angular-ssg/100-scully.md
+++ b/content/roadmaps/104-angular/content/114-angular-ssg/100-scully.md
@@ -1 +1,7 @@
-# Scully
\ No newline at end of file
+# Scully
+
+Scully is the best static site generator for Angular projects looking to embrace the Jamstack. It will use your application and will create a static index. html for each of your pages/routes.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Official Website' href='https://scully.io/'>Scully Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Github Repository' href='https://github.com/scullyio/scully'>Github Repository</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/115-testing-angular-apps/100-testing-pipes.md b/content/roadmaps/104-angular/content/115-testing-angular-apps/100-testing-pipes.md
index bda2ede45..4d02de04c 100644
--- a/content/roadmaps/104-angular/content/115-testing-angular-apps/100-testing-pipes.md
+++ b/content/roadmaps/104-angular/content/115-testing-angular-apps/100-testing-pipes.md
@@ -1 +1,7 @@
-# Testing pipes
\ No newline at end of file
+# Testing pipes
+
+An Angular Pipe is a special function that is called from a Component template. Its purpose is to transform a value: You pass a value to the Pipe, the Pipe computes a new value and returns it.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/testing-pipes'>Angular.io Website</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://testing-angular.com/testing-pipes/'>Testing-Angular.com</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/115-testing-angular-apps/101-testing-services.md b/content/roadmaps/104-angular/content/115-testing-angular-apps/101-testing-services.md
index 86756b0ff..2ab195be6 100644
--- a/content/roadmaps/104-angular/content/115-testing-angular-apps/101-testing-services.md
+++ b/content/roadmaps/104-angular/content/115-testing-angular-apps/101-testing-services.md
@@ -1 +1,7 @@
-# Testing services
\ No newline at end of file
+# Testing services
+
+In an Angular application, Services are responsible for fetching, storing and processing data. Services are singletons, meaning there is only one instance of a Service during runtime. They are fit for central data storage, HTTP and WebSocket communication as well as data validation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/testing-services'>Angular.io Website</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://testing-angular.com/testing-services/'>Testing-Angular.com</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/115-testing-angular-apps/102-testing-component-bindings.md b/content/roadmaps/104-angular/content/115-testing-angular-apps/102-testing-component-bindings.md
index d5bd924f1..4ba81acce 100644
--- a/content/roadmaps/104-angular/content/115-testing-angular-apps/102-testing-component-bindings.md
+++ b/content/roadmaps/104-angular/content/115-testing-angular-apps/102-testing-component-bindings.md
@@ -1 +1,6 @@
-# Testing component bindings
\ No newline at end of file
+# Testing component bindings
+
+Angular processes all data bindings once for each JavaScript event cycle, from the root of the application component tree through all child components. Data binding plays an important role in communication between a template and its component, and is also important for communication between parent and child components.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/architecture-components#:~:text=Angular%20processes%20all%20data%20bindings,between%20parent%20and%20child%20components.'>Angular.io Website</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/115-testing-angular-apps/103-testing-directives.md b/content/roadmaps/104-angular/content/115-testing-angular-apps/103-testing-directives.md
index 42ab6313a..f0249ba3a 100644
--- a/content/roadmaps/104-angular/content/115-testing-angular-apps/103-testing-directives.md
+++ b/content/roadmaps/104-angular/content/115-testing-angular-apps/103-testing-directives.md
@@ -1 +1,7 @@
-# Testing directives
\ No newline at end of file
+# Testing directives
+
+Directives are classes that add new behavior or modify the existing behavior to the elements in the template. Basically directives are used to manipulate the DOM, for example adding/removing the element from DOM or changing the appearance of the DOM elements.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/testing-attribute-directives'>Angular.io Website</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://testing-angular.com/testing-directives/'>tesing-angular Website</BadgeLink>
diff --git a/content/roadmaps/104-angular/content/115-testing-angular-apps/104-testing-component-templates.md b/content/roadmaps/104-angular/content/115-testing-angular-apps/104-testing-component-templates.md
index 976db092e..ef37e5659 100644
--- a/content/roadmaps/104-angular/content/115-testing-angular-apps/104-testing-component-templates.md
+++ b/content/roadmaps/104-angular/content/115-testing-angular-apps/104-testing-component-templates.md
@@ -1 +1,6 @@
-# Testing component templates
\ No newline at end of file
+# Testing component templates
+
+With a component template , you can save and reuse component processes and properties and create components from them; template-based components inherit the template's properties and process.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://angular.io/guide/architecture-components'>Angular.io Website</BadgeLink>