Web Elements

[vc_row][vc_column][vc_column_text]

Elements

The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Colors

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJjb2wtbWQtMiUyMGNvbC1zbS02JTIyJTNFJTNDZGl2JTIwc3R5bGUlM0QlMjJiYWNrZ3JvdW5kJTNBJTIwJTIzMWIxYjFiJTNCJTIwd2lkdGglM0ElMjAxMDAlMjUlM0IlMjBtYXJnaW4tcmlnaHQlM0ElMjAyJTI1JTNCJTIwaGVpZ2h0JTNBJTIwNzBweCUzQiUyMiUyMCUzRSUzQyUyRmRpdiUzRSUzQ2g2JTIwJTIwc3R5bGUlM0QlMjJtYXJnaW4lM0ElMjA1cHglMjAwJTNCJTIyJTNFTXlzdGVyeSUyMEJsYWNrJTNDJTJGaDYlM0UlM0NwJTNFJTIzMUIxQjFCJTNDJTJGcCUzRSUwOSUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTIlMjBjb2wtc20tNiUyMiUzRSUzQ2RpdiUyMHN0eWxlJTNEJTIyYmFja2dyb3VuZCUzQSUyMCUyMzMwMzAzMCUzQiUyMHdpZHRoJTNBJTIwMTAwJTI1JTNCJTIwbWFyZ2luLXJpZ2h0JTNBJTIwMiUyNSUzQiUyMGhlaWdodCUzQSUyMDcwcHglM0IlMjIlMjAlM0UlMDklM0MlMkZkaXYlM0UlM0NoNiUyMCUyMHN0eWxlJTNEJTIybWFyZ2luJTNBJTIwNXB4JTIwMCUzQiUyMiUzRURhcmslMjBHcmV5JTNDJTJGaDYlM0UlM0NwJTNFJTIzMzAzMDMwJTNDJTJGcCUzRSUwOSUzQyUyRmRpdiUzRSUwQSUzQ2RpdiUyMGNsYXNzJTNEJTIyY29sLW1kLTIlMjBjb2wtc20tNiUyMiUzRSUzQ2RpdiUyMHN0eWxlJTNEJTIyYmFja2dyb3VuZCUzQSUyMCUyMzIyY2FiMSUzQiUyMHdpZHRoJTNBJTIwMTAwJTI1JTNCJTIwbWFyZ2luLXJpZ2h0JTNBJTIwMiUyNSUzQiUyMGhlaWdodCUzQSUyMDcwcHglM0IlMjIlMjAlM0UlMDklM0MlMkZkaXYlM0UlM0NoNiUyMCUyMHN0eWxlJTNEJTIybWFyZ2luJTNBJTIwNXB4JTIwMCUzQiUyMiUzRVR1cnF1b2lzZSUzQyUyRmg2JTNFJTNDcCUzRSUyMzIyQ0FCMSUzQyUyRnAlM0UlMDklM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0yJTIwY29sLXNtLTYlMjIlM0UlM0NkaXYlMjBzdHlsZSUzRCUyMmJhY2tncm91bmQlM0ElMjAlMjMwMGJkOWQlM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMG1hcmdpbi1yaWdodCUzQSUyMDIlMjUlM0IlMjBoZWlnaHQlM0ElMjA3MHB4JTNCJTIyJTIwJTNFJTA5JTNDJTJGZGl2JTNFJTNDaDYlMjAlMjBzdHlsZSUzRCUyMm1hcmdpbiUzQSUyMDVweCUyMDAlM0IlMjIlM0VHcmVlbiUyMFNlYSUzQyUyRmg2JTNFJTNDcCUzRSUyMzAwQkQ5RCUzQyUyRnAlM0UlMDklM0MlMkZkaXYlM0UlMEElM0NkaXYlMjBjbGFzcyUzRCUyMmNvbC1tZC0yJTIwY29sLXNtLTYlMjIlM0UlM0NkaXYlMjBzdHlsZSUzRCUyMmJhY2tncm91bmQlM0ElMjAlMjNmMWYxZjElM0IlMjB3aWR0aCUzQSUyMDEwMCUyNSUzQiUyMGhlaWdodCUzQSUyMDcwcHglM0IlMjBib3JkZXIlM0ElMjAzcHglMjBzb2xpZCUyMCUyM2ZmZiUzQiUyMiUyMCUzRSUwOSUzQyUyRmRpdiUzRSUzQ2g2JTIwJTIwc3R5bGUlM0QlMjJtYXJnaW4lM0ElMjA1cHglMjAwJTNCJTIyJTNFTGlnaHQlMjBHcmF5JTNDJTJGaDYlM0UlM0NwJTNFJTIzRjFGMUYxJTNDJTJGcCUzRSUwOSUzQyUyRmRpdiUzRQ==[/vc_raw_html][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Typography

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Titles & Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

Body Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed urna sed neque blandit gravida vitae bibendum dictum, nisl nisi.

Bold Italic Hyperlink

  • Unordered list
  • Unordered list
  1. Ordered list
  2. Ordered list

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Buttons

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Styling

[/vc_column_text][movement_button pb_textbutton=”HOVER” pb_textcolor=”#ffffff” pb_bgcolor=”#5cd5c1″ pb_bgcolorhover=”#5cd5c1″ pb_bordercolor=”#5cd5c1″ pb_bordercolorhover=”#5cd5c1″ pb_position=”aligncenter” el_class=”hover” pb_custom_color=”true”][movement_button pb_textbutton=”NORMAL” pb_textcolor=”#ffffff” pb_bgcolor=”#00bd9d” pb_bgcolorhover=”#5cd5c1″ pb_bordercolor=”#00bd9d” pb_bordercolorhover=”#5cd5c1″ pb_position=”aligncenter” pb_custom_color=”true”][movement_button pb_textbutton=”ACTIVE” pb_textcolor=”#ffffff” pb_bgcolor=”#303030″ pb_bgcolorhover=”#5cd5c1″ pb_bordercolor=”#303030″ pb_bordercolorhover=”#5cd5c1″ pb_position=”aligncenter” pb_but_custom_color=”” pb_custom_color=”true”][/vc_column][vc_column width=”1/4″][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]

Sizes

[/vc_column_text][movement_button pb_textbutton=”Large” pb_but_size=”large” pb_bgcolor=”#e8e8e8″ pb_bordercolor=”” pb_bordercolorhover=”” pb_position=”aligncenter” pb_custom_color=”true”][movement_button pb_textbutton=”Medium” pb_bgcolor=”#e8e8e8″ pb_bordercolor=”” pb_bordercolorhover=”” pb_position=”aligncenter” pb_custom_color=”true”][movement_button pb_textbutton=”Small” pb_but_size=”mini” pb_bgcolor=”#e8e8e8″ pb_bordercolor=”” pb_bordercolorhover=”” pb_position=”aligncenter” pb_custom_color=”true”][/vc_column][vc_column width=”1/4″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Iconography

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/6″ css=”.vc_custom_1445343255285{padding-top: 0px !important;}”][vc_row_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-angle-down” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-angle-left” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-angle-right” color=”black” size=”sm”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_row_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-picture-o” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-volume-up” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-link” color=”black” size=”sm”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_row_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-file-o” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-heart-o” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-heart” color=”black” size=”sm”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_row_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-plus” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-user” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-users” color=”black” size=”sm”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_row_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-envelope-o” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-search” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-phone” color=”black” size=”sm”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_row_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-map-marker” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-facebook” color=”black” size=”sm”][/vc_column_inner][vc_column_inner width=”1/3″][vc_icon icon_fontawesome=”fa fa-twitter” color=”black” size=”sm”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Form Elements

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_message color=”info” style=”square”]An example alert style[/vc_message][vc_message color=”success” message_box_color=”success” icon_fontawesome=”fa fa-check”]An example alert style[/vc_message][vc_message color=”warning” message_box_color=”warning” icon_fontawesome=”fa fa-exclamation-triangle”]An example alert style[/vc_message][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

Accordions & Tabs

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_tta_accordion shape=”square” color=”white” c_position=”right” active_section=”dfb” collapsible_all=”true”][vc_tta_section title=”INACTIVE” tab_id=”1445344025285-b90ba87d-c69e”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aenean ultricies lectus sed velit viverra.[/vc_column_text][/vc_tta_section][/vc_tta_accordion][vc_tta_accordion shape=”square” color=”white” c_position=”right” active_section=”1″ collapsible_all=”true”][vc_tta_section title=”ACTIVE” tab_id=”1445344066356-e57a0de2-023e”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aenean ultricies lectus sed velit viverra.[/vc_column_text][/vc_tta_section][/vc_tta_accordion][/vc_column][vc_column width=”1/2″][vc_tta_tabs style=”flat” shape=”square” color=”white” spacing=”10″ active_section=”2″][vc_tta_section title=”INACTIVE” tab_id=”1445344538951-ac4e8a26-efbb”][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aliquam eros ipsum, ornare eu posuere blandit, placerat vestibulum augue. Phasellus iaculis, eros eget ullamcorper tincidunt, ipsum dui sagittis tortor, egestas congue odio nibh nec tortor. Etiam vitae suscipit mauris. Aenean pharetra malesuada metus, a aliquam mauris. Integer in enim tempor.[/vc_column_text][/vc_tta_section][vc_tta_section title=”ACTIVE” tab_id=”1445344538952-b0553be0-2ac3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed elementum mi. Cras eleifend ullamcorper diam, non rutrum lectus varius vel. In ullamcorper eros ut elit interdum accumsan. Nullam et purus tempus, venenatis augue vel, blandit neque. Aliquam eros ipsum, ornare eu posuere blandit, placerat vestibulum augue. Phasellus iaculis, eros eget ullamcorper tincidunt, ipsum dui sagittis tortor, egestas congue odio nibh nec tortor. Etiam vitae suscipit mauris. Aenean pharetra malesuada metus, a aliquam mauris. Integer in enim tempor.[/vc_column_text][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row]

Leave a Reply

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.