Free Responsive Web Design Template #006

Easy HTML5 Construction

One of the secrets to learning HTML code is to USE AS LITTLE AS POSSIBLE! You should spend as much time or more learning about CSS (cascading style sheets).

This site will teach beginners the fundamentals you need to create a responsive website with HTML5.

We Focus On using as little HTML code as possible and Learning a lot of CSS

The Menu System

The drop down menu is from our free navbar collection.

It is coupled with the Toggle Menu (javascript) that kicks in for smaller devices when the drop down menu is hidden.

If you'd rather use the original lmenu system (html and css), we left the code in place and can be reactivated with a minor adjustment in the bottom of the navbar style sheet.

Media Queries

Media queries are probably the most important addition to CSS (Cascading Style Sheets) in decades. They are used to make websites responsive, which means they adapt their layout and style settings depending on the viewing size of the device or screen accessing them.

In simpler terms: Media queries let you apply different styles settings based on screen size, resolution, orientation, or other media features.

Responsive Images

One way to use images on responsive web design pages is to swap them out at various screen widths or break points using Media Queries in your style sheet.

This template uses 2 images (widths 350px and 250px)