Skip to content

Site files for Traversy Media's YouTube HTML5 tutorial for Beginners

Notifications You must be signed in to change notification settings

AdamRj-765/Traversey-Media-HTML-04

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Traversy Media's YouTube: Build An HTML5 Website With A Responsive Layout

I have re-created the site files for Traversy Media's popular YouTube video "Build An HTML5 Website With A Responsive Layout" for anyone to use in place of the no longer functioning download links in the video description labeled:

CODE DOWNLOAD: https://www.traversymedia.com/download/...

I actually found the URL for the download as being this that DOES work:

http:https://www.traversymedia.com/downloads/acme_website.zip

That link does not work from YouTube but will work if you use the link above as it will download a zip file with the original site files provided by Traversy Media

The video is located here and is still viewable: https://www.youtube.com/watch?v=Wm6CUkswsNw&t=8s&ab_channel=TraversyMedia

The description of the video is thus: 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.

Omni-Solutions Tech wishes to thank Traversy Media for thier source code and wonderful tutorial. We recommend this video to any of our staff who wish to move into our development department and who may have little to no HTML5 coding experience and we believe this is a good place for beginner web developers.

We have also added stepped index.html files that are numbered in the following manor:

index-0005-0005-0005.html -is the first few steps of code added to the index file. index-0005-0005-0010.html -is the second index file with a few more lines of code added. etc.

The same goes for the css files. They are linked to the index file numbering system as well, therefore:

style-0005-0005-0025.css has code that was added at the time that index-0005-0005-0025.html file had it's code added. etc.

This way the audience can see the progression of the code in steps if they wish to do so. For any of the files, the regularly named index.html and style.css are the most developed and ready to be served as site files.

We have also mapped out visually the file system schema for the site files as seen below:

Traversey-Media-HTML-04/
├── .git/
├── acme/
|   ├── css/
|   |   ├──style-0005-0005-0025.css
|   |   ├── style-0005-0005-0030.css
|   |   ├── style-0005-0005-0035.css
|   |   ├── style-0005-0005-0040.css
|   |   ├──style-0005-0005-0045.css
|   |   ├── style-0005-0005-0050.css
|   |   ├── style-0005-0005-0055.css
|   |   ├── style-0005-0005-0060.css
|   |   ├── style-0005-0005-0065.css
|   |   ├── style-0005-0005-0070.css
|   |   ├── style-0005-0005-0075.css
|   |   ├── style-0005-0005-0080.css
|   |   ├── style-0005-0005-0085.css
|   |   └── style.css
|   ├── img/
|   |   ├── logo_brush.png
|   |   ├── logo_css.png
|   |   ├── logo_html.png
|   |   └── showcase.jpg
|   ├── about-0005-0005-0050.html
|   ├── about-0005-0005-0060.html
|   ├── about.html
|   ├── index-0005-0005-0005.html
|   ├── index-0005-0005-0010.html
|   ├── index-0005-0005-0015.html
|   ├── index-0005-0005-0020.html
|   ├── index-0005-0005-0025.html
|   ├── index-0005-0005-0030.html
|   ├── index-0005-0005-0035.html
|   ├── index.html
|   ├── services-0005-0005-0060.html
|   └── services.html
├── .gitattributes
├── .gitignore
├── LICENSE.md
└── README.md

About

Site files for Traversy Media's YouTube HTML5 tutorial for Beginners

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published