HTML hand coding
Mini Project 2 : Food
This project uses HTML and CSS techniques such as semantic layout elements, internal CSS styling, and a two-column layout created using the float property. Navigation is built with an unordered list, and styling includes padding, margins, and hover effects for interactivity. Images are used to enhance visual content across pages. This project was meaningful because it allowed me to showcase my favorite foods while practicing layout design and improving my confidence in organizing multi-page websites.
Mini Project 3 : My World
This project uses HTML and CSS techniques such as semantic structure elements (header, nav, section, aside, footer), internal CSS styling, and a two-column layout created with the float property. Navigation is built using an unordered list, and styling includes hover effects, margins, and padding for layout control. Google Fonts were used for typography, and multimedia like images, SVG, and audio were included. This project was meaningful because it allowed me to creatively express different parts of my life.
Final Project : Dance
For my final project, I used more advanced HTML and CSS techniques, including a clean two-column layout, consistent navigation across all pages, and embedded multimedia like a YouTube video and Google Map. I also used Google Fonts to create a more professional design. This project is meaningful to me because it reflects my personal dance journey and brings awareness to dancers being undervalued, combining both technical skills and something Iām passionate about.