GoIT Markup Home Work 4

Advanced CSS effects with SVG icons, transitions, and pseudo-elements.

Overview

This project is the fourth assignment of the GoIT Full Stack Developer course. It focuses on adding advanced CSS effects, including background images, shadows, and SVG icons. The assignment also covers CSS transitions, pseudo-elements, and positioning. Additionally, SVG sprites were optimized and integrated for icons on the webpage.

The design mockup used for this assignment can be found here.

Screenshots

All screenshots related to the project can be found in the images folder.

Summary

In this project, I have:

• Applied background images with gradients for visual effects.
• Integrated and optimized SVG sprites for icons.
• Used CSS transitions for hover and focus states.
• Styled elements using pseudo-elements for decorative effects.
• Worked with Flexbox and implemented responsive design.
• Ensured the project follows best practices for modern CSS and web development.

This assignment enhanced my skills in creating advanced CSS effects, using SVG icons, and optimizing user experience with transitions.