Metadata: Sets the character encoding and ensures the site is responsive (looks good on mobile) via the viewport tag.

CSS Styling: The <style> block contains all the visual rules, such as the "hover" effects on buttons, the flexbox layouts for projects, and the color palette (using a clean gray, red, and white theme). The navigation bar is fixed at the top (conceptually) and uses Anchor Links (e.g., ). When clicked, these jump the user to the specific ID on the page, creating a smooth user experience without loading new pages.

About: A text-heavy area using a standard paragraph to introduce your professional philosophy and background in Java.

Projects : Uses a Flexbox layout (display: flex) to arrange project "cards." Each card is a div with a border and rounded corners, making your work easy to scan.

Skills : Similar to projects, but uses smaller "pills" or tags.

Contact : This is the functional "call to action." It features styled buttons for Email, LinkedIn, and GitHub, using CSS transitions to change color when hovered over.

The Footer A simple closing block at the bottom of the page containing the copyright notice and your name, providing a professional finish to the layout.