Build A Responsive Food Delivery Service Website With HTML & CSS 2022
In this lesson we will use HTML, CSS, and a little bit of JavaScript to build a responsive food delivery service 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 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://remixicon.com/
Fonts 🔗 https://fonts.google.com/
GitHub 🔗 https://github.com/jlop007/Grover-Starter
Design 🔗 https://uihut.com/
📱 Social Media
🔗 https://www.instagram.com/juliocodes
⏱️Timestamps
0:00 Intro & Demo
1:50 Setup
3:25 Header - HTML
10:15 Base CSS
12:00 Header - CSS
39:30 JavaScript interactions
46:43 Hero - HTML
52:57 Hero - CSS
1:11:45 What we serve - HTML
1:15:53 What we serve - CSS
1:21:44 Why choose us - HTML
1:24:28 Why choose us - CSS
1:27:22 Home delivery - HTML
1:28:30 Home delivery - CSS
1:30:00 Download our app - HTML
1:34:00 Download our app - CSS
1:37:12 Footer - HTML
1:43:46 Footer - CSS
1:51:00 Media queries
⚠️ 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 A Responsive Food Delivery Service Website With HTML & CSS 2022 канала Julio Codes
☕ 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://remixicon.com/
Fonts 🔗 https://fonts.google.com/
GitHub 🔗 https://github.com/jlop007/Grover-Starter
Design 🔗 https://uihut.com/
📱 Social Media
🔗 https://www.instagram.com/juliocodes
⏱️Timestamps
0:00 Intro & Demo
1:50 Setup
3:25 Header - HTML
10:15 Base CSS
12:00 Header - CSS
39:30 JavaScript interactions
46:43 Hero - HTML
52:57 Hero - CSS
1:11:45 What we serve - HTML
1:15:53 What we serve - CSS
1:21:44 Why choose us - HTML
1:24:28 Why choose us - CSS
1:27:22 Home delivery - HTML
1:28:30 Home delivery - CSS
1:30:00 Download our app - HTML
1:34:00 Download our app - CSS
1:37:12 Footer - HTML
1:43:46 Footer - CSS
1:51:00 Media queries
⚠️ 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 A Responsive Food Delivery Service Website With HTML & CSS 2022 канала 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 Hotel Website | HTML and CSS TutorialBuild A Responsive Travel Website With HTML, CSS, and JavaScript | Full TutorialBuild a responsive personal portfolio website using HTML, CSS & JavaScriptBuild 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