This is the Module 1 Challenge, which was given to the bootcamp students for Week 1. It contains edits to both the HTML and CSS code that was provided. Students were asked to make the code more accessible/user friendly. To do this I made edits to the HTML tags and replaced most of the divs with semantic tags.
I also made changes to the CSS selectors and properties, organizing them to follow the semantic structure of the HTML elements, and including comments before each element or section of the page.
Link to Deployed Application: https://nlopez39.github.io/semantic-refactor/
To install this onto your local computer:
- In your terminal, choose a folder that you would like to copy these files into (ex.
cd bootcamp) - In GitHub, click the
Codebutton and copy theSSH keyto your clipboard. - In your terminal, make a copy of the repository by using
git cloneand paste in theSSH key(command + v) - Now you should have a copy of this repository in your 'bootcamp' folder
To see how the semantic tags are helping the HTML code look user friendly- either open the index.html file in VS code or open it in a default browser.
If using the default browser option:
- Right click the file and choose
Open in Default Browser - In the broswer, right click the page and choose
Investigate - Then the HTML code will pop up on the screen for you to play around with it.
Github: https://github.com/nlopez39
Please refer to the LICENSE in the repo.