joccaweb / html5-template

An HTML 5 Template, responsive, with vanilla CSS

An HTML5 Template

A responsive template with vanilla CSS and JS and jQuery.

Handy for comparing with for example Bootstrap CSS code and for creating a working layout for a site without for example Bootstrap. The layout is float-based.

Update 2018:
Maybe it's advisable to replace the floats with a flex-box layout. See the credits.

The Goal

To have an HTML5 template-site with a header, a main menu (and alternate menu), a footer and two mid-sections. Responsive of course, through the use of media queries.

This template is inspired by www.lingulo.com and www.tutorialzine.com.

Credits

• Christoph Anastasiades' GitHub
• the lingulo tutorial
• The CSS reset: Eric Meyer, see reset.css.
• Copyright free Clock and Paper Plane icon provided by Flat Icon
• TaniaRascia.com, very insightful site for starting webdevelopers.
• Create an easy Flexbox grid
• Complete guide to Flexbox