In this video we will build a clean coded responsive mobile friendly HTML5 website for a fictional web design company. We will go over semantic HTML tags like header and footer as well as the basics of HTML and CSS. This is a great project for beginners.

Like this? Check out my 21 hour HTML/CSS course:
https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306

CODE DOWNLOAD:
http://www.traversymedia.com/downloads/acme_website.zip

SUGGESTED VIDEOS:
HTML Crash Course For Absolute Beginners –
https://www.youtube.com/watch?v=UB1O30fR-EE
Product Landing Page (CSS Grid) – https://www.youtube.com/watch?v=61R5kn_kYwY&feature=youtu.be

BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia

ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

COURSES & MORE INFO:
http://www.traversymedia.com

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia

NEW DISCORD CHAT SERVER:
https://discord.gg/traversymedia

source

35 Comments

  1. gracias hermanos por compartir este video, asi no entienda el ingles, apredi bastante con tu video y me queda claro como se realizan los sitios webs adaptables a dispositivos moviles. ahora realizare un sitio con este conocimiento. Gracias bro.

  2. Thanks much for making such an amazing tutorial!

    I'm sorry If it sounds silly! ЁЯЩВ
    in CSS you used:
    body{
    font: 15px/ 1.5 Arial, Helvetica, sans-serif;
    }
    But I get confused about why forward slash after 15px, not a comma, or why space only after 1.5 but no slash or comma?
    How ould I know when to use what, Is there any way I can get a better understanding of this?

  3. before I thank you very much for this extremely enriching tuto.
    but I donтАЩt get the same thing or definition.
    please, someone could send me the source file so I can correct myself.
    i copied exactly on the video but did not appear correctly.
    thank you for your understanding.

Leave A Reply

Please enter your comment!
Please enter your name here