Recent changes to Home

Home modified by Zimalks

Zimalks — Wed, 16 Nov 2016 21:55:34 -0000

--- v8
+++ v9
@@ -24,7 +24,7 @@
 6.  [Card](http://g16framework.org/components/card) 
 7.  [Containers](http://g16framework.org/components/container) 
 8.  [Colors](http://g16framework.org/components/color)
-24. [View all](http://g16framework.org/components/)
+9.  [View all](http://g16framework.org/components/)
 # The full library zip file
 The full library file is the combination of the **g16library files** and the** g16component files**. The complete files have fully compressed and zipped into one single files. Decompressed files contains all the CSS Plugins required to kick start your website design.

Home modified by Zimalks

Zimalks — Wed, 16 Nov 2016 21:54:54 -0000

--- v7
+++ v8
@@ -1,6 +1,6 @@
  Welcome to the cssplugins wiki!

-G16 framework is 100% CSS based framework with no single code of javascript. It is lightweight, simple, smart and well structured modular system built upon 16 scalable grids that creates smooth and itch-free responsive layouts. It constructs relevant html elements properties by using only the inline class without writing a single code in your stylesheet.
+G16 framework is 100% CSS based framework with no single code of javascript. It is lightweight, simple, smart and well structured modular system built upon 16 scalable grids that creates smooth and itch-free [responsive layouts](http://g16framework.org/templates/Wireframe-Layouts-C8.html). It constructs relevant html elements properties by using only the [inline class](http://g16framework.org/tools/g16reference) without writing a single code in your stylesheet.

 The system generates clean HTML & CSS modular templates for [typography](http://g16framework.org/components/typography), [grids](http://g16framework.org/components/grid), [form control](http://g16framework.org/components/input-control), [navigation](http://g16framework.org/components/navigation), modal, gallery, accordion and many more features. The system comes with an inbuilt generator such as grid designer and web page flow layout, a reference tool such as test lab that tests the behaviours of all available classes.

@@ -15,6 +15,16 @@
 *  Scalable grid layout system
 *  Cross Browser compatibility features with all major modern browsers.

+Featured Plugins Collection
+1.  [Accordion](http://g16framework.org/components/accordion) 
+2.  [Badge](http://g16framework.org/components/badge) 
+3.  [Bar](http://g16framework.org/components/bars-M3.html)
+4.  [Boxes](http://g16framework.org/components/box) 
+5.  [Buttons](http://g16framework.org/components/buttons)
+6.  [Card](http://g16framework.org/components/card) 
+7.  [Containers](http://g16framework.org/components/container) 
+8.  [Colors](http://g16framework.org/components/color)
+24. [View all](http://g16framework.org/components/)
 # The full library zip file
 The full library file is the combination of the **g16library files** and the** g16component files**. The complete files have fully compressed and zipped into one single files. Decompressed files contains all the CSS Plugins required to kick start your website design.

Home modified by Zimalks

Zimalks — Wed, 16 Nov 2016 08:44:20 -0000

--- v6
+++ v7
@@ -14,6 +14,9 @@
 *  A code base editor that enables testing of all g16classes.
 *  Scalable grid layout system
 *  Cross Browser compatibility features with all major modern browsers.
+
+# The full library zip file
+The full library file is the combination of the **g16library files** and the** g16component files**. The complete files have fully compressed and zipped into one single files. Decompressed files contains all the CSS Plugins required to kick start your website design.

 # **How to use**

Home modified by Zimalks

Zimalks — Fri, 21 Oct 2016 02:32:55 -0000

--- v5
+++ v6
@@ -4,7 +4,7 @@

 The system generates clean HTML & CSS modular templates for [typography](http://g16framework.org/components/typography), [grids](http://g16framework.org/components/grid), [form control](http://g16framework.org/components/input-control), [navigation](http://g16framework.org/components/navigation), modal, gallery, accordion and many more features. The system comes with an inbuilt generator such as grid designer and web page flow layout, a reference tool such as test lab that tests the behaviours of all available classes.

-## ## ****Features****
+# **Features**

 *  Over 1500 unique inline class [plugins](http://g16framework.org/tools/g16reference).
 *  100% CSS based code with zero javascript
@@ -14,3 +14,27 @@
 *  A code base editor that enables testing of all g16classes.
 *  Scalable grid layout system
 *  Cross Browser compatibility features with all major modern browsers.
+
+# **How to use**
+
+For single plugins applications, download only the required css plugin and implement it as show below.
+The below sample shows the application of badge plugins
+~~~
+ <link href="badge.css" rel="stylesheet"/>
+~~~
+This is useful if you intend to apply a badge to your existing project. Learn more about the[ css plugins](http://g16framework.org/components)
+
+For multiple requests, call g16components.css from g16library , this file contains all the necessary plugins require to build website from scratch without writing a single line of code. You will need to download the g16library to utilitize this class.
+Implementation
+~~~
+ <link href="g16library/css/g16components.css" rel="stylesheet"/>
+~~~
+
+If the entire g16-library is downloaded instead, the implementation should be done as shown below.
+Note: The g16library comprise the 25 css plugins including the fonts class (combination of web-base and google-fonts ), and the icons.
+
+To implement only a single class from the library, add a link as shown below within the header of your document
+
+~~~
+ <link href="g16library/css/badge.css" rel="stylesheet"/>
+~~~

Discussion for Home page

Zimalks — Sat, 15 Oct 2016 10:56:05 -0000

How to use

For single plugins applications, download only the required css plugin and implement it as show below.
The below sample shows the application of badge plugins

 <link href="badge.css" rel="stylesheet" />

For multiple requests, call the g16components.css, this file contains all the necessary plugins require to
build website from scratch without writing a single line of code.
Implementation

 <link href="g16components.css" rel="stylesheet" />

If the entire g16-library is downloaded instead, the implementation should be done as shown below.
Note: The g16library comprise the 25 css plugins, the fonts class (web-base and google-fonts ), and the icons,

 <link href="g16library/css/badge.css" rel="stylesheet" />

 <link href="g16library/css/components.css" rel="stylesheet" />

Home modified by Zimalks