This is my final version our activity from Wednesday's session. Feel free to look through my code to help you get a deeper understanding of basic HTML and CSS! Please know, there are SO many ways to make this page. This is just one way! I am completely open to suggestions that will make my code more D.R.Y. (Don't Repeat Yourself). Here's what I did. First, I downloaded and saved each image Maxx Potential offered. I then created my file set up which includes an index.html file, a style.css file, and an images folder that holds all of the images provided, plus the GIF for this README. I organized them so they were all at the root level. I used Bootstrap and an external stylesheet - this helps your code to not only be more organized and easier to read, but less repetitive. I broke down each section of the page (i.e. Navbar, Main, Section, and Footer) and began coding! It is completely mobile responsive and I feel as though it looks pretty similar. I added comments and formatted my files at the end to offer a better understanding of each section of code.
To launch the application, please visit this link - https://todtsies.github.io/Maxx-Potential-Mockup/
Emily Todt - [email protected] - Emily's GitHub
HTML, CSS, Bootstrap
Any questions? Don't hesitate to contact me through my email, Slack or Github account linked above!