From a155832f69b4b84e6eb6ea4d177a028f445266dd Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 9 Dec 2021 22:55:50 +0100
Subject: [PATCH] Add flutter courses

---
 .../content/121-mobile-applications/102-flutter.md    | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md b/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md
index b27b6424b..9813b35b2 100644
--- a/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md
+++ b/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md
@@ -12,8 +12,9 @@ Dart focuses on front-end development, and you can use it to create mobile and w
 
 If you know a bit of programming, Dart is a typed object programming language. You can compare Dart's syntax to JavaScript.
 
-- Flutter Webpage: https://flutter.dev/
-- Tutorial: https://docs.flutter.dev/reference/tutorials
-- Flutter Tutorial: https://www.w3adda.com/flutter-tutorial
-- Flutter Tutorial for Beginners: https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ
-- Dart Tutorial: https://www.tutorialspoint.com/dart_programming/index.htm
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://flutter.dev'>Flutter Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3adda.com/flutter-tutorial'>Flutter Tutorial</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ'>Flutter Tutorial for Beginners</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3adda.com/flutter-tutorial'>Flutter Tutorial</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/dart_programming/index.htm'>Learn Dart Programming</BadgeLink>