Build And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSS
Improve your HTML and CSS skills by building a responsive personal portfolio website. After completing this lesson, you will be able to create responsive layouts using Flexbox and Grid. Then we will add on scroll JavaScript animations by using ScrollReveal and deploy the website on Netlify for free. ☕ Buy me a coffee Become a member and access the premium SCSS source code for the responsive website templates for free. ? https://www.buymeacoffee.com/juliocodes ? Hostinger Get affordable domain and web hosting service with Hostinger. Save up to 91%* off your entire order by using the link below and my coupon code. ? hostinger.com/juliocodes Discount code: JULIOCODES ? Subscribe ? https://bit.ly/2Q3pCiB ? Assets & Resources Icons ? https://boxicons.com/ Fonts ? https://fonts.google.com/ ScrollReveal ? https://scrollrevealjs.org/ GitHub ? https://github.com/jlop007/Bruno-Starter Design inspiration ? https://dribbble.com/shots/17341529-Portfolio-Landing-Page ? Social Media ? https://www.instagram.com/juliocodes ⏱️Timestamps 0:00 Intro & Demo 1:34 Setup 2:20 Header - HTML 08:20 Base CSS 17:30 Header - CSS 31:25 JavaScript interactions 49:08 Hero - HTML 52:00 Hero - CSS 1:06:53 About - HTML 1:13:15 About - CSS 1:30:07 Portfolio - HTML 1:39:26 Portfolio - CSS 1:55:57 Contact - HTML 2:04:06 Footer - HTML 2:08:33 Contact - CSS 2:12:52 Footer - CSS 2:18:05 Media queries 2:30:16 ScrollReveal 2:37:52 Deploy website ⚠️ Disclaimer This video description contains affiliate links, which means that if you purchase one of the products or click on certain links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for understanding!
Improve your HTML and CSS skills by building a responsive personal portfolio website. After completing this lesson, you will be able to create responsive layouts using Flexbox and Grid. Then we will add on scroll JavaScript animations by using ScrollReveal and deploy the website on Netlify for free. ☕ Buy me a coffee Become a member and access the premium SCSS source code for the responsive website templates for free. ? https://www.buymeacoffee.com/juliocodes ? Hostinger Get affordable domain and web hosting service with Hostinger. Save up to 91%* off your entire order by using the link below and my coupon code. ? hostinger.com/juliocodes Discount code: JULIOCODES ? Subscribe ? https://bit.ly/2Q3pCiB ? Assets & Resources Icons ? https://boxicons.com/ Fonts ? https://fonts.google.com/ ScrollReveal ? https://scrollrevealjs.org/ GitHub ? https://github.com/jlop007/Bruno-Starter Design inspiration ? https://dribbble.com/shots/17341529-Portfolio-Landing-Page ? Social Media ? https://www.instagram.com/juliocodes ⏱️Timestamps 0:00 Intro & Demo 1:34 Setup 2:20 Header - HTML 08:20 Base CSS 17:30 Header - CSS 31:25 JavaScript interactions 49:08 Hero - HTML 52:00 Hero - CSS 1:06:53 About - HTML 1:13:15 About - CSS 1:30:07 Portfolio - HTML 1:39:26 Portfolio - CSS 1:55:57 Contact - HTML 2:04:06 Footer - HTML 2:08:33 Contact - CSS 2:12:52 Footer - CSS 2:18:05 Media queries 2:30:16 ScrollReveal 2:37:52 Deploy website ⚠️ Disclaimer This video description contains affiliate links, which means that if you purchase one of the products or click on certain links, I’ll receive a small commission. This helps support the channel and allows me to continue to make videos like this. Thank you for understanding!