Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

71 lines (39 sloc) 1.874 kB

ResponsiveAeon, elegant & minimalistic CSS grid system!

Simple, fast and intuitive! this matter!

SASS and LESS are awesome tools, Grunt.js and Node.js kick ass, but what about the beginners?


A simple and minimalist alternative to start with Responsive Design and fluid Grids for WebDesigners.

Features:

  • Extreme simple responsive grid system based on 12 columns layout.

  • Only one CSS file.

  • Ease names to remember, col + 1 = col1. So just: col1, col2, col3 and goes on.

  • Friendly warning to OLD browsers.

  • Include AI and PNG templates for Designers.

  • Include HTML5 index example file.


Folder & File Structure:

CSS - folder (aeon-grid.css, aeon-grid.min.css).

JS - folder (Place your Scripts Here).

Images - folder (favicon.ico and iphone icons).

Templates - folder (Ai, Png files).


Quick start

1. Include the CSS stylesheet on your own HTML file or use our index file.

<link rel="stylesheet" type="text/css" media="all" href="css/aeon-grid.css" />

2. Compose the HTML like the example.

<div class="container">
    <div class="content">
        <!--Do all your markup here between content class-->
        <div class="col6"></div>
        <div class="col6"></div>
        <div class="col4"></div>
        <div class="col4"></div>
        <div class="col4"></div>
    </div>
</div>

3. Done! there's no more to learn. Simple, Fast and Intuitive.


More infos on: http://www.newaeonweb.com.br/responsiveaeon/

A simple demo can be checked here: http://www.newaeonweb.com.br/responsiveaeon/demo/demo.html

Enjoy and contribute!

Bitdeli Badge

Jump to Line
Something went wrong with that request. Please try again.