A personal portfolio site with sections for bio, projects, and contact. A great first project that teaches HTML layout, CSS styling, and a bit of JavaScript for interactivity.
Follow these steps in order. Each one builds on the previous.
Plan the page sections on paper first
Write the HTML structure for all sections
Add CSS reset and base typography styles
Style the navigation and hero section
Build the projects grid using CSS Grid
Add the contact form with labels and inputs
Write JavaScript for form validation
Make the site responsive with media queries
Loading...