Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Lightweight Responsive CSS Grid System, build to be Simple Fast and Intuitive, only 1kb minified.

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 css
Octocat-spinner-32 images
Octocat-spinner-32 templates
Octocat-spinner-32 .gitignore
Octocat-spinner-32 LICENSE.md
Octocat-spinner-32 README.md
Octocat-spinner-32 index.html
README.md

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

Something went wrong with that request. Please try again.