Build a Modern Landing Page Website | HTML & CSS - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Web Development Traversy Media Video: Build a Modern Landing Page Website | HTML & CSS.
Build a clean and modern landing page website with HTML, CSS & Sass

Kevin Powell YouTube Channel:
https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw

Code:
https://github.com/kevin-powell/shoes

• Support The Channel!
http://www.patreon.com/traversymedia

Website & Brad Traversy Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

00:00 - Introduction
01:41 - Start HTML
07:57 - Start CSS
17:57 - Styling the hero
24:54 - Styling the featured section
48:23 - Styling the our products section
54:51 - Using the custom properties we set up
1:02:06 - Using floats and shape-outside
1:14:26 - Outro

Published: Monday, September 7, 2020 11:23 AM
Category: Web Development Traversy Media

50 Views

Related Videos

Build a Complete Responsive Website from Scratch | Travel Landing Page Website Design using HTML CSS

by Best Webhosting Added 3 years ago 63 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
Build a Netflix Landing Page Clone with HTML, CSS & JS

by Best Webhosting Added 4 years ago 82 Views / 0 Likes

In this video, we will re-create the Netflix landing page using HTML, CSS and a bit of JavaScript for the tabs. We will use modern CSS3+ techniques like Grid, Flex, overlays, shadows, etc Code: https://codepen.io/bradtraversy/pen/yWPONg Modern HTML & CSS Udemy Course Promo: https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get
Product Landing Page | Build & Deploy | HTML & CSS

by Best Webhosting Added 4 years ago 92 Views / 0 Likes

In this project we will build a small responsive landing page using modern css (grid, flex, media queries) and deploy it to Netlify with a working form. Code: https://codepen.io/bradtraversy/pen/MNEgoJ Udemy Course - Modern HTML & CSS From The Beginning https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.pat
Netflix Landing Page Website | Responsive Website Design using Html CSS & Javascript

by Best Webhosting Added 3 years ago 28 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
Animated Website Design using Html CSS & Javascript | Responsive Ecommerce Website Landing Page

by Best Webhosting Added 3 years ago 38 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
How to Make Website Responsive | Starbucks Landing Page Website Design using Html CSS & Javascript

by Best Webhosting Added 3 years ago 38 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
Popular
Pure CSS Landing Page Website Design | Html CSS

by Best Webhosting Added 4 years ago 107 Views / 0 Likes

Part 2 : https://www.youtube.com/watch?v=Qn7QmPoQQHs Part 3 : https://www.youtube.com/watch?v=bd3E1IGTwLU Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/Nl_4MWNh08I Free Download / Stream: http://ncs.io/SeasonsYO
CSS Landing Page Website Design with Source Code | Html CSS

by Best Webhosting Added 4 years ago 80 Views / 0 Likes

Part 1 : https://www.youtube.com/watch?v=i-wiXAl_yfQ Part 3 : https://www.youtube.com/watch?v=bd3E1IGTwLU Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Source Code : https://drive.google.com/drive/folders/1XZvVInE8Q6IHjvMJ6tyqlPZ4apR55Q6-?usp=sharing Music Credit Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release] Music provided by NoCopyrightSound
How To Make a Responsive Website | Landing Page Design using Html CSS & Javascript

by Best Webhosting Added 4 years ago 90 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ How To Make a Responsive Website Part 1 : https://www.youtube.com/watch?v=Y8GaNB9Bnh8 ------------------ Image D
Complete Responsive Movie Landing Page Website Design | Html CSS & Javascript

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ Also Watch This How to build a Complete Responsive Website from scratch | Html5 CSS3 Website Design Tutorial htt
Responsive Portfolio Landing Page Website Design Tutorial | Html CSS & Vanilla Javascript

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ In this tutorial I'll show you how to make a responsive portfolio landing Page Website design using html css and vanilla javascript from scratch without using any framework like bootstrap 4. ------------------ Join Our Channel Membership And Get Source Code
Creative Landing Page Design using Html CSS & Javascript | Website Design Tutorial

by Best Webhosting Added 3 years ago 55 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve