material icons changed

[nettle790]

This is with reference to issue #15968.
The material icons have been replaced by the closest matching fontawesome icons.
Html boilerplate added and appropriate css changes made to the closest possible.

before in file #3

after in file #3

before in #4

after in file #4

before in file #5

after in file #5

[oppiabot]

Hi @nettle790, can you complete the following:

1. The body of this PR is missing the overview section, please update it to include the overview.
2. The body of this PR is missing the checklist section, please update it to include the checklist.
3. The body of this PR is missing the proof that changes are correct section, please update it to include the section.
   Thanks!

[oppiabot]

Hi @krishita30j, could you please add the appropriate changelog label to this pull request? Thanks!

[github-actions]

Hi! @nettle790 Welcome to Oppia! Could you please follow the instructions here and sign the CLA Sheet to get started? You'll need to do this before we can accept your PR. Thanks!

[nettle790]

Please check if the issues are set right. I have set the closest
icon counterparts from font awesome.

[nettle790]

Hi please run ci tests from your end.I am just learning how to implement them.

…

Sent from my iPhone

On 01-Sep-2022, at 11:33 PM, oppiabot[bot] ***@***.***> wrote:  Hi @nettle790, can you complete the following: The body of this PR is missing the overview section, please update it to include the overview. The body of this PR is missing the checklist section, please update it to include the checklist. The body of this PR is missing the proof that changes are correct section, please update it to include the section. Thanks! — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were assigned.

[seanlip]

@nettle790 Thank you for your PR. Please note the following:

• Please follow the PR template. It has a place for you to provide screenshots of the pages loading correctly on your local server (which you should have set up as part of installing Oppia for local development per the setup instructions). This is important because we want to make sure that this PR does not break the Oppia website, and we can't see any guarantee of that without seeing those screenshots.

I am closing this PR because it does not follow our pull request guidelines, but feel free to open a new PR when you have those screenshots and filled out the template correctly so that it can be properly reviewed. Thanks!

[nettle790]

I would like to know if a bot is running the pr tests?I am new to testing.would anyone be helpful enough to enlighten me as to how to run checks for my code before opening a pr??

[nettle790]

Please unassign me from the files 3,4,5.I need to learn how to test the codes before submitting pr. Thanks for giving me an opportunity to participate.

…

Sent from my iPhone

On 02-Sep-2022, at 5:04 AM, Sean Lip ***@***.***> wrote:  Closed #15972. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.

[seanlip]

Hi @nettle790, there is a lot of information on the wiki about testing. Please see the wiki sidebar for the relevant links, and take a moment to read about it.

I'll unassign you from the original issue, thanks.

Also, if you have further general questions, we recommend using our GitHub Discussions page. But try and find the information you are looking for on the wiki first, since that is fairly comprehensive and is likely to have what you need. Thanks!