G.R.I.D is the simple way to Get Responsive elements In your Design ! G.R.I.D will help you to build a responsive template for your website, or make your existing template responsive ! G.R.I.D has also a JavaScript version, which comes with a lot of jQuery plugins to help you to boost up your website !
To get started, check out the G.R.I.D page!
You can choose one of these options to start with G.R.I.D:
- Download the latest release
- Clone the repo:
git clone https://github.com/na2axl/G.R.I.D.git
Read this Getting started page for more informations about framework.
G.R.I.D only package has all you need to use G.R.I.D on your website. Once downloaded, unzip the file to see this structure :
G.R.I.D/
├── css/
│ ├── g.r.i.d.css
│ └── g.r.i.d.min.css
├── js/
│ ├── g.r.i.d.js
│ └── g.r.i.d.min.js
└── fonts/
└── FontAwesome/
├── fontawesome-webfont.eot
├── fontawesome-webfont.svg
├── fontawesome-webfont.ttf
├── fontawesome-webfont.woff
└── FontAwesome.otf
G.R.I.D + example templates package has all you need to use G.R.I.D on your website, and all the example templates. Once downloaded, unzip the file to see this structure :
G.R.I.D/
├── examples/
│ ├── blog/
│ │ ├── img.jpg
│ │ ├── main.css
│ │ ├── index.html
│ │ └── main.js
│ ├── cover/
│ │ ├── bg.jpg
│ │ ├── main.css
│ │ ├── index.html
│ │ └── main.js
│ ├── installer/
│ │ ├── main.css
│ │ ├── index.html
│ │ └── main.js
│ ├── screenshots/
│ │ ├── blog.png
│ │ ├── cover.png
│ │ └── installer.png
├── css/
│ ├── g.r.i.d.css
│ ├── g.r.i.d.min.css
├── js/
│ ├── g.r.i.d.js
│ ├── g.r.i.d.min.js
└── fonts/
└── FontAwesome/
├── fontawesome-webfont.eot
├── fontawesome-webfont.svg
├── fontawesome-webfont.ttf
├── fontawesome-webfont.woff
└── FontAwesome.otf
All these G.R.I.D packages comes with a precompiled source version
(g.r.i.d.*
) which allow you to customize the CSS or edit our jQuery
plugins, and a precompiled minified version (g.r.i.d.min.*
) for a
direct use in your website. You can use our example templates as
given or customize it to start a new unique website with G.R.I.D !
Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.
Axel Nana
Code copyright 2015-2016 Centers Technologies, Inc. Code released under the MIT license.