Assignment:
Description:
Design a responsive web page with three sections: a bio section, a hobbies section, and a contact me section. All these sections must be implemented in one page. The page must be responsive for two states. First, for standard screens, and second, for cell phone screens whose screen width is less than 450 pixels. Need Assignment Help?
In the first design, you should have a fixed left-side menu, which expands from the top to the bottom of the viewport and remains there all the time. On top of the menu, you must put your profile picture, then three buttons that are actually three links, one for each section. Whenever you click on one of these links, it must navigate to the corresponding section on the page.
On cell phones, the menu must be on top of the page, and the content must be shown underneath the menu. In this state, the menu is sticky. That means the menu remains at the top whenever you scroll the page. Again, the corresponding section must be shown when you click these buttons. In this case, the content might be shown underneath of the menu. This problem can be solved but not with the stuff that you have learned. So, you do not need to fix this problem.
About the content of each section, you should implement at least something similar to mine, but feel free to add more content.
Check the video for more detail at:
YouTube Video: Assignment 3- Instruction
To get credit:
To earn credit, your grade will be based on the following criteria:
- Making the page responsive.
- Implementing the menu for each state.
- Ensuring your page is visually appealing.
- The content of the page, including images, text, links, lists, etc.
- On time submission.
To Submit:
Zip all the files and upload the zip file before the deadline. You only must upload one ZIP file containing all the images, HTML, and CSS files, nothing more, nothing less. Make sure that you include the images in your zip file.