Build a responsive personal portfolio website using HTML, CSS & JavaScript
In this lesson we will use HTML, CSS, and a little bit of JavaScript to build a mobile first responsive personal portfolio website. Upon completion, you will have an understanding of how to build layouts using Flexbox and Grid.
☕ Buy me a coffee
Become a member and access the premium SCSS source code for my responsive layout templates for free.
🔗 https://www.buymeacoffee.com/bytesoftheweb
🌐 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://remixicon.com/
Fonts 🔗 https://fonts.google.com/
GitHub 🔗 https://github.com/JulioCodes/Cris_Paul
Design 🔗 https://uihut.com/
📱 Social Media
🔗 https://www.instagram.com/juliocodes
⏱️Timestamps
00:00 Intro
00:23 Demo
01:47 Setup
03:27 Header
41:00 Showcase
51:14 Portfolio
1:05:57 Services
1:17:37 About
1:29:30 Blog
1:39:38 Footer
1:53:10 Media queries
2:08:20 Scroll animations
⚠️ 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.
#responsivewebsite #portfoliowebsite
Видео Build a responsive personal portfolio website using HTML, CSS & JavaScript канала Julio Codes
☕ Buy me a coffee
Become a member and access the premium SCSS source code for my responsive layout templates for free.
🔗 https://www.buymeacoffee.com/bytesoftheweb
🌐 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://remixicon.com/
Fonts 🔗 https://fonts.google.com/
GitHub 🔗 https://github.com/JulioCodes/Cris_Paul
Design 🔗 https://uihut.com/
📱 Social Media
🔗 https://www.instagram.com/juliocodes
⏱️Timestamps
00:00 Intro
00:23 Demo
01:47 Setup
03:27 Header
41:00 Showcase
51:14 Portfolio
1:05:57 Services
1:17:37 About
1:29:30 Blog
1:39:38 Footer
1:53:10 Media queries
2:08:20 Scroll animations
⚠️ 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.
#responsivewebsite #portfoliowebsite
Видео Build a responsive personal portfolio website using HTML, CSS & JavaScript канала Julio Codes
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
The only CSS animations course you'll ever need | Trailer and giveawayCreate elegant borders using this CSS property!HTML tutorial for complete beginners: MetadataWrite large CSS selectors in a more compact wayHTML tutorial for complete beginners: The document structureBuild a responsive NFT marketplace website with animations | HTML5 and CSS3 TutorialBuild And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSSBuild A Responsive Food Delivery Service Website With HTML & CSS 2022Build a Responsive Hotel Website | HTML and CSS TutorialBuild A Responsive Travel Website With HTML, CSS, and JavaScript | Full TutorialBuild A Responsive Travel Website With HTML, CSS, and JavaScript | Full TutorialResponsive Personal Portfolio Website [PART 2] | HTML and CSS TutorialRefactoring your CSS: Beginner vs AdvancedBuild A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full TutorialBuild a Responsive Website with Animations | HTML 5 and CSS 3 TutorialLet's Build A Clone Of The Discord Nitro Website With HTML, SCSS & JavaScript!Responsive Personal Portfolio Website [PART 1] | HTML and CSS TutorialHow To Make a Website Landing Page With GSAP Animations | HTML and CSS TutorialThis JavaScript API makes currency formatting easy #shortsBuild A Responsive Website With Animations | HTML & CSS Tutorial