Sample Readme (delete the above when you're ready to submit, and modify the text below with your links and descriptions)

Sizhe Li https://a1-beatrimo.glitch.me

This project shows some personal information of me as a WPI student through HTML with some improvements I made to beautify the page.

Technical Achievements

• Styled page with CSS:

  Added rules for the p,h1,h2,li,body and a selectors include:

  1. Added "font-family" to change the font;

  2. Added "font-weight" to make it bold;

  3. Added "font-size" to adjust size;

  4. Added "color" to change the color;

  5. Added "text-shadow" to add shadow for text;

  6. Added "font-style" to make words italic；

  7. Added "background" to add color to the background；

  8. Added "background-size" to change the size of background；

  9. Added "position" to change the position;

  ...

• Add a simple JavaScript animation to the page:

  I added a simple console animation based on tutorials on the Internet.

  It will loop through the three options 'Hello World!', 'CS4241', 'SIZHE LI =V='

• Experiment with other HTML tags:

  1.Used div to create the object for JavaScript animations.

  2.Used a to add a link to https://www.wpi.edu/

  3.Used img to add a picture into a . Once user click the image of wpi, it will navigate the user to https://www.wpi.edu/

  4.Used footer to print the name and year at the bottom of web page

  5.Used audio to embed the audio into HTML document. Users can start playback, adjust volume and playback speed independently.

Design Achievements

• Created a color palette using color.adobe.com. I've posted a screenshot of the palette "palette.png" in the repo.
• Used the Silkscreen Font from Google Fonts: I used Silkscreen as the font for the primary copy text in my site.