This project is a simple personal webpage created to practice and demonstrate core web development fundamentals.
The page introduces Gloria with a clean layout, centred profile image, a list of her favourite things, and styled text sections.
The project focuses on writing clean HTML and CSS, organising content properly, and meeting specific assignment requirements such as:
- Using at least 100 words
- Displaying multiple images
- Centering an image responsively
- Applying external CSS styling
- Including an ordered or unordered list
The webpage is fully static and contains no backend, frameworks, or JavaScript — keeping the focus on structure, styling, and readability.
The goal of this project is to:
- Strengthen foundational HTML and CSS skills
- Understand how to structure content semantically
- Practice working with images, lists, and responsive elements
- Improve confidence with CodePen and GitHub workflows
- Build a simple, aesthetic page suitable for early portfolio work
It is also a gentle introduction to publishing work publicly on GitHub.
Used to structure all the content on the page, including:
- Header section
- Profile image
- Paragraphs
- Favourite things list
- Links
- Inline content elements
Used to style the webpage and improve the user experience, such as:
- Setting global fonts and text colours
- Applying background images
- Centering images using
margin: auto - Adding rounded corners
- Styling lists for a cleaner appearance
- Giving text blocks a soft, decorative rose background
- Centre-aligned profile image
- Decorative rose-pattern backgrounds on text sections