Responsive HTML5/CSS3 Layout

Responsive HTML5/CSS3 Layout Created by twelve. This templates have specific characteristics, namely: This fluid, responsive layout, based on HTML5 & CSS3, provides an optimal viewing experience across a wide range of devices: from desktop computers to mobile phones and tablets. It uses CSS3 to adapt the layout to the viewing .

You can use this Responsive HTML5/CSS3 Layout on Css category for all devices, basic, css3, desktop, fluid, html5, layout, mobile, responsive and another uses.

Responsive HTML5/CSS3 Layout
© Copyright by twelve

Features:

  • None: None
  • Css2, css3: CSS2, CSS3
  • None: None
  • Ie7, ie8, ie9, firefox, safari, opera, chrome: IE7, IE8, IE9, Firefox, Safari, Opera, Chrome
  • Javascript js, html, css: JavaScript JS, HTML, CSS

This fluid, responsive layout, based on HTML5 & CSS3, provides an optimal viewing experience across a wide range of devices: from desktop computers to mobile phones and tablets. It uses CSS3 to adapt the layout to the viewing environment.

Video preview

Features:

  • Fluid layout (100% or 80% width, or you can set any other width you want);
  • This pack includes 4 pages with basic design and different layout examples: one column, two equal columns, two non-equal columns (main column plus sidebar), three columns. You can use them in any combination;
  • Two CSS3 based navigation bars: horizontal dropdown and vertical accordeon;
  • Resizable images;
  • Resizable form;
  • Resizable Google maps;
  • Clean and well-commented HTML and CSS code.

Absolutely responsive: tested on different devices with different screen resolutions.

  • Tested browsers: IE7-9, Firefox 3-15, Safari, Opera, Chrome;
  • Tested screen resolutions: from 320×240 to 1920×1080.

Please feel free to contact me if you have any questions or suggestions

Latest Update: v2.0 (09.11.2012)

  • Fix: Responsive behavior for IE7-8;
  • Improvement/Fix: Navigation panels changes & fixes;
  • Improvement: General performance (HTML & CSS optimization).