Add github resources

content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md

@@ -1,5 +1,11 @@
 # Github
-GitHub, Inc. is a provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.
 
-Free Content  
+[GitHub](https://github.com) is a provider of internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.
-course: [Complete Git & Github Tutorial](https://youtu.be/apGV9Kg7ics)
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Read' href='https://docs.github.com/en/get-started/quickstart/hello-world'>GitHub: Quickstart</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=w3jLJU7DT5E'>What is GitHub?</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=wpISo9TNjfU'>Git vs. GitHub: What's the difference?</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=RGOj5yH7evk'>Git and GitHub for Beginners</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=eulnSXkhE7I'>Git and GitHub - CS50 Beyond 2019</BadgeLink>

public/project/frontend.json

@@ -5878,9 +5878,7 @@
                   "x": "8",
                   "y": "6",
                   "properties": {
-                    "backgroundAlpha": "0.5",
+                    "color": "16770457"
-                    "borderColor": "16777215",
-                    "color": "10066329"
                   }
                 },
                 {
@@ -5898,22 +5896,6 @@
                     "text": "GitLab"
                   }
                 },
-                {
-                  "ID": "2",
-                  "typeID": "TextArea",
-                  "zOrder": "2",
-                  "w": "230",
-                  "h": "49",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "6",
-                  "properties": {
-                    "backgroundAlpha": "0.25",
-                    "borderColor": "6710886",
-                    "color": "15658734"
-                  }
-                },
                 {
                   "ID": "3",
                   "typeID": "Icon",
@@ -5993,9 +5975,7 @@
                   "x": "8",
                   "y": "5",
                   "properties": {
-                    "backgroundAlpha": "0.5",
+                    "color": "16770457"
-                    "borderColor": "16777215",
-                    "color": "10066329"
                   }
                 },
                 {
@@ -6014,22 +5994,6 @@
                     "text": "Bitbucket"
                   }
                 },
-                {
-                  "ID": "2",
-                  "typeID": "TextArea",
-                  "zOrder": "2",
-                  "w": "230",
-                  "h": "48",
-                  "measuredW": "200",
-                  "measuredH": "140",
-                  "x": "8",
-                  "y": "5",
-                  "properties": {
-                    "backgroundAlpha": "0.25",
-                    "borderColor": "6710886",
-                    "color": "15658734"
-                  }
-                },
                 {
                   "ID": "3",
                   "typeID": "Icon",