Enhance Webpage Aesthetics: Font, Styling, and Animations - Githubissues

codingkatty / mathpylearn

Hacktoberfest 2024: Creating a website to learn Python that mainly focuses on math & using math in python.

https://magicmath.co/

MIT License

4 stars 18 forks source link

Enhance Webpage Aesthetics: Font, Styling, and Animations #51

Open PragyaTripathi990 opened 2 hours ago

PragyaTripathi990 commented 2 hours ago

Issue Title:

Enhance Webpage Aesthetics: Font, Styling, and Animations

Description:

We need to improve the overall aesthetics of the webpage by doing the following:

Update Font Style:

Integrate Google Fonts to use a more modern, readable font.
Update the font in the body, headings, and buttons for better visual appeal.

Beautify the Page Using CSS:

Add soft background colors, padding, and spacing to improve the layout.
Ensure headings and paragraphs have clear spacing, legibility, and color contrast.
Style buttons to have smooth hover effects and more interactive features.

Add Animations:

Implement animations for buttons, section fades, and other key elements.
Use CSS transitions or keyframes to animate elements on hover, click, or scroll.

PragyaTripathi990 commented 2 hours ago

@codingkatty i can fix this issue, please assign me the same. Regards, Pragya Tripathi.