Added a section of home page

[raksh543]

Description

Added the home section of Getting started, ways to contribute, our projects and open source programs

Fixes #110

Type of Change:

Delete irrelevant options.

• Code
• User Interface

Code/Quality Assurance Only

• New feature (non-breaking change which adds functionality pre-approved by mentors)

How Has This Been Tested?

I have checked the responsiveness by resizing window.

Landscape view:

Potrait view:

Checklist:

Delete irrelevant options.

• My PR follows the style guidelines of this project
• I have performed a self-review of my own code or materials
• I have commented my code or provided relevant documentation, particularly in hard-to-understand areas

Code/Quality Assurance Only

• My changes generate no new warnings

[annabauza]

@raksh543 please separate this to 4 sections and each section should follow our implementation guide. Thanks.

[annabauza]

@raksh543 please separate this to 4 sections and each section should follow our implementation guide. Thanks.

[annabauza]

@raksh543 I had something bit more reusable in my mind. Can you please review this PR There is ImageTextSection which you could just use? Thanks in advance. I think I will need to add paragraphs to keep consistency.

[annabauza]

@raksh543 I have applied the changes, can you please review?

[raksh543]

@annabauza I have reviewed the changes.
It looks good.

[annabauza]

@raksh543 the PR has been merged so you can reuse TextImage component. Please prepare testing page by following the guide https://github.com/anitab-org/anitab-org.github.io/wiki/Prepare-testing-GitHub-Pages-for-your-PR

[raksh543]

@annabauza Please check the preview of the webpage, if it looks fine now i will proceed.

[raksh543]

@annabauza Please review the changes

[annabauza]

1. No need to add other fonts,
2. image requests should come from content - look on how other code parts are solving it - replace json with js file
3. page should not display on each tab - only when you press on AnitaB logo (if case 0 in Content.js)
4. use styled view like aboutus/styles.js
5. use mapper instead of create each section file separately.
6. remove dependency which you have added.

[annabauza]

please pass section as a prop

[annabauza]

keep paragraphs as stack of texts instead of adding '\n'

[raksh543]

@annabauza I am working on these changes.
Will update soon.

[raksh543]

@annabauza I have made all changes as requested. Please review.

[annabauza]

@raksh543 thank you for this PR, I have added those sections can you please update the images on home page? Thanks!

[nandini45]

@raksh543 can u do the changes??
Do update us asap if not I have to assign this issue to someone else.

[raksh543]

@nandini45 Sure i will do the changes. Please tell me which which images i am supposed to change.

[Vishal-raj-1]

@anna4j Any update on this PR? I can see this PR contains many conflicting files. Please resolve conflicts and you can squash your 19 commits to single commit. Thanks !!

[annabauza]

closing this issue because getting started already exists.