From a929991f6e9562312f96cfc399cd9fdf55010640 Mon Sep 17 00:00:00 2001
From: Anna Bauza <31966073+annabauza@users.noreply.github.com>
Date: Sat, 9 Jan 2021 09:56:51 +0000
Subject: [PATCH] release: Merge current develop to production (#191)

* change troger branch

* feat: Travis integration (#13)

* docs: Fix Pull Request Template (#19)

* docs: Create a Contribution Guidelines markdown file (#17)

* chore: Switch to using yarn (#16)

* feat: clickable menu content (#24)

* docs: Updated ReadMe's Description. (#15)

* docs: Explain development setup and run instructions (#31)

* fix: change web title from react app to AnitaB org open source

* fix: Deployment does not work from travis (#33)

* Update: Contact Section in README.md to include link to this project's stream on Zulip. (#38)

* docs: Add relative paths to files located within the repository

* content: Add 4 short descriptions to About Us page (#57)

* content: Added descriptions for home page (#58)

Merging it, we wait 6 days for @anitab-org/content-team if you will have any issues please rise seperate issue.

* Update home_content.json (#74)

* docs: readme.md updated (#71)

* docs: Created a new GitHub Wiki page that includes the "Setup and Install" (#64)

* chore: rename master branch to main

* maintain: content folders and consistency in naming(#78)

* content: Add description for Contact Us section of Footer (#79)

* feat: Partners section - recently hidden (#82)

* docs: create content for Contribute Page Section (#87)

* docs: create content for Contribute Page Section

* fix words and letters

* Content: Added description for Events page  (#96)

* feat: Meet section add

* docs: Add events top content

* Coding: Meet Our Open Source Community Part Of About Page  (#95)

* feat: Meet section add

* bug: File json rename

* Revert "Coding: Meet Our Open Source Community Part Of About Page  (#95)" (#99)

This reverts commit 627cfcbefd83a87b316cf596840645d3b272781c.

* content: add descriptions for each project in Projects page (#84)

* feat: Footer implementation (#76)

* Update .travis.yml

* docs: updated project setup instructions (#101)

Co-authored-by: Anna Bauza <31966073+annabauza@users.noreply.github.com>

* Content: Create descriptions for each recent program for Programs page (#104)

* Bugs: Fixed renderContent() content declaration (#119)

* Deploy to testing GitHub pages on develop change. (#124)

* test deployment

* update branches

* update target

* update repo name

* revert node verison

* update trigger branch

* update homepage to relative path

* test

* trigger on develop branch changes

* content: Added badges in README (#117)

* docs: Add description for Events and Highlights (#103)

* docs: update zulip stream link (#127)

* fix: Updated Footer Color from #101820 to #231B4E (#132)

* content: update project_content (#129)

* Feat: Add more info to Bridge-In-Tech Backend and Web project description (#138)

* feat: Develop the projects section on projects section  (#135)

* no message

* fix: travis build fail

* remove unused dependencies

* Added Top Section About Us (#133)

* chore(deps): bump websocket-extensions from 0.1.3 to 0.1.4 (#70)

* chore(deps): bump elliptic from 6.5.2 to 6.5.3 (#120)

* chore(deps): bump http-proxy from 1.18.0 to 1.18.1 (#140)

* fix: About us style and code consistency, responsiveness. (#142)

* fix: missing dependency warning

* feat: About us (#152)

* Delete package-lock.json

chore: we use yaml not nom.

* feat: Landing page (#153)

* fix: lex issues

* Meet open source community (#151)

* fix: our community alignment (#154)

* Coding : Developed the New To Open Source Section of Contribute Page (#146)

* fix: footer scaling ans social links (#155)

* Add home section (#125)

* fix: display ways to contribute (#156)

* Update PULL_REQUEST_TEMPLATE.md and CONTRIBUTING.md (#148)

* Create config.yml (#144)

* fix: hide footer form because it is not implemented (#157)

* Update ContributionSection.js

* chore(deps): bump ini from 1.3.5 to 1.3.8 (#177)

Bumps [ini](https://github.com/isaacs/ini) from 1.3.5 to 1.3.8.
- [Release notes](https://github.com/isaacs/ini/releases)
- [Commits](https://github.com/isaacs/ini/compare/v1.3.5...v1.3.8)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* coding: fix the navbar collision in responsive view (#176)

* feat: events components added

* Styles Fixed

* Navbar collision fixed

* style fixed

* collision fixed

Co-authored-by: Anna Bauza <31966073+annabauza@users.noreply.github.com>

* fix: Added styles for image section. (#170)

* fixed image styling

* imageSection moved to sectionImage

* resolved responsiveness issues

Co-authored-by: Anna Bauza <31966073+annabauza@users.noreply.github.com>

* docs: Fixed grammatical/typographical errors in the website (#180)

* fix: Fixed grammatical/typographical errors in the website

* Update src/content/home.json

Co-authored-by: Kapil Bansal <kapilbansal.gbpecdelhi@gmail.com>

* doc: fixed grammatical/typographical errors in the document

Co-authored-by: Kapil Bansal <kapilbansal.gbpecdelhi@gmail.com>

* Fix: generic header margin

* Added SEOs for the web pages (#189)

* Added SEOs for the web pages

* updated the description

* Feat: added snapshot test for components (#186)

* added snapshot test for components

* added dependencies of react testing lib.

* added dependencies of react testing lib.

Co-authored-by: Anna Bauza <31966073+annabauza@users.noreply.github.com>

Co-authored-by: Gauri V. Nair <48416306+gaurivn@users.noreply.github.com>
Co-authored-by: Siddharth Venu <siddharthvvenu@gmail.com>
Co-authored-by: Abha <39526159+abha224@users.noreply.github.com>
Co-authored-by: Nandini goel <nandinigoel51@gmail.com>
Co-authored-by: Doctype Human <64356980+doctypehuman@users.noreply.github.com>
Co-authored-by: Garima Singh <garingh128@gmail.com>
Co-authored-by: Foong Min Wong <foongminw@gmail.com>
Co-authored-by: Vaishnavi Joshi <60894542+vj-codes@users.noreply.github.com>
Co-authored-by: Aditya Adi <47720423+adi-001@users.noreply.github.com>
Co-authored-by: Abhishek Sharma <56453541+abhi0504@users.noreply.github.com>
Co-authored-by: Shreya Prasad <shreyapd06@gmail.com>
Co-authored-by: Triman Kaur <trimankaur1999@gmail.com>
Co-authored-by: Siddhi Pandare <pandaresiddhi@gmail.com>
Co-authored-by: Anna4 <anushkajadhav004@gmail.com>
Co-authored-by: Simran Shilky <49720151+Sonal240@users.noreply.github.com>
Co-authored-by: Gauri V. Nair <gaurivgn@gmail.com>
Co-authored-by: Sanchit Arora <56799401+tichnas@users.noreply.github.com>
Co-authored-by: saideepesh000 <43727167+saideepesh000@users.noreply.github.com>
Co-authored-by: Sai Deepesh <saideepesh000@gmail.com>
Co-authored-by: Jivthesh M R <jivtheshm@gmail.com>
Co-authored-by: Vaishnavi Dwivedi <vaishdw2207@gmail.com>
Co-authored-by: Adithya Krishna <aadithya794@gmail.com>
Co-authored-by: Maya Treacy <mayatreacy@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: parthsarthiprasad <44730599+parthsarthiprasad@users.noreply.github.com>
Co-authored-by: Shipra Verma <66299533+Aaishpra@users.noreply.github.com>
Co-authored-by: Ria Dhanani <ria08.dhanani@gmail.com>
Co-authored-by: Akanksha Singh <akankshasingh121297@gmail.com>
Co-authored-by: Prabhat sharma <prabhat.04011998@gmail.com>
Co-authored-by: Nitanshu Lokhande <56120084+nlok5923@users.noreply.github.com>
Co-authored-by: Antriksh Misri <54466356+antrikshmisri@users.noreply.github.com>
Co-authored-by: Kapil Bansal <kapilbansal.gbpecdelhi@gmail.com>
Co-authored-by: Shruti Agarwal <56133783+Shruti3004@users.noreply.github.com>
Co-authored-by: Bucky25 <65112369+Bucky25@users.noreply.github.com>
---
 package.json                                  |    2 +-
 public/index.html                             |   45 +-
 src/Components/Header/index.js                |    2 +-
 src/content/home.json                         |    6 +-
 src/test/AboutUs.test.js                      |    9 +
 src/test/Contribute.test.js                   |    9 +
 src/test/Home.test.js                         |    9 +
 src/test/OurEvents.test.js                    |    9 +
 src/test/Projects.test.js                     |    9 +
 src/test/__snapshots__/AboutUs.test.js.snap   |  241 +++
 .../__snapshots__/Contribute.test.js.snap     |   94 +
 src/test/__snapshots__/Home.test.js.snap      |  498 +++++
 src/test/__snapshots__/OurEvents.test.js.snap |  113 ++
 src/test/__snapshots__/Projects.test.js.snap  | 1722 +++++++++++++++++
 yarn.lock                                     |  213 +-
 15 files changed, 2873 insertions(+), 108 deletions(-)
 create mode 100644 src/test/AboutUs.test.js
 create mode 100644 src/test/Contribute.test.js
 create mode 100644 src/test/Home.test.js
 create mode 100644 src/test/OurEvents.test.js
 create mode 100644 src/test/Projects.test.js
 create mode 100644 src/test/__snapshots__/AboutUs.test.js.snap
 create mode 100644 src/test/__snapshots__/Contribute.test.js.snap
 create mode 100644 src/test/__snapshots__/Home.test.js.snap
 create mode 100644 src/test/__snapshots__/OurEvents.test.js.snap
 create mode 100644 src/test/__snapshots__/Projects.test.js.snap

diff --git a/package.json b/package.json
index 086b62fb..cd0e9cbb 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,6 @@
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -37,6 +36,7 @@
     ]
   },
   "devDependencies": {
+    "@testing-library/react": "^11.2.2",
     "gh-pages": "^2.2.0"
   }
 }
diff --git a/public/index.html b/public/index.html
index dfb75c27..4b6e3042 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,9 +5,52 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <meta
+      name="keywords"
+      content="AnitaB.org , Opensource, AnitaB.org Open Source "
+    />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta name="author" content="@anitaB.org" />
+    <meta itemprop="name" content="AnitaB.org Open Source" />
+    <meta
+      itemprop="description"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta
+      itemprop="image"
+      content="https://anitab-org.github.io/favicon.ico"
+    />
+
+    <meta name="twitter:card" content="Summary" />
+    <meta name="twitter:site" content="@anitaB.org" />
+    <meta name="twitter:title" content="AnitaB.org Open Source" />
+    <meta
+      name="twitter:description"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta name="twitter:creator" content="@anitaB.org" />
+    <meta
+      name="twitter:image:src"
+      content="https://anitab-org.github.io/favicon.ico"
+    />
+
+    <meta property="og:title" content="AnitaB.org Open Source" />
+    <meta property="og:type" content="Website" />
+    <meta property="og:url" content="https://anitab-org.github.io/" />
+    <meta
+      property="og:image"
+      content="https://anitab-org.github.io/favicon.ico"
+    />
+    <meta
+      property="og:description"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta
+      property="og:site_name"
+      content="AnitaB.org Open Source"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
diff --git a/src/Components/Header/index.js b/src/Components/Header/index.js
index 3f655ec5..7b4ec8c4 100644
--- a/src/Components/Header/index.js
+++ b/src/Components/Header/index.js
@@ -64,7 +64,7 @@ function MenuItem(index, selected, setSelected, title) {
 const styles = StyleSheet.create({
   logoContainer: {
     flex: 1,
-    marginRight:80,
+    marginRight:70,
   },
   buttonContainer: { marginTop: 25, marginLeft: 40 },
 });
diff --git a/src/content/home.json b/src/content/home.json
index 5f7ff44f..f545efed 100644
--- a/src/content/home.json
+++ b/src/content/home.json
@@ -11,7 +11,7 @@
 					"par": "Zulip is our main communication platform and you should join us there and first give a short introduction about yourself in the #newcomers stream. Zulip consists of various streams like Documentation, Coding, Design, etc and the one that fascinates you the most is the one you should start contributing in.\nThe #announcements stream will be displaying all the important announcements. Tag our community members if there's any confusion or ask for proper guidance from them regarding your contributions to the community."
 				},
 				{  
-					"par": "Our code of conduct is simple- 'Be nice, Be respectful' which is the one of the many reasons the community coexists in harmony. The members should contribute actively keeping the policies of being repectful to everyone and refrainging from conflicts, unruly behaviour and speech. Anyone who wishes to join the community is expected to follow these guidelines.\nIf you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer or adminas soon as possible."
+					"par": "Our code of conduct is simple- 'Be nice, Be respectful' which is the one of the many reasons the community coexists in harmony. The members should contribute actively keeping the policies of being respectful to everyone and refraining from conflicts, unruly behaviour and speech. Anyone who wishes to join the community is expected to follow these guidelines.\nIf you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer or admins as soon as possible."
 			
 				}
 			]
@@ -20,11 +20,11 @@
 			"title": "Ways To Contribute",
 			"content":[
 				{
-					"par": "You can start contributing to our various open source projects by- \n1) Creating issues on Github regarding the project \n2) Debugging the issues \n3) Creating pull requests, testing pull requests \n4) Create mockups for new applications or redesign the current features \n5) Research about UI/UX improvements and accessibilty features. \n6) Create app walkthroughs with documents or videos, UI testing once the PR is submitted for the UI issue"
+					"par": "You can start contributing to our various open source projects by- \n1) Creating issues on Github regarding the project \n2) Debugging the issues \n3) Creating pull requests, testing pull requests \n4) Create mockups for new applications or redesign the current features \n5) Research about UI/UX improvements and accessibility features. \n6) Create app walkthroughs with documents or videos, UI testing once the PR is submitted for the UI issue"
 
 				},
 				{
-					"par": "Each active repository has a stream to direct questions. \nIssues labeled as 'First Timers Only' are meant for contributors who have not contributed to the project yet. Please choose other issues to contribute to, if you have already contributed to these type of issues. \nMake sure to follow the Commit Message Style Guide when submitting PRs which will require review by atleast one maintainer to be merged to the main code."
+					"par": "Each active repository has a stream to direct questions. \nIssues labeled as 'First Timers Only' are meant for contributors who have not contributed to the project yet. Please choose other issues to contribute to, if you have already contributed to these types of issues. \nMake sure to follow the Commit Message Style Guide when submitting PRs which will require review by atleast one maintainer to be merged to the main code."
 				}
 			]
 		},
diff --git a/src/test/AboutUs.test.js b/src/test/AboutUs.test.js
new file mode 100644
index 00000000..ea0f683b
--- /dev/null
+++ b/src/test/AboutUs.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import AboutUs from './../Components/AboutUs';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<AboutUs />);
+
+    expect(asFragment(<AboutUs />)).toMatchSnapshot();
+})
\ No newline at end of file
diff --git a/src/test/Contribute.test.js b/src/test/Contribute.test.js
new file mode 100644
index 00000000..b58a25dc
--- /dev/null
+++ b/src/test/Contribute.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import Contribute from './../Components/Contribute';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<Contribute />);
+
+    expect(asFragment(<Contribute />)).toMatchSnapshot();
+})
\ No newline at end of file
diff --git a/src/test/Home.test.js b/src/test/Home.test.js
new file mode 100644
index 00000000..197e0968
--- /dev/null
+++ b/src/test/Home.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import Home from './../Components/Home';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<Home />);
+
+    expect(asFragment(<Home />)).toMatchSnapshot();
+})
\ No newline at end of file
diff --git a/src/test/OurEvents.test.js b/src/test/OurEvents.test.js
new file mode 100644
index 00000000..028008c1
--- /dev/null
+++ b/src/test/OurEvents.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import OurEvents from './../Components/OurEvents';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<OurEvents />);
+
+    expect(asFragment(<OurEvents />)).toMatchSnapshot();
+})
\ No newline at end of file
diff --git a/src/test/Projects.test.js b/src/test/Projects.test.js
new file mode 100644
index 00000000..6e2ada63
--- /dev/null
+++ b/src/test/Projects.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import Projects from './../Components/Projects';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<Projects />);
+
+    expect(asFragment(<Projects />)).toMatchSnapshot();
+})
\ No newline at end of file
diff --git a/src/test/__snapshots__/AboutUs.test.js.snap b/src/test/__snapshots__/AboutUs.test.js.snap
new file mode 100644
index 00000000..04f58b3c
--- /dev/null
+++ b/src/test/__snapshots__/AboutUs.test.js.snap
@@ -0,0 +1,241 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should take a snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-1dbjc4n"
+    style="align-items: left; flex-direction: column; flex-wrap: wrap; margin-top: 32px; padding-left: 16px; padding-right: 16px; width: 80%;"
+  >
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(about.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="about.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-flex-13awgt0"
+          style="flex-direction: column; margin-top: -32px;"
+        >
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Our Mission
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              We are a social community that brings geographically disparate people together to network, communicate, and work in well-run open source projects in a welcoming environment.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              In addition, we encourage contributions of ALL kinds (content, design, coding, documentation, testing, etc) from community members. Each member has the opportunity to gain global collaboration experience working on projects with social impact and improve technical skills while participating as a volunteer, mentor, writer, coder, designer, app tester, and more!
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Our History
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              AnitaB.org Open Source (formerly Systers Open Source) was initiated by Systers, an international community of 6,000 women involved in technical-computing founded by Anita Borg in 1987 as a small electronic mailing list for women in “systems”. We have incredible Systers (Robin Jeffries, Jen Redman, Terri Oda, Leslie Hawthorn, Avni Khatri, and the list goes on!) that paved the way and introduced Systers to open source projects, communities, and technologies. Systers has been involved with open source in various ways, introducing Open Source Day at Grace Hopper Celebration in 2010 at Atlanta, GA (At the time, it was called Codethon for Humanity with only one open source project, Sahana Eden).
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Moreover, AnitaB.org Open Source has been participated in other global open source programs such as Google Summer of Code, Google Code In, Outreachy, and more.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Today, we have 14 active open source projects, including initiatives with our Peace Corps partners and apps created by Systers members.
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                About AnitaB.org
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              AnitaB.org Open Source is an international sub-community of AnitaB.org encouraging the participation of all women involved in technology. We welcome the participation of all genders at any ages and experience levels.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              We have a list of projects that use various development languages/technologies (Android, iOS, Java, Swift, HTML, CSS, React, Jquery, Javascript, PHP, Kohana, MySQL, Python, Django, Selenium, and Ruby on Rails, etc.) to make a social impact in the non-profit world. We welcome all to contribute. No experience is necessary for most projects, and mentorship is provided. 
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Insights
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              2,000+ members
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              &gt;15 time zones
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Flexibility in time & contribution
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Meet our Open Source Community
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Women transform technology. Technology transforms the world. Join us at Zulip - http://anitab-org.zulipchat.com
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignContent-1w3cok r-flex-13awgt0 r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-margin-98ikmy"
+    >
+      <div
+        aria-valuemax="1"
+        aria-valuemin="0"
+        class="css-view-1dbjc4n r-alignItems-1awozwy r-justifyContent-1777fci"
+        role="progressbar"
+      >
+        <div
+          class="css-view-1dbjc4n r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-height-z80fyv r-width-19wmn03"
+        >
+          <svg
+            height="100%"
+            viewBox="0 0 32 32"
+            width="100%"
+          >
+            <circle
+              cx="16"
+              cy="16"
+              fill="none"
+              r="14"
+              stroke-width="4"
+              style="stroke: #1976D2; opacity: 0.2;"
+            />
+            <circle
+              cx="16"
+              cy="16"
+              fill="none"
+              r="14"
+              stroke-width="4"
+              style="stroke: #1976D2; stroke-dasharray: 80; stroke-dashoffset: 60;"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/src/test/__snapshots__/Contribute.test.js.snap b/src/test/__snapshots__/Contribute.test.js.snap
new file mode 100644
index 00000000..07b753f6
--- /dev/null
+++ b/src/test/__snapshots__/Contribute.test.js.snap
@@ -0,0 +1,94 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should take a snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-1dbjc4n"
+    style="align-items: left; flex-direction: row; flex-wrap: wrap; margin-bottom: 32px; margin-top: 0px; padding-left: 16px; padding-right: 16px; width: 80%;"
+  >
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="Frame 1.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-flex-13awgt0"
+          style="flex-direction: column; margin-top: -32px;"
+        >
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-9cjmro r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1ui5ee8 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                New to Open Source?
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; margin-top: 26px; text-align: left;"
+            >
+              Contributing to open source for the first time can be a little scary and overwhelming. AnitaB.org Open Source is here to help you get started on learning how to contribute to open source. 
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; margin-top: 26px; text-align: left;"
+            >
+              AnitaB.org Open Source has a variety of open source projects on GitHub (https://github.com/anitab-org) for everyone to contribute. If you have never contributed to an open source project, check out each repository and try out 'First Timers Only' issues.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; margin-top: 26px; text-align: left;"
+            >
+              We encourage contributions of ALL kinds (content, design, coding, documentation, testing, etc) from community members. Each member has the opportunity to gain global collaboration experience working on projects with social impact and improve hard & soft skills while participating as a volunteer, mentor, writer, coder, designer, app tester, and more!
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; margin-top: 26px; text-align: left;"
+            >
+              Here are some list of contributions to any of the AnitaB.org Open Source projects, for example: create GitHub issues regarding an open source project, work on/ debug a project issue, update project documentation, create organization content, create/test a pull request, produce mockups for websites/ applications/ organization promotional material, research on UI/UX improvements and accessibilty features, etc.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; margin-top: 26px; text-align: left;"
+            >
+              Each active repository has an individual stream on Zulip. If you have any questions and not sure how to get started, please ping us on Zulip and we are happy to help!
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/src/test/__snapshots__/Home.test.js.snap b/src/test/__snapshots__/Home.test.js.snap
new file mode 100644
index 00000000..673b4266
--- /dev/null
+++ b/src/test/__snapshots__/Home.test.js.snap
@@ -0,0 +1,498 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should take a snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-1dbjc4n"
+    style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; flex-direction: column; flex-wrap: wrap; margin-top: 32px; padding-left: 16px; padding-right: 16px; width: 80%;"
+  >
+    <div
+      class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-9cjmro r-width-13qz1uu"
+    >
+      <div
+        class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1ui5ee8 r-fontWeight-16dba41"
+        dir="auto"
+      >
+        AnitaB.org Open Source
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(getting-started.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="getting-started.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+          style="flex-direction: column;"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+          >
+            <div
+              class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+              dir="auto"
+            >
+              Getting Started
+            </div>
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            The AnitaB.org community is a fusion of rich values and diverse cultures consisting of members all across the seven oceans with a fearless mission of inspiring, motivating and helping women with their involvement in technical fields and has made a significant impact with regards to contribution of women in tech.
+The other values of the organization include Accountable, Agile, Curious, Courageous, Diversity, Equity, Inclusion(DEI), encourage everyone to follow the org’s contributing guidelines and obviously passion for open source. 
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            Zulip is our main communication platform and you should join us there and first give a short introduction about yourself in the #newcomers stream. Zulip consists of various streams like Documentation, Coding, Design, etc and the one that fascinates you the most is the one you should start contributing in.
+The #announcements stream will be displaying all the important announcements. Tag our community members if there's any confusion or ask for proper guidance from them regarding your contributions to the community.
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            Our code of conduct is simple- 'Be nice, Be respectful' which is the one of the many reasons the community coexists in harmony. The members should contribute actively keeping the policies of being repectful to everyone and refrainging from conflicts, unruly behaviour and speech. Anyone who wishes to join the community is expected to follow these guidelines.
+If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer or adminas soon as possible.
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(landing.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="landing.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+          style="flex-direction: column;"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+          >
+            <div
+              class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+              dir="auto"
+            >
+              Ways To Contribute
+            </div>
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            You can start contributing to our various open source projects by- 
+1) Creating issues on Github regarding the project 
+2) Debugging the issues 
+3) Creating pull requests, testing pull requests 
+4) Create mockups for new applications or redesign the current features 
+5) Research about UI/UX improvements and accessibilty features. 
+6) Create app walkthroughs with documents or videos, UI testing once the PR is submitted for the UI issue
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            Each active repository has a stream to direct questions. 
+Issues labeled as 'First Timers Only' are meant for contributors who have not contributed to the project yet. Please choose other issues to contribute to, if you have already contributed to these type of issues. 
+Make sure to follow the Commit Message Style Guide when submitting PRs which will require review by atleast one maintainer to be merged to the main code.
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(getting-started.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="getting-started.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+          style="flex-direction: column;"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+          >
+            <div
+              class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+              dir="auto"
+            >
+              Our Projects
+            </div>
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            First and foremost, choose a programming language of your choice. Once you are done with selecting a programming language search for a project. Here's a list of our open source projects - 
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            1) Mentorship System 
+Mentorship System is an application that matches women in tech to mentor each other, on career development, through relations during a certain period of time. 
+It is an open source project proposed for Google Summer of Code 2018 with AnitaB.org Open Source, an idea that consists of a mobile application that matches women to help and support both parties. One is the mentor that will be a support/accountability buddy and or give advice to a woman that wants mentorship, for a period of time established by both parties. This would not focus only on students, this would target women from any age, background, work in tech experience, and so on. This project uses Kotlin for frontend and Python for backend. 
+Flutter and iOS versions are also available.
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            2) The Volunteer Management System (VMS) 
+The Volunteer Management System (VMS) will be useful for volunteer coordinators, volunteer sign-up,tracking hours, and reporting. This project is currently under development same as the mentorship application project. The Volunteer Management System will be developed in phases. The initial implementation will track volunteers’ contact information, enable administrators to track volunteer hours, and allow reporting of useful information. This project uses the Django web framework and Python. 
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            3) PowerUp Android 
+PowerUp is a female empowerment educational mobile game app that will allow young girls to learn about reproductive health and self-esteem by navigating the life of their avatar. This project uses Java. Android and iOS versions are available.
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            4) AnitaB-org.github.io 
+AnitaB.org Open Source web gathering all informations about current open source projects, running programs and events as well as all necessary contribution informations.
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            5) Bridge-in-tech 
+Bridge-In-Tech is an application inspired by the existing AnitaB.org Mentorship System. It encourages organizations to collaborate with the mentors and mentees on mentoring programs. Through Bridge-In-Tech,an organization can offer a mentorship program to a mentor and a mentee that is customised to meet the needed skills set within its organisation while providing a safety and supportive environment for these mentor/mentee to work in. This project was proposed as an original project of Google Summer of Code 2020. The frontend of this application will be a Web application using (tech stack tba).
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            And more interesting and informative projects in future!
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(landing.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="landing.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+          style="flex-direction: column;"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+          >
+            <div
+              class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+              dir="auto"
+            >
+              Open Source Programs 
+            </div>
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            1) Google Summer of Code 
+AnitaB.org has been actively participating in the Google Summer of Code in the years 2016, 2017, 2018 and is one of the most successful organizations since the very beginning. Here's what participants shared about their experience with AnitaB.org -
+Mohammad Murad, former AnitaB.org GSoC mentor in his Medium blog says- AnitaB.org is very different, along with writing coding equal importance is given to interacting with the community. The community also helps in personal development and personal growth. 
+Isabel Costa, GSoC 2018 participant in her Medium blog says- I got to meet incredible people from the AnitaB.org community. I grew personally and professionally by sharing and learning from other’s perspectives. Being recognized for my work as the Most Outstanding Student by Systers made me very proud of my achievements. This was truly an awesome experience. 
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            2) Google Code In 
+AnitaB.org has been actively participating in the Google Summer of Code in the years 2014, 2015, 2016, 2017, 2019 and is one of the most successful organizations since the very beginning. Here's what participants shared about their experience with AnitaB.org - 
+Vatsal Kulshrestha, former GCI 2017 participant in his Medium blog says- AnitaB.org has been a true personification of the famous quote by Einstein- ‘The only source of knowledge is EXPERIENCE’ 
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n"
+    >
+      <div
+        class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-9cjmro r-width-13qz1uu"
+      >
+        <div
+          class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1ui5ee8 r-fontWeight-16dba41"
+          dir="auto"
+        >
+          INTERESTED IN CONTRIBUTING?
+        </div>
+      </div>
+      <div
+        class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-1od2jal r-marginLeft-1uvorsx"
+        dir="auto"
+      >
+        You can start contributing through one or more fields of your choice
+      </div>
+      <div
+        class="css-view-1dbjc4n r-display-6koalj r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-marginBottom-le4sbl r-marginTop-1444osr"
+      >
+        <div
+          class="css-view-1dbjc4n r-minWidth-1v8wot0 r-width-30z84g"
+        >
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="height: 235px; width: 235px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(code.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="code.png"
+            />
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            CODE
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy r-minWidth-1v8wot0 r-width-30z84g"
+        >
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="height: 235px; width: 235px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(documentation_training.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="documentation_training.png"
+            />
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            DOCUMENTATION/
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            TRAINING
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-obd0qt r-minWidth-1v8wot0 r-width-30z84g"
+        >
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="height: 235px; width: 235px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(design_community.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="design_community.png"
+            />
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            DESIGN
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-minWidth-1v8wot0 r-width-30z84g"
+        >
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="height: 235px; width: 235px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(testing.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="testing.png"
+            />
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            TESTING
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy r-minWidth-1v8wot0 r-width-30z84g"
+        >
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="height: 235px; width: 235px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(research_outreach.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="research_outreach.png"
+            />
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            OUTREACH/RESEARCH
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-obd0qt r-minWidth-1v8wot0 r-width-30z84g"
+        >
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="height: 235px; width: 235px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(project_management.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="project_management.png"
+            />
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-fontFamily-9ovc40 r-fontSize-1b43r93 r-fontWeight-1od2jal r-textAlign-q4m81j r-width-dqa1tq"
+            dir="auto"
+          >
+            PROJECT MANAGEMENT
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/src/test/__snapshots__/OurEvents.test.js.snap b/src/test/__snapshots__/OurEvents.test.js.snap
new file mode 100644
index 00000000..df5595de
--- /dev/null
+++ b/src/test/__snapshots__/OurEvents.test.js.snap
@@ -0,0 +1,113 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should take a snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-1dbjc4n"
+    style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; flex-direction: column; flex-wrap: wrap; margin-top: 32px; padding-left: 16px; padding-right: 16px; width: 80%;"
+  >
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(our_events.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="our_events.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+          style="flex-direction: column; margin-right: 77px;"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-9cjmro r-width-13qz1uu"
+          >
+            <div
+              class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1ui5ee8 r-fontWeight-16dba41"
+              dir="auto"
+            >
+              EVENTS
+            </div>
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            We at AnitaB.org Open Source beleive in Inspiration through Action. To facilitate our Open Souce journey and continue the AnitaB.org legacy we conduct enthralling events all year long, with the purpose of bridging the gap between creative developers and our Open Source community. Keep scrolling to catch a glipse of few such events! 
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(our_events.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="our_events.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+          style="flex-direction: column; margin-right: 77px;"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-9cjmro r-width-13qz1uu"
+          >
+            <div
+              class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1ui5ee8 r-fontWeight-16dba41"
+              dir="auto"
+            >
+              TITLE 2
+            </div>
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+            dir="auto"
+            style="font-size: 18px; font-weight: 200; text-align: left;"
+          >
+            We at AnitaB.org Open Source beleive in Inspiration through Action. To facilitate our Open Souce journey and continue the AnitaB.org legacy we conduct enthralling events all year long, with the purpose of bridging the gap between creative developers and our Open Source community. Keep scrolling to catch a glipse of few such events! 
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/src/test/__snapshots__/Projects.test.js.snap b/src/test/__snapshots__/Projects.test.js.snap
new file mode 100644
index 00000000..7243f7ff
--- /dev/null
+++ b/src/test/__snapshots__/Projects.test.js.snap
@@ -0,0 +1,1722 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should take a snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-1dbjc4n"
+    style="align-items: left; padding-left: 16px; padding-right: 16px; width: 80%;"
+  >
+    <div
+      class="css-view-1dbjc4n"
+    >
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-np636n"
+      >
+        <div
+          class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+        >
+          <a>
+            <div
+              class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+              style="height: 300px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                style="background-image: url(our-projects.png);"
+              />
+              <img
+                alt=""
+                class="css-accessibilityImage-9pa8cd"
+                draggable="false"
+                src="our-projects.png"
+              />
+            </div>
+          </a>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+        >
+          <div
+            class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-1d9yedq r-fontSize-1ui5ee8 r-fontWeight-16dba41 r-paddingBottom-1mdbw0j r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-width-13qz1uu"
+            dir="auto"
+          >
+            Projects
+          </div>
+          <div
+            class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-fontSize-1i10wst r-fontWeight-aruset r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+            dir="auto"
+          >
+            Our open source project are oriented to help not only women in tech but also increase diversity and inclusion in STEM. We have multiple project on our GitHub account and we are trying to keep up to date latests technologies and modern programming and scripting languages.
+          </div>
+        </div>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-flexWrap-1w6e6rj"
+        style="flex-direction: row;"
+      >
+        <div
+          class="css-view-1dbjc4n"
+          style="align-items: center; background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Mentorship Android
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/Android"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/Android"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/mentorship-android"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/mentorship-android"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Android client for Mentorship System - an application that allows women in tech to mentor each other, on career development topics, through 1:1 relations for a certain period.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(255, 246, 132); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  kotlin
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(62, 190, 161); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  mvvm
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Mentorship Backend
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/mentorship-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/mentorship-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/mentorship-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/mentorship-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Backend REST API for Mentorship System - an application that allows women in tech to mentor each other, on career development topics, through 1:1 relations for a certain period.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(248, 151, 43); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  flask
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  python
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Mentorship Flutter
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/mentorship-flutter"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/mentorship-flutter"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/mentorship-flutter"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/mentorship-flutter"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Cross-platform client app for the Mentorship System - an application that matches women in tech to mentor each other, on career development, through 1:1 relations during a certain period of time. It's written in the Flutter framework.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(245, 190, 216); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  dart
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  flutter
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Mentorship iOS
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/iOS"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222534-mentorship-system/topic/iOS"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/mentorship-ios"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/mentorship-ios"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              iOS application for Mentorship System - an application that matches women in tech to mentor each other, on career development, through 1:1 relations during a certain period of time.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(248, 151, 43); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  swiftUI
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(62, 190, 161); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  mvvm
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Portal
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222540-portal"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222540-portal"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/portal"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/portal"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              AnitaB.org Portal is for AnitaB.org communities to post and share information within and with other communities.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(81, 185, 234); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  django
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  python
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              VMS
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222539-vms"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/222539-vms"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/vms"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/vms"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              AnitaB.org has many volunteers that offer their skills, time, and commitment to our vision and projects. The Volunteer Management System (VMS) will be useful for volunteer coordinators, volunteer sign-up, tracking hours, and reporting. This project uses the Django web framework and Python.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(81, 185, 234); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  django
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  python
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              AnitaB.org Open Source Website
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/235478-anitab-org.2Egithub.2Eio"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/235478-anitab-org.2Egithub.2Eio"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/anitab-org.github.io"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/anitab-org.github.io"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              AnitaB.org Open Source web gathering all informations about current open source projects, running programs and events as well as all necessary contribution informations.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(239, 64, 53); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  react-native
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(249, 213, 7); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  javascript
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Bridge-In-Tech Web
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/BridgeInTech.20-.20Maya"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/BridgeInTech.20-.20Maya"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/bridge-in-tech-web"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/bridge-in-tech-web"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Web Application for Bridge-In-Tech - an application that encourages active collaboration between organization, mentor and mentee, by allowing organization to offer a mentoring program where mentor and mentee can work on. The mentoring program can be customised to meet the needed skills set that the organization is looking for.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(189, 106, 170); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  react js
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(249, 213, 7); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  javascript
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Bridge-In-Tech Backend
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/BridgeInTech.20-.20Maya"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/BridgeInTech.20-.20Maya"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/bridge-in-tech-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/bridge-in-tech-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Backend REST API for Bridge-In-Tech - an application that encourages active collaboration between organization, mentor and mentee, by allowing organization to offer a mentoring program where mentor and mentee can work on. The mentoring program can be customised to meet the needed skills set that the organization is looking for.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(248, 151, 43); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  flask
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  python
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Open Source Programs Web
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/Open.20Source.20Programs.20-.20Bismita.20Guha"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/Open.20Source.20Programs.20-.20Bismita.20Guha"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/open-source-programs-web"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/open-source-programs-web"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Frontend of Open Source Programs (OSP) - an application that simplifies the processing and selection procedure of Open Source Programs of AnitaB.org Open Source or other third-party programs.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(249, 213, 7); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  javascript
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Open Source Programs Backend
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/Open.20Source.20Programs.20-.20Bismita.20Guha"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/224798-gsoc/topic/Open.20Source.20Programs.20-.20Bismita.20Guha"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/open-source-programs-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/open-source-programs-backend"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Backend of Open Source Programs (OSP) - an application that simplifies the processing and selection procedure of Open Source Programs of AnitaB.org Open Source or other third-party programs.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(81, 185, 234); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  django
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  python
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+        <div
+          class="css-view-1dbjc4n r-alignItems-1awozwy"
+          style="background-color: rgb(231, 237, 253); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0px 2px 4px rgba(0,0,0,0.20); margin: 16px 16px 16px 16px; padding: 12px 12px 12px 12px; transform: scale(1);"
+        >
+          <div
+            class="css-view-1dbjc4n r-flex-13awgt0 r-overflow-1udh08x"
+            style="border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; width: 286px;"
+          >
+            <a>
+              <div
+                class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                style="width: 286px;"
+              >
+                <div
+                  class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                  style="background-image: url(placeholder.png);"
+                />
+                <img
+                  alt=""
+                  class="css-accessibilityImage-9pa8cd"
+                  draggable="false"
+                  src="placeholder.png"
+                />
+              </div>
+            </a>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1i10wst r-fontWeight-16dba41 r-marginTop-knv0ih"
+              dir="auto"
+            >
+              Stem Diverse TV
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/225705-STEM-diverse-tv"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(zulip.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="zulip.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://anitab-org.zulipchat.com/#narrow/stream/225705-STEM-diverse-tv"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  zulip
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-view-1dbjc4n r-alignItems-1awozwy r-flexDirection-18u37iz r-marginTop-knv0ih"
+            >
+              <a
+                href="https://github.com/anitab-org/stem-diverse-tv"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+                  style="height: 24px; width: 24px;"
+                >
+                  <div
+                    class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+                    style="background-image: url(github.png);"
+                  />
+                  <img
+                    alt=""
+                    class="css-accessibilityImage-9pa8cd"
+                    draggable="false"
+                    src="github.png"
+                  />
+                </div>
+              </a>
+              <a
+                href="https://github.com/anitab-org/stem-diverse-tv"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                <div
+                  class="css-text-901oao r-color-1qovj5m r-fontSize-1enofrn r-fontWeight-1od2jal r-marginLeft-1jkjb"
+                  dir="auto"
+                >
+                  github
+                </div>
+              </a>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-fontSize-1b43r93 r-fontWeight-aruset r-marginTop-knv0ih"
+              dir="auto"
+            >
+              STEM Diverse TV is an app which provides inspiring, motivating, supportive, educational and informative videos to promote and increase diversity in STEM.
+            </div>
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0"
+              style="justify-content: flex-end; margin-bottom: 0px;"
+            >
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              >
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(248, 151, 43); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  flask
+                </div>
+                <div
+                  class="css-text-901oao r-marginTop-knv0ih"
+                  dir="auto"
+                  style="background-color: rgb(193, 215, 46); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 8px; padding: 4px 8px 4px 8px;"
+                >
+                  python
+                </div>
+              </div>
+              <div
+                class="css-view-1dbjc4n r-flexDirection-18u37iz"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/yarn.lock b/yarn.lock
index 17a843aa..1ceab108 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9,6 +9,13 @@
   dependencies:
     "@babel/highlight" "^7.8.3"
 
+"@babel/code-frame@^7.10.4":
+  version "7.12.11"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
+  integrity sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==
+  dependencies:
+    "@babel/highlight" "^7.10.4"
+
 "@babel/compat-data@^7.8.6", "@babel/compat-data@^7.9.0":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.9.0.tgz#04815556fc90b0c174abd2c0c1bb966faa036a6c"
@@ -236,6 +243,11 @@
   dependencies:
     "@babel/types" "^7.8.3"
 
+"@babel/helper-validator-identifier@^7.10.4":
+  version "7.12.11"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.12.11.tgz#c9a1f021917dcb5ccf0d4e453e399022981fc9ed"
+  integrity sha512-np/lG3uARFybkoHokJUmf1QfEvRVCPbmQeUQpKow5cQ3xWrV9i3rUHodKDJPQfTVX61qKi+UdYk8kik84n7XOw==
+
 "@babel/helper-validator-identifier@^7.9.0", "@babel/helper-validator-identifier@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz#90977a8e6fbf6b431a7dc31752eee233bf052d80"
@@ -260,6 +272,15 @@
     "@babel/traverse" "^7.9.0"
     "@babel/types" "^7.9.0"
 
+"@babel/highlight@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.10.4.tgz#7d1bdfd65753538fabe6c38596cdb76d9ac60143"
+  integrity sha512-i6rgnR/YgPEQzZZnbTHHuZdlE8qyoBNalD6F+q4vAFlcMEcqmkoG+mPqJYJCo63qPf74+Y1UZsl3l6f7/RIkmA==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/highlight@^7.8.3":
   version "7.9.0"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.9.0.tgz#4e9b45ccb82b79607271b2979ad82c7b68163079"
@@ -951,7 +972,15 @@
     "@babel/helper-plugin-utils" "^7.8.3"
     "@babel/plugin-transform-typescript" "^7.9.0"
 
-"@babel/runtime-corejs3@^7.7.4", "@babel/runtime-corejs3@^7.8.3":
+"@babel/runtime-corejs3@^7.10.2":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.12.5.tgz#ffee91da0eb4c6dae080774e94ba606368e414f4"
+  integrity sha512-roGr54CsTmNPPzZoCP1AmDXuBoNao7tnSA83TXTwt+UK5QVyh1DIJnrgYRPWKCF2flqZQXwa7Yr8v7VmLzF0YQ==
+  dependencies:
+    core-js-pure "^3.0.0"
+    regenerator-runtime "^0.13.4"
+
+"@babel/runtime-corejs3@^7.8.3":
   version "7.9.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.9.2.tgz#26fe4aa77e9f1ecef9b776559bbb8e84d34284b7"
   integrity sha512-HHxmgxbIzOfFlZ+tdeRKtaxWOMUoCG5Mu3wKeUmOxjYrwb3AAHgnmtCUbPPK11/raIWLIBK250t8E2BPO0p7jA==
@@ -966,13 +995,20 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.1", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.1", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.9.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.2.tgz#d90df0583a3a252f09aaa619665367bae518db06"
   integrity sha512-NE2DtOdufG7R5vnfQUTehdTfNycfUANEtCa9PssN9O/xmTzP4E08UI797ixaei6hBEVL9BI/PsdJS5x7mWoB9Q==
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.12.5":
+  version "7.12.5"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e"
+  integrity sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/template@^7.4.0", "@babel/template@^7.8.3", "@babel/template@^7.8.6":
   version "7.8.6"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.6.tgz#86b22af15f828dfb086474f964dcc3e39c43ce2b"
@@ -1204,15 +1240,16 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^13.0.0"
 
-"@jest/types@^25.4.0":
-  version "25.4.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.4.0.tgz#5afeb8f7e1cba153a28e5ac3c9fe3eede7206d59"
-  integrity sha512-XBeaWNzw2PPnGW5aXvZt3+VO60M+34RY3XDsCK5tW7kyj3RK0XClRutCfjqcBuaR2aBQTbluEDME9b5MB9UAPw==
+"@jest/types@^26.6.2":
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
+  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
   dependencies:
     "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^1.1.1"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
     "@types/yargs" "^15.0.0"
-    chalk "^3.0.0"
+    chalk "^4.0.0"
 
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"
@@ -1227,11 +1264,6 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
-"@sheerun/mutationobserver-shim@^0.3.2":
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz#5405ee8e444ed212db44e79351f0c70a582aae25"
-  integrity sha512-DetpxZw1fzPD5xUBrIAoplLChO2VB8DlL5Gg+I1IR9b2wPqYIca2WSUxL5g1vLeR4MsQq1NeWriXAVffV+U1Fw==
-
 "@svgr/babel-plugin-add-jsx-attribute@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz#dadcb6218503532d6884b210e7f3c502caaa44b1"
@@ -1335,18 +1367,19 @@
     "@svgr/plugin-svgo" "^4.3.1"
     loader-utils "^1.2.3"
 
-"@testing-library/dom@^6.15.0":
-  version "6.16.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-6.16.0.tgz#04ada27ed74ad4c0f0d984a1245bb29b1fd90ba9"
-  integrity sha512-lBD88ssxqEfz0wFL6MeUyyWZfV/2cjEZZV3YRpb2IoJRej/4f1jB0TzqIOznTpfR1r34CNesrubxwIlAQ8zgPA==
+"@testing-library/dom@^7.28.1":
+  version "7.29.2"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-7.29.2.tgz#6cba65d961d8b36d621a98caa8537444075fb42e"
+  integrity sha512-CBMELfyY1jKdtLcSRmEnZWRzRkCRVSNPTzhzrn8wY8OnzUo7Pe/W+HgLzt4TDnWIPYeusHBodf9wUjJF48kPmA==
   dependencies:
-    "@babel/runtime" "^7.8.4"
-    "@sheerun/mutationobserver-shim" "^0.3.2"
-    "@types/testing-library__dom" "^6.12.1"
-    aria-query "^4.0.2"
-    dom-accessibility-api "^0.3.0"
-    pretty-format "^25.1.0"
-    wait-for-expect "^3.0.2"
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^4.2.0"
+    aria-query "^4.2.2"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.4"
+    lz-string "^1.4.4"
+    pretty-format "^26.6.2"
 
 "@testing-library/jest-dom@^4.2.4":
   version "4.2.4"
@@ -1363,20 +1396,24 @@
     pretty-format "^24.0.0"
     redent "^3.0.0"
 
-"@testing-library/react@^9.3.2":
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-9.5.0.tgz#71531655a7890b61e77a1b39452fbedf0472ca5e"
-  integrity sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==
+"@testing-library/react@^11.2.2":
+  version "11.2.2"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-11.2.2.tgz#099c6c195140ff069211143cb31c0f8337bdb7b7"
+  integrity sha512-jaxm0hwUjv+hzC+UFEywic7buDC9JQ1q3cDsrWVSDAPmLotfA6E6kUHlYm/zOeGCac6g48DR36tFHxl7Zb+N5A==
   dependencies:
-    "@babel/runtime" "^7.8.4"
-    "@testing-library/dom" "^6.15.0"
-    "@types/testing-library__react" "^9.1.2"
+    "@babel/runtime" "^7.12.5"
+    "@testing-library/dom" "^7.28.1"
 
 "@testing-library/user-event@^7.1.2":
   version "7.2.1"
   resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-7.2.1.tgz#2ad4e844175a3738cb9e7064be5ea070b8863a1c"
   integrity sha512-oZ0Ib5I4Z2pUEcoo95cT1cr6slco9WY7yiPpG+RGNkj8YcYgJnM7pXmYmorNOReh8MIGcKSqXyeGjxnr8YiZbA==
 
+"@types/aria-query@^4.2.0":
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.0.tgz#14264692a9d6e2fa4db3df5e56e94b5e25647ac0"
+  integrity sha512-iIgQNzCm0v7QMhhe4Jjn9uRh+I6GoPmt03CbEtwx3ao8/EfoQcmgtqH4vQ5Db/lxiIGaWDv6nwvunuh0RyX0+A==
+
 "@types/babel__core@^7.1.0":
   version "7.1.7"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.7.tgz#1dacad8840364a57c98d0dd4855c6dd3752c6b89"
@@ -1454,6 +1491,13 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
+"@types/istanbul-reports@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.0.tgz#508b13aa344fa4976234e75dddcc34925737d821"
+  integrity sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==
+  dependencies:
+    "@types/istanbul-lib-report" "*"
+
 "@types/json-schema@^7.0.3":
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
@@ -1474,59 +1518,16 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/prop-types@*":
-  version "15.7.3"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
-  integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
-
 "@types/q@^1.5.1":
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
   integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==
 
-"@types/react-dom@*":
-  version "16.9.6"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.6.tgz#9e7f83d90566521cc2083be2277c6712dcaf754c"
-  integrity sha512-S6ihtlPMDotrlCJE9ST1fRmYrQNNwfgL61UB4I1W7M6kPulUKx9fXAleW5zpdIjUQ4fTaaog8uERezjsGUj9HQ==
-  dependencies:
-    "@types/react" "*"
-
-"@types/react@*":
-  version "16.9.34"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.34.tgz#f7d5e331c468f53affed17a8a4d488cd44ea9349"
-  integrity sha512-8AJlYMOfPe1KGLKyHpflCg5z46n0b5DbRfqDksxBLBTUpB75ypDBAO9eCUcjNwE6LCUslwTz00yyG/X9gaVtow==
-  dependencies:
-    "@types/prop-types" "*"
-    csstype "^2.2.0"
-
 "@types/stack-utils@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
   integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
 
-"@types/testing-library__dom@*":
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__dom/-/testing-library__dom-7.0.2.tgz#2906f8a0dce58b0746c6ab606f786bd06fe6940e"
-  integrity sha512-8yu1gSwUEAwzg2OlPNbGq+ixhmSviGurBu1+ivxRKq1eRcwdjkmlwtPvr9VhuxTq2fNHBWN2po6Iem3Xt5A6rg==
-  dependencies:
-    pretty-format "^25.1.0"
-
-"@types/testing-library__dom@^6.12.1":
-  version "6.14.0"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__dom/-/testing-library__dom-6.14.0.tgz#1aede831cb4ed4a398448df5a2c54b54a365644e"
-  integrity sha512-sMl7OSv0AvMOqn1UJ6j1unPMIHRXen0Ita1ujnMX912rrOcawe4f7wu0Zt9GIQhBhJvH2BaibqFgQ3lP+Pj2hA==
-  dependencies:
-    pretty-format "^24.3.0"
-
-"@types/testing-library__react@^9.1.2":
-  version "9.1.3"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__react/-/testing-library__react-9.1.3.tgz#35eca61cc6ea923543796f16034882a1603d7302"
-  integrity sha512-iCdNPKU3IsYwRK9JieSYAiX0+aYDXOGAmrC/3/M7AqqSDKnWWVv07X+Zk1uFSL7cMTUYzv4lQRfohucEocn5/w==
-  dependencies:
-    "@types/react-dom" "*"
-    "@types/testing-library__dom" "*"
-    pretty-format "^25.1.0"
-
 "@types/yargs-parser@*":
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
@@ -1938,13 +1939,13 @@ aria-query@^3.0.0:
     ast-types-flow "0.0.7"
     commander "^2.11.0"
 
-aria-query@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.0.2.tgz#250687b4ccde1ab86d127da0432ae3552fc7b145"
-  integrity sha512-S1G1V790fTaigUSM/Gd0NngzEfiMy9uTUfMyHhKhVyy4cH5O/eTuR01ydhGL0z4Za1PXFTRGH3qL8VhUQuEO5w==
+aria-query@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
+  integrity sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==
   dependencies:
-    "@babel/runtime" "^7.7.4"
-    "@babel/runtime-corejs3" "^7.7.4"
+    "@babel/runtime" "^7.10.2"
+    "@babel/runtime-corejs3" "^7.10.2"
 
 arity-n@^1.0.4:
   version "1.0.4"
@@ -2726,6 +2727,14 @@ chalk@^3.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^4.0.0, chalk@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
+  integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
@@ -3439,11 +3448,6 @@ cssstyle@^1.0.0, cssstyle@^1.1.1:
   dependencies:
     cssom "0.3.x"
 
-csstype@^2.2.0:
-  version "2.6.10"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.10.tgz#e63af50e66d7c266edb6b32909cfd0aabe03928b"
-  integrity sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w==
-
 cyclist@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
@@ -3693,10 +3697,10 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-accessibility-api@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz#511e5993dd673b97c87ea47dba0e3892f7e0c983"
-  integrity sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA==
+dom-accessibility-api@^0.5.4:
+  version "0.5.4"
+  resolved "https://registry.yarnpkg.com/dom-accessibility-api/-/dom-accessibility-api-0.5.4.tgz#b06d059cdd4a4ad9a79275f9d414a5c126241166"
+  integrity sha512-TvrjBckDy2c6v6RLxPv5QXOnU+SmF9nBII5621Ve5fu6Z/BDrENurBEvlC1f44lKEUVqOpK4w9E5Idc5/EgkLQ==
 
 dom-converter@^0.2:
   version "0.2.0"
@@ -6633,6 +6637,11 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lz-string@^1.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.4.4.tgz#c0d8eaf36059f705796e1e344811cf4c498d3a26"
+  integrity sha1-wNjq82BZ9wV5bh40SBHPTEmNOiY=
+
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -8433,7 +8442,7 @@ pretty-error@^2.1.1:
     renderkid "^2.0.1"
     utila "~0.4"
 
-pretty-format@^24.0.0, pretty-format@^24.3.0, pretty-format@^24.9.0:
+pretty-format@^24.0.0, pretty-format@^24.9.0:
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
   integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
@@ -8443,15 +8452,15 @@ pretty-format@^24.0.0, pretty-format@^24.3.0, pretty-format@^24.9.0:
     ansi-styles "^3.2.0"
     react-is "^16.8.4"
 
-pretty-format@^25.1.0:
-  version "25.4.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-25.4.0.tgz#c58801bb5c4926ff4a677fe43f9b8b99812c7830"
-  integrity sha512-PI/2dpGjXK5HyXexLPZU/jw5T9Q6S1YVXxxVxco+LIqzUFHXIbKZKdUVt7GcX7QUCr31+3fzhi4gN4/wUYPVxQ==
+pretty-format@^26.6.2:
+  version "26.6.2"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
+  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
   dependencies:
-    "@jest/types" "^25.4.0"
+    "@jest/types" "^26.6.2"
     ansi-regex "^5.0.0"
     ansi-styles "^4.0.0"
-    react-is "^16.12.0"
+    react-is "^17.0.1"
 
 private@^0.1.8:
   version "0.1.8"
@@ -8711,11 +8720,16 @@ react-error-overlay@^6.0.7:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.7.tgz#1dcfb459ab671d53f660a991513cb2f0a0553108"
   integrity sha512-TAv1KJFh3RhqxNvhzxj6LeT5NWklP6rDr2a0jaTfsZ5wSZWHOGeqQyejUp3xxLfPt2UpyJEcVQB/zyPcmonNFA==
 
-react-is@^16.12.0, react-is@^16.8.1, react-is@^16.8.4:
+react-is@^16.8.1, react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-is@^17.0.1:
+  version "17.0.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.1.tgz#5b3531bd76a645a4c9fb6e693ed36419e3301339"
+  integrity sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA==
+
 react-native-reflect@^0.1.6:
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/react-native-reflect/-/react-native-reflect-0.1.6.tgz#2926db8690b76891b75a44d9d14b0e3118190a30"
@@ -10548,11 +10562,6 @@ w3c-xmlserializer@^1.1.2:
     webidl-conversions "^4.0.2"
     xml-name-validator "^3.0.0"
 
-wait-for-expect@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/wait-for-expect/-/wait-for-expect-3.0.2.tgz#d2f14b2f7b778c9b82144109c8fa89ceaadaa463"
-  integrity sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag==
-
 walker@^1.0.7, walker@~1.0.5:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"