devckla / devckla.github.io Goto Github PK

Hey there!
I came across a few issues in the README.md and CONTRIBUTING.md sections.
Issues List

• Grammatical errors and typos in the contributing.md and README.md files.
• Add missing contributor information (full name and profile links) in the (Contributors)[https://github.com/devckla/devckla.github.io#todo] section.
• Removing nested and unstructured items in the (Todo)[https://github.com/devckla/devckla.github.io#todo] section and adding checkboxes instead.
• Improve content formatting by adding Markdown links.

This page can be viewed here: https://devckla.github.io/events/code_of_conduct.html

The code of the page: https://github.com/devckla/devckla.github.io/blob/master/events/code_of_conduct.html

This should be a basic CSS addition and all skill levels are encouraged to engage :)

The form container gets too narrow on mobile devices which causes some text to overflow outside of the container and hiding some of the placeholder text.

This might be caused by extra margins on the left and right side of the form container.

It seems like firebase is not integrated
The backend is not working

I'd like to:

1. Add a home page with a hero image.
2. Add more links to the navbar and add more pages.
   The pages to be added include:

• Events
• Community Leads (The team)
• Communities for example PyLadies, GDG

3. Add the required flag to the input elements so as to validate the input information by the user.
4. Add an option for toggling between dark and light modes.

I have examined the index.html file and found the following issues.

• Missing div closing tag on line 31 in the navbar section of index.html.
• Extra padding around jumbotron and navbar.
• Missing header element to make HTML more semantic.
• Invalid id references in form input labels.
• Presence of commented code sections.
• Grammatical errors and typos.

Problem
The header section has excess margins and is also missing links to other pages.

Suggested Fixes

• Add another page links to navigation menu.
• Remove margins from Navigation menu.

Sample
A screenshot demonstrating the issue from a visual aspect.