Overview
Learn to build a responsive online portfolio from scratch in this comprehensive tutorial video. Master HTML and CSS techniques to create a personal website that adapts seamlessly to mobile, tablet, and desktop devices. Follow step-by-step instructions to design a professional layout, including a navigation bar, hero section, about me page, and project showcase. Explore responsive design principles using media queries and create a mobile-friendly hamburger menu. By the end of this 1-hour 28-minute tutorial, deploy your finished portfolio to a custom domain, complete with SSL certification, and showcase your web development skills to potential employers or clients.
Syllabus
Introduction
Getting our .com domain
File Setup
Website layout in HTML
Making a Nav bar
Making a 'Hero' Section
Making an 'About Me' Section
Making a 'Projects' Section
Using Anchor Links
Using media query for tailored views on mobile, tablet and desktop
Making a Hamburger drop-down menu
Deploying our website onto the internet with SSL
Taught by
Code with Ania Kubów