You have learnt about HTML, CSS and GitHub in our first session. Now use them to create a webpage by yourself!
Create a webpage for users to get information and guidelines about covid
- A navigation bar with internal links to sections in your page
- The home banner, with a short description of what the webpage is about, and attractive background graphics
- Some Tips with images showing how to follow them
- A table of common symptoms, and recommended advice for them
- A list of common myths or FAQs regarding covid, especially the new variants
- Embed a YouTube video which you think would be helpful for people
- Finish with a footer giving yourself credits and also your contact details
A Figma prototype has been provided for reference, along with the Figma source file for the design. Use the drive link to download the image files
- First create your GitHub account. You can use your personal email id for it.
- FORK this repository, by clicking the "Fork" button on top right.
- In your fork of this repo, write the code in the
index.html
file. You can choose to either edit it directly on GitHub website, or maybe download it, edit on your machine and then upload, or maybe clone the repo, make changes, commit and then push. - Feel free to upload helping-files (css and images) to your repo, make sure you include them properly with relative paths in the
index.html
file. - Host the webpage using GitHub Pages.
- You do NOT need to create a pull request to this main repository.
- Feel free to add more comments in the
README.md
file. - Finally, fill this Google Form with your details and URL to the hosted GitHub Pages site.
Ask any doubts on our Discord Server in #html-css-git-14jan
channel
- Mozilla Developer Docs
- W3Schools
- ProgrammingWithMosh's HTML
- Hussein Nasser's Web
- CS50 HTML CSS JS
- web.dev CSS
- Kevin Powell's HTML and CSS basics and advanced playlist
- GitHub Pages Documentation
- YouTube Player Embed API Documentation