Add resources for git and version control systems

content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md

@@ -2,6 +2,7 @@
 
 [Git](https://git-scm.com/) is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
 
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=zbKdDsNNOhg'>Version Control System Introduction</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=SWYqp7iY_Tc'>Git & GitHub Crash Course For Beginners</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://youtu.be/Y9XZQO1n_7c?t=21'>Learn Git in 20 Minutes</BadgeLink>

content/roadmaps/100-frontend/content/104-version-control-systems/readme.md

@@ -2,6 +2,7 @@
 
 Version control systems allow you to track changes to your codebase/files over time. They allow you to go back to some previous version of the codebase without any issues. Also, they help in collaborating with people working on the same code – if you’ve ever collaborated with other people on a project, you might already know the frustration of copying and merging the changes from someone else into your codebase; version control systems allow you to get rid of this issue.
 
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=zbKdDsNNOhg'>Version Control System Introduction</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=SWYqp7iY_Tc'>Git & GitHub Crash Course For Beginners</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://youtu.be/Y9XZQO1n_7c?t=21'>Learn Git in 20 Minutes</BadgeLink>

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

@@ -1,4 +1,4 @@
-# Github
+# GitHub
 
 [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.
 

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

@@ -1 +1,8 @@
-# Gitlab
+# GitLab
+
+[GitLab](https://gitlab.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.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Visit' colorScheme="green" href='https://gitlab.com/'>GitLab Website</BadgeLink>
+<BadgeLink badgeText='Read' href='https://docs.gitlab.com/'>GitLab Documentation</BadgeLink>

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

@@ -1 +1,8 @@
-# Bitbucket
+# BitBucket
+
+[BitBucket](https://bitbucket.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.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Visit' colorScheme="green" href='https://bitbucket.com/'>BitBucket Website</BadgeLink>
+<BadgeLink badgeText='Read' href='https://bitbucket.org/product/guides'>How to use BitBucket?</BadgeLink>

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

@@ -1 +1,8 @@
-# Repo hosting services
+# Repo Hosting Services
+
+There are different repository hosting services with the most famous one being GitHub, GitLab and BitBucket. I would recommend creating an account on GitHub because that is where most of the OpenSource work is done and most of the developers are.
+
+<ResourceGroupTitle>Services Links</ResourceGroupTitle>
+<BadgeLink badgeText='Visit' colorScheme="green" href='https://github.com'>GitHub: Where the world builds software</BadgeLink>
+<BadgeLink badgeText='Visit' href='https://gitlab.com'>GitLab: Iterate faster, innovate together</BadgeLink>
+<BadgeLink badgeText='Visit' href='https://bitbucket.com'>BitBucket: The Git solution for professional teams</BadgeLink>

pages/thanks.tsx

@@ -49,7 +49,7 @@ export default function Thanks() {
               <Heading mb='15px' fontSize='25px' as='h2'>Companies</Heading>
 
               <Stack spacing='10px'>
-                <Box as={Link} href='https://www.doppler.com/?utm_campaign=github_repo&utm_medium=referral&utm_content=kamranahmedse&utm_source=github' target='_blank' borderWidth={1} borderRadius='5px' p='20px'
+                <Box as={Link} rel='sponsored' href='https://www.doppler.com/?utm_campaign=github_repo&utm_medium=referral&utm_content=kamranahmedse&utm_source=github' target='_blank' borderWidth={1} borderRadius='5px' p='20px'
                      bg='teal.50'>
                   <Image
                     alt=''
@@ -57,7 +57,7 @@ export default function Thanks() {
                     src='https://dashboard.doppler.com/imgs/logo-long.svg'
                   />
                 </Box>
-                <Box as={Link} href='https://oss.capital/' target='_blank' borderWidth={1} borderRadius='5px' p='20px'
+                <Box as={Link} rel='sponsored' href='https://oss.capital/' target='_blank' borderWidth={1} borderRadius='5px' p='20px'
                      bg='teal.50'>
                   <Image
                     alt=''
@@ -65,7 +65,7 @@ export default function Thanks() {
                     src='/sponsors/oss-capital-logo.svg'
                   />
                 </Box>
-                <Box as={Link} href='https://studio3t.com/' target='_blank' borderWidth={1} borderRadius='5px' p='20px'
+                <Box as={Link} rel='sponsored' href='https://studio3t.com/' target='_blank' borderWidth={1} borderRadius='5px' p='20px'
                      bg='teal.50'>
                   <Image
                     alt=''
@@ -73,7 +73,7 @@ export default function Thanks() {
                     src='/sponsors/studio3t.png'
                   />
                 </Box>
-                <Box as={Link} href='https://park.io' _hover={{ textDecoration: 'none' }} target='_blank'
+                <Box as={Link} rel='sponsored' href='https://park.io' _hover={{ textDecoration: 'none' }} target='_blank'
                      borderWidth={1}
                      borderRadius='5px' p='10px 25px' bg='#3d157a' color='white'>
                   <Text fontWeight={700} fontSize='55px'>park.io</Text>