All Homework Must be Uploaded to it own GitHub repository. You will copy the URL Link for your GitHub Repository and Submit that link for each of your homework assignments
A client approaches! A local gym has requested that you create a mockup website for them. You’ll be tasked with creating the site and “delivering” it to the gym owner. Optional: Record a 3-5 minute video presenting your website to the theoretical client and submit it here. Otherwise, feel free to just deliver the GitHub URL here.
For this assignment, you’ll have free rein creatively – we want to see your creativity shine! Your task here is to create a small website for a local gym (whatever activity you’d like to choose, feel free – rock climbing, swimming, weight lifting, yoga, golf, whatever, as long as it’s athleticish and something a local business in your community would offer). The site should have at least 4 pages – a landing page, an about page, and sign-in and sign-out pages. Feel free to add more if you want. The site should have a form, a navbar, a footer, should use either CSS Grid or Bootstrap (Your choice this time) somewhere on the site, and several images from Unsplash or similar. (Please source your images legally.) And of course – Have fun with it! One of our goals is for students to fall in love with the act of coding – this is your time to be creative, and practice what you’ve learned.
If you need inspiration for the layout, try dribbble.com for ideas.
The assignment should be published to Github, and the GitHub link should be submitted here.
Playgrounds for Bootstrap columns, media queries, and grid. Feel free to change the code – it will go back to how I made it when you refresh.
Also, links for extra games/practice for Flexbox (Flexbox Froggy), and a cheat sheet for flexbox that I am sure will prove helpful. If you feel you have a good grip on flexbox, bootstrap containers and columns, and css-grid, feel free to move on.
Zen garden is useful for ideas for web layouts in the future; I also use https://dribbble.com/ and look at web designs on Figma for inspiration.
Bootstrap cheat sheet is best used with the inspector tool, so you can see what classes are being applied to each element.