Elements

Cards

Cards can be of various styles with headers, media or even action buttons. They can be organized in columns as bellow. Style like shadow etc can be variable.
[dity_vcard image=»2103″ css_animation=»fadeIn»]

Card With Image

Blessed is the man who doesn’t walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh’s law. On his law he meditates day and night. He will be like a tree planted by the streams of water.

[/dity_vcard]
[dity_vcard image=»2102″ css_animation=»fadeIn»]

Card With Image

Blessed is the man who doesn’t walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh’s law. On his law he meditates day and night. He will be like a tree planted by the streams of water.

[/dity_vcard][dity_vcard invert=»card-inverse» css_animation=»fadeIn»][dity_blockquote who=»Someone famous in Source Title» extra_classes=»card-blockquote»]or now we see only a reflection as in a mirror; then we shall see face to face.[/dity_blockquote][/dity_vcard]
[dity_vcard image=»2101″ css_animation=»fadeIn»]

Card With Image

[/dity_vcard][dity_vcard image=»2100″ css_animation=»fadeIn»]

Blessed is the man who doesn’t walk in the counsel of the wicked, nor stand in the way of sinners, nor sit in the seat of scoffers; but his delight is in Yahweh’s law. On his law he meditates day and night. He will be like a tree planted by the streams of water.

[/dity_vcard]

Buttons

Three different size variations starting from large down to small buttons.

Large button. 36 pixel height, 14px font size and 30px left & right margins.

[dity_button size=»lg» text=»PRIMARY» css_animation=»fadeIn» css=».vc_custom_1482154517388{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» size=»lg» text=»SECONDARY» css_animation=»fadeIn» css=».vc_custom_1482154527273{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» size=»lg» text=»SUCCESS» css_animation=»fadeIn» css=».vc_custom_1482154535969{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» size=»lg» text=»INFO» css_animation=»fadeIn» css=».vc_custom_1482154554587{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» size=»lg» text=»WARNING» css_animation=»fadeIn» css=».vc_custom_1482154563613{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» size=»lg» text=»DANGER» css_animation=»fadeIn» css=».vc_custom_1482154572836{margin-bottom: 10px !important;}» link=»url:%23|||»]

Regular button. 36 pixel height, 14px font size and 30px left & right margins.

[dity_button text=»PRIMARY» css_animation=»fadeIn» css=».vc_custom_1482154582686{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» text=»SECONDARY» css_animation=»fadeIn» css=».vc_custom_1482154591397{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» text=»SUCCESS» css_animation=»fadeIn» css=».vc_custom_1482221274996{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» text=»INFO» css_animation=»fadeIn» css=».vc_custom_1482221293017{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» text=»WARNING» css_animation=»fadeIn» css=».vc_custom_1482221309473{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» text=»DANGER» css_animation=»fadeIn» css=».vc_custom_1482221325024{margin-bottom: 10px !important;}» link=»url:%23|||»]

Small button. 36 pixel height, 14px font size and 30px left & right margins.

[dity_button size=»sm» text=»PRIMARY» css_animation=»fadeIn» css=».vc_custom_1482221349504{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» size=»sm» text=»SECONDARY» css_animation=»fadeIn» css=».vc_custom_1482154602248{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» size=»sm» text=»SUCCESS» css_animation=»fadeIn» css=».vc_custom_1482154612084{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» size=»sm» text=»INFO» css_animation=»fadeIn» css=».vc_custom_1482154621229{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» size=»sm» text=»WARNING» css_animation=»fadeIn» css=».vc_custom_1482154629245{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» size=»sm» text=»DANGER» css_animation=»fadeIn» css=».vc_custom_1482154639578{margin-bottom: 10px !important;}» link=»url:%23|||»]

Outline Buttons

[dity_button size=»lg» text=»PRIMARY» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154650686{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» size=»lg» text=»SECONDARY» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221398764{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» size=»lg» text=»SUCCESS» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154658158{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» size=»lg» text=»INFO» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154665046{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» size=»lg» text=»WARNING» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154677537{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» size=»lg» text=»DANGER» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154688540{margin-bottom: 10px !important;}» link=»url:%23|||»]
[dity_button text=»PRIMARY» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154701598{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» text=»SECONDARY» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221440010{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» text=»SUCCESS» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221456630{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» text=»INFO» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221482589{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» text=»WARNING» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221498374{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» text=»DANGER» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221520805{margin-bottom: 10px !important;}» link=»url:%23|||»]
[dity_button size=»sm» text=»PRIMARY» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482221552829{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» size=»sm» text=»SECONDARY» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154709186{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» size=»sm» text=»SUCCESS» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154716646{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» size=»sm» text=»INFO» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154725062{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» size=»sm» text=»WARNING» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154734888{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» size=»sm» text=»DANGER» css_animation=»fadeIn» outline=»true» css=».vc_custom_1482154742903{margin-bottom: 10px !important;}» link=»url:%23|||»]

Icon Buttons

[dity_button size=»lg» text=»PRIMARY» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154754564{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» size=»lg» text=»SECONDARY» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154762828{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» size=»lg» text=»SUCCESS» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154778126{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» size=»lg» text=»INFO» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154785130{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» size=»lg» text=»WARNING» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154793874{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» size=»lg» text=»DANGER» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154803215{margin-bottom: 10px !important;}» link=»url:%23|||»]
[dity_button text=»PRIMARY» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154814332{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» text=»SECONDARY» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482221595347{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» text=»SUCCESS» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482221696817{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» text=»INFO» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482221716778{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» text=»WARNING» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482221820151{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» text=»DANGER» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482221835951{margin-bottom: 10px !important;}» link=»url:%23|||»]
[dity_button size=»sm» text=»PRIMARY» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482221852329{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»secondary» size=»sm» text=»SECONDARY» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154822821{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»success» size=»sm» text=»SUCCESS» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154831918{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»info» size=»sm» text=»INFO» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154840452{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»warning» size=»sm» text=»WARNING» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154853052{margin-bottom: 10px !important;}» link=»url:%23|||»][dity_button type=»danger» size=»sm» text=»DANGER» icon=»fa fa-cloud-download» css_animation=»fadeIn» add_icon=»true» css=».vc_custom_1482154862356{margin-bottom: 10px !important;}» link=»url:%23|||»]

Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
[dity_alert dismissable=»true» css_animation=»fadeIn» css=».vc_custom_1481011035082{margin-bottom: 30px !important;}»]This alert needs your attention, but it is not super important.[/dity_alert][dity_alert type=»info» title=»Well done!» dismissable=»true» css_animation=»fadeIn» css=».vc_custom_1481011042316{margin-bottom: 30px !important;}»]You successfully read this important alert message.[/dity_alert][dity_alert type=»warning» title=»Warning! » dismissable=»true» css_animation=»fadeIn» css=».vc_custom_1481011053777{margin-bottom: 30px !important;}»]Better check yourself, you’re not looking too good.[/dity_alert][dity_alert type=»danger» title=»Oh snap! » dismissable=»true» css_animation=»fadeIn» css=».vc_custom_1481011070262{margin-bottom: 30px !important;}»]Change a few things up and try submitting again.[/dity_alert]

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel. Nested carousels are not supported.

Forms

Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.

    Accordions & Tabs

    Use accordions and tabs that allows you to toggle content on your pages.
    [vc_accordion css_animation=»fadeIn»]

    Collapsible Group Item #1

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

    Collapsible Group Item #2

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

    Collapsible Group Item #3

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

    [/vc_accordion]
    [vc_tabs css_animation=»fadeIn»]

    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

    3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.

    Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.

    [/vc_tabs]

    Progress

    Stylize the HTML5 progress element with a few extra classes and some crafty browser-specific CSS. Be sure to read up on the browser support.

    Reticulating splines… 0%

    [dity_progress_bar percentage=»0″ css_animation=»fadeIn» css=».vc_custom_1481011403461{margin-bottom: 30px !important;}»]

    Reticulating splines… 25%

    [dity_progress_bar percentage=»25″ css_animation=»fadeIn» css=».vc_custom_1481011423339{margin-bottom: 30px !important;}»]

    Reticulating splines… 50%

    [dity_progress_bar css_animation=»fadeIn» css=».vc_custom_1481011441442{margin-bottom: 30px !important;}»]

    Reticulating splines… 75%

    [dity_progress_bar percentage=»75″ css_animation=»fadeIn» css=».vc_custom_1481011459154{margin-bottom: 30px !important;}»]

    Reticulating splines… 100%

    [dity_progress_bar percentage=»100″ css_animation=»fadeIn» css=».vc_custom_1481011522064{margin-bottom: 30px !important;}»]

    Contextual alternatives

    [dity_progress_bar type=»success» percentage=»25″ css_animation=»fadeIn» css=».vc_custom_1481011544442{margin-bottom: 30px !important;}»][dity_progress_bar type=»info» css_animation=»fadeIn» css=».vc_custom_1481011551371{margin-bottom: 30px !important;}»][dity_progress_bar type=»warning» percentage=»75″ css_animation=»fadeIn» css=».vc_custom_1481011567413{margin-bottom: 30px !important;}»][dity_progress_bar type=»danger» percentage=»100″ css_animation=»fadeIn» css=».vc_custom_1481011575356{margin-bottom: 30px !important;}»]

    With indicator & labels

    [dity_fundraising_progress_bar percentage=»25″ start_label=»$230 raised» end_label=»$2000 total» css_animation=»fadeIn» css=».vc_custom_1481011634807{margin-bottom: 30px !important;}»]