feature-list

This is a great plugin for showing your product features dynamically.

Getting Started

You need to call featureList() on an container element, with any selector, you like to intialize the plugin.

View Demo

$3

``
$ npm install feature-list
`

$3

Feature-List depends on jQuery.

`
// css styles

// This is optional. Use only for better grid and responsiveness.
// We have used icofont as our default icon set. You may like to use 'fontawesome' or other.


// Js files


// This is optional. Use only for better grid and responsiveness.

`

$3

`

.................

`
`

Any element you want to show- Image, Text, Icon etc.

Just style it in your own way.

..................
`

$3

Upto six icons and details are styled. If you want to use more or less, style it in your own way.

$3

A step by step series of examples that tell you How to Install

Simple installation

`
$('.featureList').featureList()
`

Or, with options

`
$('.featureList').featureList({
iconBackground: "rgba(0,0,0,0.1)",
speed: 3000
});
`

Options

`
iconColor: Hex/rgb/rgba/color-name, //Type-'string', default-'#404040'
iconSize: px/em/rem/vh/vw/vmin/vmax, //Type-'string'/number, default-'80px'
iconPadding: px/em/rem/vh/vw/vmin/vmax, //Type-'string'/number, default-'10px'
iconBackground: Hex/rgb/rgba/color-name, //Type-'string', default-'transparent'
speed: milliseconds //Type-number, default-'5000'
``

Contributing

Feel free for submitting pull requests to me.

Authors

S.M. Shakil - Initial work* - S.M.Shakil

License

This project is licensed under the MIT License - see the LICENSE.md file for details