Skip to main content
Loading...
[nd_bg banner="0" slider="0" extra_classes="page-section" different_values="0" bg_repeat="repeat" no_paddings="0" bg_texture="0" full_height="0" full_width_container="0" full_width="1"] [nd_container different_values="0" extra_classes="relative"] [nd_title extra_classes="section-title mb-70 mb-sm-40" size="h2" different_values="0" title="Buttons on white" styled="1" uppercase="0"] [/nd_title] [row different_values="0"] [col wide="3" desktop="3" tablet="6" different_values="0" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" invert="0" block="1" different_values="0" text="Button" color="dark" size="large" border="0"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" text="Button" color="dark" size="medium" block="1" border="0"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" text="Button" color="dark" size="small" block="1"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" text="Button" color="dark" block="1" border="0"] [/nd_button] [/col] [col wide="3" desktop="3" tablet="6" different_values="0" style_margin_bottom="40"] [nd_button block="1" different_values="0" text="Button" color="dark" size="large" border="1" invert="0" colored="1" colored_text="0"] [/nd_button] [nd_button different_values="0" text="Button" color="dark" size="medium" block="1" border="1" invert="0" colored="1" colored_text="0"] [/nd_button] [nd_button different_values="0" text="Button" color="dark" size="small" block="1" border="1" invert="0" colored="1" colored_text="0"] [/nd_button] [nd_button different_values="0" text="Button" color="dark" block="1" border="1" invert="0" colored="1" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button border="0" different_values="0" block="1" size="large" color="dark" text="Button" invert="0" button_type="border" colored="0" colored_text="0"] [/nd_button] [nd_button border="0" different_values="0" block="1" size="medium" color="dark" text="Button" button_type="border" invert="0" colored="0" colored_text="0"] [/nd_button] [nd_button border="0" different_values="0" block="1" size="small" color="dark" text="Button" button_type="border" invert="0" colored="0" colored_text="0"] [/nd_button] [nd_button border="0" different_values="0" block="1" color="dark" text="Button" button_type="border" invert="0" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button button_type="border" different_values="0" border="1" block="1" text="Button" size="large" color="dark" invert="0" colored="1" colored_text="0"] [/nd_button] [nd_button button_type="border" different_values="0" border="1" block="1" text="Button" size="medium" color="dark" invert="0" colored="1" colored_text="0"] [/nd_button] [nd_button button_type="border" different_values="0" border="1" block="1" text="Button" size="small" color="dark" invert="0" colored="1" colored_text="0"] [/nd_button] [nd_button button_type="border" different_values="0" border="1" block="1" text="Button" color="dark" invert="0" colored="1" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="large" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="medium" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="small" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" color="grey"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="1" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="large" color="grey"] [/nd_button] [nd_button colored_text="0" colored="1" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="medium" color="grey"] [/nd_button] [nd_button colored_text="0" colored="1" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="small" color="grey"] [/nd_button] [nd_button colored_text="0" colored="1" invert="0" different_values="0" border="0" block="1" display="btn-circle" text="Button" color="grey"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" invert="0" button_type="border" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="large" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" button_type="border" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="medium" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" button_type="border" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="small" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" button_type="border" different_values="0" border="0" block="1" display="btn-circle" text="Button" color="grey"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button button_type="gray" different_values="0" border="0" block="1" display="circle" text="Button" size="large" color="grey"] [/nd_button] [nd_button button_type="gray" different_values="0" border="0" block="1" display="circle" text="Button" size="medium" color="grey"] [/nd_button] [nd_button button_type="gray" different_values="0" border="0" block="1" display="circle" text="Button" size="small" color="grey"] [/nd_button] [nd_button button_type="gray" different_values="0" border="0" block="1" display="circle" text="Button" color="grey"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" invert="0" button_type="gray" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="large" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" button_type="gray" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="medium" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" button_type="gray" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="small" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" button_type="gray" different_values="0" border="0" block="1" display="btn-circle" text="Button" color="grey"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-round" text="Button" size="large" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-round" text="Button" size="medium" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-round" text="Button" size="small" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" invert="0" different_values="0" border="0" block="1" display="btn-round" text="Button" color="grey"] [/nd_button] [/col] [/row] [/nd_container] [/nd_bg] [nd_bg extra_classes="page-section" different_values="0" bg_repeat="repeat" no_paddings="0" bg_texture="0" full_height="0" full_width_container="0" full_width="1" color="bg-dark-lighter" slider="0" banner="0"] [nd_container different_values="0"] [nd_title title="Buttons on dark" size="h2" extra_classes="section-title mb-70 mb-sm-40" different_values="0" styled="1" uppercase="0"] [/nd_title] [row different_values="0"] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" colored="0" colored_text="0"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" colored="0" colored_text="0"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" colored="0" colored_text="0"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" color="grey" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" colored="1" colored_text="0"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" colored="1" colored_text="0"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" colored="1" colored_text="0"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" color="grey" colored="1" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" button_type="border" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1"] [/nd_button] [nd_button colored_text="0" colored="0" button_type="border" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" button_type="border" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey"] [/nd_button] [nd_button colored_text="0" colored="0" button_type="border" invert="1" different_values="0" border="0" block="1" text="Button" color="grey"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="1" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" button_type="border"] [/nd_button] [nd_button colored_text="0" colored="1" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" button_type="border"] [/nd_button] [nd_button colored_text="0" colored="1" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" button_type="border"] [/nd_button] [nd_button colored_text="0" colored="1" invert="1" different_values="0" border="0" block="1" text="Button" color="grey" button_type="border"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button colored_text="0" colored="0" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" display="btn-circle"] [/nd_button] [nd_button colored_text="0" colored="0" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" display="btn-circle"] [/nd_button] [nd_button colored_text="0" colored="0" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" display="btn-circle"] [/nd_button] [nd_button colored_text="0" colored="0" invert="1" different_values="0" border="0" block="1" text="Button" color="grey" display="btn-circle"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button button_type="border" colored_text="0" colored="0" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" display="btn-circle"] [/nd_button] [nd_button button_type="border" colored_text="0" colored="0" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" display="btn-circle"] [/nd_button] [nd_button button_type="border" colored_text="0" colored="0" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" display="btn-circle"] [/nd_button] [nd_button button_type="border" colored_text="0" colored="0" invert="1" different_values="0" border="0" block="1" text="Button" color="grey" display="btn-circle"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button icon="fa fa-usd" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" colored="0" colored_text="0"] [/nd_button] [nd_button icon="fa fa-glass" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button icon="fa fa-heart" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button icon="fa fa-envelope" invert="1" different_values="0" border="0" block="1" text="Button" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button button_type="border" icon="fa fa-usd" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button button_type="border" icon="fa fa-glass" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button button_type="border" icon="fa fa-heart" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button button_type="border" icon="fa fa-envelope" invert="1" different_values="0" border="0" block="1" text="Button" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button icon="fa fa-usd" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="large" color="grey" invert="1" colored="0" colored_text="0"] [/nd_button] [nd_button icon="fa fa-glass" invert="1" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="medium" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button icon="fa fa-heart" invert="1" different_values="0" border="0" block="1" display="btn-circle" text="Button" size="small" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button icon="fa fa-envelope" invert="1" different_values="0" border="0" block="1" display="btn-circle" text="Button" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="0" button_type="glass" colored="0" colored_text="0"] [/nd_button] [nd_button invert="0" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" icon_position="beside" button_type="glass" colored="0" colored_text="0"] [/nd_button] [nd_button invert="0" different_values="0" border="0" block="1" text="Button" size="small" color="grey" icon_position="beside" button_type="glass" colored="0" colored_text="0"] [/nd_button] [nd_button invert="0" different_values="0" border="0" block="1" text="Button" color="grey" icon_position="beside" button_type="glass" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button display="btn-round" different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" colored="0" colored_text="0"] [/nd_button] [nd_button display="btn-round" invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button display="btn-round" invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [nd_button display="btn-round" invert="1" different_values="0" border="0" block="1" text="Button" color="grey" icon_position="beside" colored="0" colored_text="0"] [/nd_button] [/col] [col different_values="0" tablet="6" desktop="3" wide="3" style_margin_bottom="40"] [nd_button different_values="0" border="0" block="1" text="Button" size="large" color="grey" invert="1" colored="0" colored_text="1"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" size="medium" color="grey" icon_position="beside" colored="0" colored_text="1"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" size="small" color="grey" icon_position="beside" colored="0" colored_text="1"] [/nd_button] [nd_button invert="1" different_values="0" border="0" block="1" text="Button" color="grey" icon_position="beside" colored="0" colored_text="1"] [/nd_button] [/col] [/row] [/nd_container] [/nd_bg]

Buttons