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-P...
📱 Social Media
🔗 / 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!
Смотрите видео Build And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Julio Codes 22 Март 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 16,18 раз и оно понравилось 67 людям.