[nd_container different_values=”0″]
[nd_title title=”COLOR LIBRARY” underline=”c-line-center c-theme-bg” label_align=”c-center” bg_color=”green” different_values=”0″ style_margin_top=”60″]
[/nd_title]
[html format=”ckeditor” different_values=”0″]
JANGO Provides super flexible color helper classes to customize element colors on fly without editing any css.
Click below color options to view usage demos.
[/html]
[html format=”html” different_values=”0″ style_margin_top=”60″]
Sample text… Sample text… Sample text…
class="c-font-white"
Some sample box
class="c-border-white"
Some sample box
class="c-bg-white c-bg-white-font"
Button
class="c-btn-border-1x c-btn-white"
Button
class="c-btn-border-2x c-btn-white"
Sample text… Sample text… Sample text…
class="c-font-black"
Some sample box
class="c-border-black"
Some sample box
class="c-bg-black c-bg-black-font"
Button
class="c-btn-border-1x c-btn-black"
Button
class="c-btn-border-2x c-btn-black"
Sample text… Sample text… Sample text…
class="c-font-regular"
Some sample box
class="c-border-regular"
Some sample box
class="c-bg-regular c-bg-regular-font"
Button
class="c-btn-border-1x c-btn-regular"
Button
class="c-btn-border-2x c-btn-regular"
Sample text… Sample text… Sample text…
class="c-font-green"
Some sample box
class="c-border-green"
Some sample box
class="c-bg-green c-bg-green-font"
Button
class="c-btn-border-1x c-btn-green"
Button
class="c-btn-border-2x c-btn-green"
Sample text… Sample text… Sample text…
class="c-font-green-1"
Some sample box
class="c-border-green-1"
Some sample box
class="c-bg-green-1 c-bg-green-1-font"
Button
class="c-btn-border-1x c-btn-green-1"
Button
class="c-btn-border-2x c-btn-green-1"
Sample text… Sample text… Sample text…
class="c-font-green-2"
Some sample box
class="c-border-green-2"
Some sample box
class="c-bg-green-2 c-bg-green-2-font"
Button
class="c-btn-border-1x c-btn-green-2"
Button
class="c-btn-border-2x c-btn-green-2"
Sample text… Sample text… Sample text…
class="c-font-green-3"
Some sample box
class="c-border-green-3"
Some sample box
class="c-bg-green-3 c-bg-green-3-font"
Button
class="c-btn-border-1x c-btn-green-3"
Button
class="c-btn-border-2x c-btn-green-3"
Sample text… Sample text… Sample text…
class="c-font-red"
Some sample box
class="c-border-red"
Some sample box
class="c-bg-red c-bg-red-font"
Button
class="c-btn-border-1x c-btn-red"
Button
class="c-btn-border-2x c-btn-red"
Sample text… Sample text… Sample text…
class="c-font-red-1"
Some sample box
class="c-border-red-1"
Some sample box
class="c-bg-red-1 c-bg-red-1-font"
Button
class="c-btn-border-1x c-btn-red-1"
Button
class="c-btn-border-2x c-btn-red-1"
Sample text… Sample text… Sample text…
class="c-font-red-2"
Some sample box
class="c-border-red-2"
Some sample box
class="c-bg-red-2 c-bg-red-2-font"
Button
class="c-btn-border-1x c-btn-red-2"
Button
class="c-btn-border-2x c-btn-red-2"
Sample text… Sample text… Sample text…
class="c-font-red-3"
Some sample box
class="c-border-red-3"
Some sample box
class="c-bg-red-3 c-bg-red-3-font"
Button
class="c-btn-border-1x c-btn-red-3"
Button
class="c-btn-border-2x c-btn-red-3"
Sample text… Sample text… Sample text…
class="c-font-yellow"
Some sample box
class="c-border-yellow"
Some sample box
class="c-bg-yellow c-bg-yellow-font"
Button
class="c-btn-border-1x c-btn-yellow"
Button
class="c-btn-border-2x c-btn-yellow"
Sample text… Sample text… Sample text…
class="c-font-yellow-1"
Some sample box
class="c-border-yellow-1"
Some sample box
class="c-bg-yellow-1 c-bg-yellow-1-font"
Button
class="c-btn-border-1x c-btn-yellow-1"
Button
class="c-btn-border-2x c-btn-yellow-1"
Sample text… Sample text… Sample text…
class="c-font-yellow-2"
Some sample box
class="c-border-yellow-2"
Some sample box
class="c-bg-yellow-2 c-bg-yellow-2-font"
Button
class="c-btn-border-1x c-btn-yellow-2"
Button
class="c-btn-border-2x c-btn-yellow-2"
Sample text… Sample text… Sample text…
class="c-font-yellow-3"
Some sample box
class="c-border-yellow-3"
Some sample box
class="c-bg-yellow-3 c-bg-yellow-3-font"
Button
class="c-btn-border-1x c-btn-yellow-3"
Button
class="c-btn-border-2x c-btn-yellow-3"
Sample text… Sample text… Sample text…
class="c-font-blue"
Some sample box
class="c-border-blue"
Some sample box
class="c-bg-blue c-bg-blue-font"
Button
class="c-btn-border-1x c-btn-blue"
Button
class="c-btn-border-2x c-btn-blue"
Sample text… Sample text… Sample text…
class="c-font-blue-1"
Some sample box
class="c-border-blue-1"
Some sample box
class="c-bg-blue-1 c-bg-blue-1-font"
Button
class="c-btn-border-1x c-btn-blue-1"
Button
class="c-btn-border-2x c-btn-blue-1"
Sample text… Sample text… Sample text…
class="c-font-blue-2"
Some sample box
class="c-border-blue-2"
Some sample box
class="c-bg-blue-2 c-bg-blue-2-font"
Button
class="c-btn-border-1x c-btn-blue-2"
Button
class="c-btn-border-2x c-btn-blue-2"
Sample text… Sample text… Sample text…
class="c-font-blue-3"
Some sample box
class="c-border-blue-3"
Some sample box
class="c-bg-blue-3 c-bg-blue-3-font"
Button
class="c-btn-border-1x c-btn-blue-3"
Button
class="c-btn-border-2x c-btn-blue-3"
Sample text… Sample text… Sample text…
class="c-font-purple"
Some sample box
class="c-border-purple"
Some sample box
class="c-bg-purple c-bg-purple-font"
Button
class="c-btn-border-1x c-btn-purple"
Button
class="c-btn-border-2x c-btn-purple"
Sample text… Sample text… Sample text…
class="c-font-purple-1"
Some sample box
class="c-border-purple-1"
Some sample box
class="c-bg-purple-1 c-bg-purple-1-font"
Button
class="c-btn-border-1x c-btn-purple-1"
Button
class="c-btn-border-2x c-btn-purple-1"
Sample text… Sample text… Sample text…
class="c-font-purple-2"
Some sample box
class="c-border-purple-2"
Some sample box
class="c-bg-purple-2 c-bg-purple-2-font"
Button
class="c-btn-border-1x c-btn-purple-2"
Button
class="c-btn-border-2x c-btn-purple-2"
Sample text… Sample text… Sample text…
class="c-font-purple-3"
Some sample box
class="c-border-purple-3"
Some sample box
class="c-bg-purple-3 c-bg-purple-3-font"
Button
class="c-btn-border-1x c-btn-purple-3"
Button
class="c-btn-border-2x c-btn-purple-3"
Sample text… Sample text… Sample text…
class="c-font-brown"
Some sample box
class="c-border-brown"
Some sample box
class="c-bg-brown c-bg-brown-font"
Button
class="c-btn-border-1x c-btn-brown"
Button
class="c-btn-border-2x c-btn-brown"
Sample text… Sample text… Sample text…
class="c-font-brown-1"
Some sample box
class="c-border-brown-1"
Some sample box
class="c-bg-brown-1 c-bg-brown-1-font"
Button
class="c-btn-border-1x c-btn-brown-1"
Button
class="c-btn-border-2x c-btn-brown-1"
Sample text… Sample text… Sample text…
class="c-font-brown-2"
Some sample box
class="c-border-brown-2"
Some sample box
class="c-bg-brown-2 c-bg-brown-2-font"
Button
class="c-btn-border-1x c-btn-brown-2"
Button
class="c-btn-border-2x c-btn-brown-2"
Sample text… Sample text… Sample text…
class="c-font-brown-3"
Some sample box
class="c-border-brown-3"
Some sample box
class="c-bg-brown-3 c-bg-brown-3-font"
Button
class="c-btn-border-1x c-btn-brown-3"
Button
class="c-btn-border-2x c-btn-brown-3"
Sample text… Sample text… Sample text…
class="c-font-dark"
Some sample box
class="c-border-dark"
Some sample box
class="c-bg-dark c-bg-dark-font"
Button
class="c-btn-border-1x c-btn-dark"
Button
class="c-btn-border-2x c-btn-dark"
Sample text… Sample text… Sample text…
class="c-font-dark-1"
Some sample box
class="c-border-dark-1"
Some sample box
class="c-bg-dark-1 c-bg-dark-1-font"
Button
class="c-btn-border-1x c-btn-dark-1"
Button
class="c-btn-border-2x c-btn-dark-1"
Sample text… Sample text… Sample text…
class="c-font-dark-2"
Some sample box
class="c-border-dark-2"
Some sample box
class="c-bg-dark-2 c-bg-dark-2-font"
Button
class="c-btn-border-1x c-btn-dark-2"
Button
class="c-btn-border-2x c-btn-dark-2"
Sample text… Sample text… Sample text…
class="c-font-dark-3"
Some sample box
class="c-border-dark-3"
Some sample box
class="c-bg-dark-3 c-bg-dark-3-font"
Button
class="c-btn-border-1x c-btn-dark-3"
Button
class="c-btn-border-2x c-btn-dark-3"
Sample text… Sample text… Sample text…
class="c-font-grey"
Some sample box
class="c-border-grey"
Some sample box
class="c-bg-grey c-bg-grey-font"
Button
class="c-btn-border-1x c-btn-grey"
Button
class="c-btn-border-2x c-btn-grey"
Sample text… Sample text… Sample text…
class="c-font-grey-1"
Some sample box
class="c-border-grey-1"
Some sample box
class="c-bg-grey-1 c-bg-grey-1-font"
Button
class="c-btn-border-1x c-btn-grey-1"
Button
class="c-btn-border-2x c-btn-grey-1"
Sample text… Sample text… Sample text…
class="c-font-grey-2"
Some sample box
class="c-border-grey-2"
Some sample box
class="c-bg-grey-2 c-bg-grey-2-font"
Button
class="c-btn-border-1x c-btn-grey-2"
Button
class="c-btn-border-2x c-btn-grey-2"
Sample text… Sample text… Sample text…
class="c-font-grey-3"
Some sample box
class="c-border-grey-3"
Some sample box
class="c-bg-grey-3 c-bg-grey-3-font"
Button
class="c-btn-border-1x c-btn-grey-3"
Button
class="c-btn-border-2x c-btn-grey-3"
[/html]
[/nd_container]
