Add second page with table and background logo image, improve interactivity

[hetgwi01]

Changes

• Added a second page:

• Expanded content by adding a second page that continues from the existing page

• Changed the framework:

• Changed the framework to adjust the effects and position of elements within the page

• Added a scroll icon:

• Added a scroll icon to visually guide the scrollable area

• Apply effects:

• Added animation effects on button clicks and scrolls to provide a smooth user experience when switching pages

• Added a table to the second page:

• Added a table based on the content imported from the README.md file to organize the list of resources for easier viewing

• Added a logo background image to the second page:

• Set the logo image as the background to enhance the visual appeal of the page

Reason

• I felt that the web page was lacking in functionality, so I wanted to improve the user experience by adding more content to the page.
• I made these changes to organize the resources systematically by adding a table to the second page, and to emphasize the brand identity with a background image.