diff --git a/content/roadmaps/104-angular/content/102-angular-basics/104-dependency-injection.md b/content/roadmaps/104-angular/content/102-angular-basics/104-dependency-injection.md
index 450bde1c7..cbf714dbf 100644
--- a/content/roadmaps/104-angular/content/102-angular-basics/104-dependency-injection.md
+++ b/content/roadmaps/104-angular/content/102-angular-basics/104-dependency-injection.md
@@ -1 +1,7 @@
-# Dependency injection
\ No newline at end of file
+# Dependency Injection
+
+Dependency Injection is one of the fundamental concepts in Angular. DI is wired into the Angular framework and allows classes with Angular decorators, such as Components, Directives, Pipes, and Injectables, to configure dependencies that they need.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/guide/dependency-injection'>Understanding Dependency Injection</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://angular.io/guide/dependency-injection-in-action'>Dependency Injection in Action</BadgeLink>
\ No newline at end of file