Michael Rossetti http://a1-mfrossetti.glitch.me
This project shows ...
- Styled page with CSS: Added rules for the body, h1, h2, h3, p, li, and div selectors.
- Added background color to the body of the page
- Changed the color of each text element
- Changed the font family of the text elements
- Changed the h2 selector to bold
- Changed the font families of the h1, h2, h3, p, and li selectors
- Changed the font size of the p and li selectors
- Changed the indent of the paragraph selector
- Centered the div element for the board at the bottom of the page
- I added a JS animation to the Page: I added a square that bounces from the top left to the bottom right of the page on page load.
- I used some help from the following page as a basis and changed aspects to relearn: https://www.w3schools.com/howto/howto_js_animate.asp
- Used the Indie Flower and Annie Use Your Telescope Fonts from Google Fonts: I used Indie Flower for the Headers and Annie Use Your Telescope for the rest of the text
- Used a color pallete for style: Used complementary colors from the adobe color wheel to style the site with purple and yellow colors. The color palette is attached to the repo.