UI elements part 2
[et_font_size font_size=”16px” line_height=”28px”]By default theme includes 1600+ Font Awesome icons and 350+ Premium Automotive icons from various categories , but you are not limited to only these. You can use any icon font you want, all icon based elements in the theme support custom icons.[/et_font_size]
[et_icon icon_prefix=”fas” icon_name=”fa-bus” icon_size=”small” icon_color=”#e05c0b” element_id=”279373″ element_css=”.et-icon-279373 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fab” icon_name=”fa-buffer” icon_size=”small” icon_color=”#e05c0b” element_id=”730237″ element_css=”.et-icon-730237 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-bug” icon_size=”small” icon_color=”#e05c0b” element_id=”986328″ element_css=”.et-icon-986328 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-briefcase” icon_size=”small” icon_color=”#e05c0b” element_id=”444539″ element_css=”.et-icon-444539 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-bell” icon_size=”small” icon_color=”#e05c0b” element_id=”975039″ element_css=”.et-icon-975039 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-award” icon_size=”small” icon_color=”#e05c0b” element_id=”80028″ element_css=”.et-icon-80028 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-calendar-check” icon_size=”small” icon_color=”#e05c0b” element_id=”628201″ element_css=”.et-icon-628201 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-car” icon_size=”small” icon_color=”#e05c0b” element_id=”609675″ element_css=”.et-icon-609675 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-check-circle” icon_size=”small” icon_color=”#e05c0b” element_id=”835832″ element_css=”.et-icon-835832 {color:#e05c0b;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-car-side” icon_size=”small” icon_color=”#e05c0b” element_id=”228598″ element_css=”.et-icon-228598 {color:#e05c0b;border-radius:0px;}”]
[et_gap height=”16″ element_id=”776642″ element_css=”.et-gap-776642 {height:16px;}” rv=”768,1280″][et_icon icon_prefix=”fas” icon_name=”fa-chess-knight” icon_color=”#ffd800″ element_id=”474591″ element_css=”.et-icon-474591 {color:#ffd800;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-clipboard” icon_color=”#ffd800″ element_id=”486790″ element_css=”.et-icon-486790 {color:#ffd800;border-radius:0px;}”][et_icon icon_prefix=”far” icon_name=”fa-clock” icon_color=”#ffd800″ element_id=”647903″ element_css=”.et-icon-647903 {color:#ffd800;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-cube” icon_color=”#ffd800″ element_id=”313552″ element_css=”.et-icon-313552 {color:#ffd800;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-desktop” icon_color=”#ffd800″ element_id=”334998″ element_css=”.et-icon-334998 {color:#ffd800;border-radius:0px;}”][et_icon icon_prefix=”far” icon_name=”fa-envelope-open” icon_color=”#ffd800″ element_id=”165040″ element_css=”.et-icon-165040 {color:#ffd800;border-radius:0px;}”][et_gap height=”16″ element_id=”776642″ element_css=”.et-gap-776642 {height:16px;}” rv=”768,1280″]
[et_icon icon_prefix=”fas” icon_name=”fa-exclamation-triangle” icon_size=”large” icon_color=”#bdbdbd” element_id=”657466″ element_css=”.et-icon-657466 {color:#bdbdbd;border-radius:0px;}”][et_icon icon_prefix=”far” icon_name=”fa-flag” icon_size=”large” icon_color=”#bdbdbd” element_id=”681864″ element_css=”.et-icon-681864 {color:#bdbdbd;border-radius:0px;}”][et_icon icon_prefix=”far” icon_name=”fa-folder” icon_size=”large” icon_color=”#bdbdbd” element_id=”140380″ element_css=”.et-icon-140380 {color:#bdbdbd;border-radius:0px;}”][et_icon icon_prefix=”fas” icon_name=”fa-globe” icon_size=”large” icon_color=”#bdbdbd” element_id=”102746″ element_css=”.et-icon-102746 {color:#bdbdbd;border-radius:0px;}”]
[et_gap height=”16″ element_id=”251229″ element_css=”.et-gap-251229 {height:16px;}” rv=”1280″][et_icon icon_prefix=”fas” icon_name=”fa-handshake” icon_size=”large-x” icon_color=”#212121″ element_id=”341087″ element_css=”.et-icon-341087 {color:#212121;border-radius:0px;}”][et_gap_inline width=”16″ element_id=”570913″ element_css=”.et-gap-inline-570913 {width:16px;}”][et_icon icon_prefix=”fas” icon_name=”fa-headset” icon_size=”large-x” icon_color=”#212121″ element_id=”611656″ element_css=”.et-icon-611656 {color:#212121;border-radius:0px;}”]
[et_gap height=”16″ element_id=”776642″ element_css=”.et-gap-776642 {height:16px;}” rv=”768,1280″][et_icon icon_prefix=”fas” icon_name=”fa-bus” icon_size=”small” icon_color=”#ffffff” icon_back_color=”#e05c0b” icon_border_radius=”4″ element_id=”766633″ element_css=”.et-icon-766633 {color:#ffffff;background-color:#e05c0b;border-radius:4px;}”][et_icon icon_prefix=”fab” icon_name=”fa-buffer” icon_size=”small” icon_color=”#ffffff” icon_back_color=”#e05c0b” icon_border_radius=”4″ element_id=”354943″ element_css=”.et-icon-354943 {color:#ffffff;background-color:#e05c0b;border-radius:4px;}”][et_icon icon_prefix=”fas” icon_name=”fa-bug” icon_size=”small” icon_color=”#ffffff” icon_back_color=”#e05c0b” icon_border_radius=”4″ element_id=”328302″ element_css=”.et-icon-328302 {color:#ffffff;background-color:#e05c0b;border-radius:4px;}”][et_icon icon_prefix=”fas” icon_name=”fa-briefcase” icon_size=”small” icon_color=”#000000″ icon_back_color=”#ffd800″ icon_border_radius=”500″ element_id=”11271″ element_css=”.et-icon-11271 {color:#000000;background-color:#ffd800;border-radius:500px;}”][et_icon icon_prefix=”fas” icon_name=”fa-bell” icon_size=”small” icon_color=”#000000″ icon_back_color=”#ffd800″ icon_border_radius=”500″ element_id=”663571″ element_css=”.et-icon-663571 {color:#000000;background-color:#ffd800;border-radius:500px;}”][et_icon icon_prefix=”fas” icon_name=”fa-award” icon_size=”small” icon_color=”#000000″ icon_back_color=”#ffd800″ icon_border_radius=”500″ element_id=”571048″ element_css=”.et-icon-571048 {color:#000000;background-color:#ffd800;border-radius:500px;}”][et_gap height=”16″ element_id=”776642″ element_css=”.et-gap-776642 {height:16px;}” rv=”768,1280″]
[et_icon icon_prefix=”fas” icon_name=”fa-chess-knight” icon_color=”#000000″ icon_border_color=”#ffd800″ element_id=”643733″ element_css=”.et-icon-643733 {color:#000000;border-radius:0px;box-shadow:inset 0 0 0 2px #ffd800;}” icon_border_width=”2″][et_icon icon_prefix=”fas” icon_name=”fa-clipboard” icon_color=”#000000″ icon_border_color=”#ffd800″ element_id=”223035″ element_css=”.et-icon-223035 {color:#000000;border-radius:0px;box-shadow:inset 0 0 0 2px #ffd800;}” icon_border_width=”2″][et_icon icon_prefix=”far” icon_name=”fa-clock” icon_color=”#000000″ icon_border_color=”#ffd800″ element_id=”126693″ element_css=”.et-icon-126693 {color:#000000;border-radius:0px;box-shadow:inset 0 0 0 2px #ffd800;}” icon_border_width=”2″][et_icon icon_prefix=”fas” icon_name=”fa-cube” icon_color=”#e05c0b” icon_border_color=”#e05c0b” icon_border_radius=”500″ element_id=”394231″ element_css=”.et-icon-394231 {color:#e05c0b;border-radius:500px;box-shadow:inset 0 0 0 2px #e05c0b;}” icon_border_width=”2″][et_icon icon_prefix=”far” icon_name=”fa-envelope-open” icon_color=”#e05c0b” icon_border_color=”#e05c0b” icon_border_radius=”500″ element_id=”9175″ element_css=”.et-icon-9175 {color:#e05c0b;border-radius:500px;box-shadow:inset 0 0 0 2px #e05c0b;}” icon_border_width=”2″][et_gap height=”16″ element_id=”776642″ element_css=”.et-gap-776642 {height:16px;}” rv=”768,1280″]
[et_icon icon_prefix=”fas” icon_name=”fa-exclamation-triangle” icon_size=”large” icon_color=”#e0e0e0″ icon_back_color=”#ffffff” icon_border_color=”#e0e0e0″ element_id=”253347″ element_css=”.et-icon-253347 {color:#e0e0e0;background-color:#ffffff;border-radius:0px;box-shadow:inset 0 0 0 1px #e0e0e0;}” icon_border_width=”1″][et_icon icon_prefix=”far” icon_name=”fa-flag” icon_size=”large” icon_color=”#e0e0e0″ icon_back_color=”#ffffff” icon_border_color=”#e0e0e0″ element_id=”676949″ element_css=”.et-icon-676949 {color:#e0e0e0;background-color:#ffffff;border-radius:0px;box-shadow:inset 0 0 0 1px #e0e0e0;}” icon_border_width=”1″][et_icon icon_prefix=”far” icon_name=”fa-folder” icon_size=”large” icon_color=”#e0e0e0″ icon_border_color=”#e0e0e0″ element_id=”185998″ element_css=”.et-icon-185998 {color:#e0e0e0;border-radius:0px;box-shadow:inset 0 0 0 1px #e0e0e0;}” icon_border_width=”1″]
[et_gap height=”16″ element_id=”43570″ element_css=”.et-gap-43570 {height:16px;}”][et_icon icon_prefix=”fas” icon_name=”fa-handshake” icon_size=”large-xx” icon_color=”#212121″ icon_border_color=”#ffd800″ icon_border_radius=”500″ element_id=”846000″ element_css=”.et-icon-846000 {color:#212121;border-radius:500px;box-shadow:inset 0 0 0 2px #ffd800;}” icon_border_width=”2″][et_gap_inline width=”16″ element_id=”570913″ element_css=”.et-gap-inline-570913 {width:16px;}”][et_icon icon_prefix=”fas” icon_name=”fa-headset” icon_size=”large-xx” icon_color=”#212121″ icon_border_color=”#ffd800″ icon_border_radius=”500″ element_id=”784920″ element_css=”.et-icon-784920 {color:#212121;border-radius:500px;box-shadow:inset 0 0 0 2px #ffd800;}” icon_border_width=”2″]
[et_heading type=”h6″ text_color=”#e05c0b” font_weight=”700″ margin=”0,0,24,0″ padding=”0,0,0,0″ element_id=”263376″ element_font=”Theme default:700:latin” element_css=”#et-heading-263376 .text-wrapper {background-color:transparent;padding:0;}#et-heading-263376 {color:#e05c0b;font-weight:700;text-transform:none;}#et-heading-263376 a {color:#e05c0b;}#et-heading-263376 {margin:0px 0px 24px 0px;}#et-heading-263376 .text-wrapper {padding:0px 0px 0px 0px;}”]Click to copy[/et_heading]
[et_icon_list icon_prefix=”fas” icon_name=”fa-check” icon_size=”small” icon_color=”#e05c0b” element_id=”595431″ element_css=”#et-icon-list-595431 .icon {color:#e05c0b;border-radius:0px;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-angle-right” icon_size=”small” icon_color=”#ffd800″ icon_border_radius=”” element_id=”983281″ element_css=”#et-icon-list-983281 .icon {color:#ffd800;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-check-circle” icon_size=”small” icon_color=”#000000″ icon_border_radius=”” element_id=”726867″ element_css=”#et-icon-list-726867 .icon {color:#000000;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-long-arrow-alt-right” icon_size=”small” icon_color=”#bdbdbd” icon_border_radius=”” element_id=”837383″ element_css=”#et-icon-list-837383 .icon {color:#bdbdbd;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-check” icon_size=”small” icon_color=”#e05c0b” icon_border_color=”#e05c0b” icon_border_radius=”4″ element_id=”633150″ element_css=”#et-icon-list-633150 .icon {color:#e05c0b;border-radius:4px;box-shadow:inset 0 0 0 2px #e05c0b;}” icon_border_width=”2″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-angle-right” icon_size=”small” icon_color=”#000000″ icon_back_color=”#ffd800″ icon_border_radius=”500″ element_id=”449682″ element_css=”#et-icon-list-449682 .icon {color:#000000;background-color:#ffd800;border-radius:500px;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-plus” icon_size=”small” icon_color=”#000000″ icon_back_color=”#ffffff” icon_border_radius=”” shadow=”true” element_id=”909430″ element_css=”#et-icon-list-909430 .icon {color:#000000;background-color:#ffffff;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-long-arrow-alt-right” icon_size=”small” icon_color=”#ffffff” icon_back_color=”#000000″ icon_border_radius=”500″ element_id=”35686″ element_css=”#et-icon-list-35686 .icon {color:#ffffff;background-color:#000000;border-radius:500px;}”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
Sit amet consectetuer
Diam nonummy nibhr
Laoreet dolore magnar[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-check” icon_color=”#ffffff” icon_back_color=”#e05c0b” icon_border_radius=”4″ element_id=”708382″ element_css=”#et-icon-list-708382 .icon {color:#ffffff;background-color:#e05c0b;border-radius:4px;}”]Leverage agile frameworks to provide a robust synopsis.
Iterative approaches to corporate strategy foster collaborative.
Organically grow the holistic world view of disruptive innovation.[/et_icon_list]
Iterative approaches to corporate strategy foster collaborative.
Organically grow the holistic world view of disruptive innovation.[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-angle-right” icon_color=”#000000″ icon_border_color=”#ffd800″ icon_border_radius=”500″ element_id=”281301″ element_css=”#et-icon-list-281301 .icon {color:#000000;border-radius:500px;box-shadow:inset 0 0 0 3px #ffd800;}” icon_border_width=”3″]Leverage agile frameworks to provide a robust synopsis.
Iterative approaches to corporate strategy foster collaborative.
Organically grow the holistic world view of disruptive innovation.[/et_icon_list]
Iterative approaches to corporate strategy foster collaborative.
Organically grow the holistic world view of disruptive innovation.[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-plus” icon_color=”#000000″ icon_back_color=”#ffffff” icon_border_radius=”4″ shadow=”true” element_id=”281989″ element_css=”#et-icon-list-281989 .icon {color:#000000;background-color:#ffffff;border-radius:4px;}”]Leverage agile frameworks to provide a robust synopsis.
Iterative approaches to corporate strategy foster collaborative.
Organically grow the holistic world view of disruptive innovation.[/et_icon_list]
Iterative approaches to corporate strategy foster collaborative.
Organically grow the holistic world view of disruptive innovation.[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-check” icon_size=”large” icon_color=”#e05c0b” icon_border_color=”#e05c0b” icon_border_radius=”4″ element_id=”707808″ element_css=”#et-icon-list-707808 .icon {color:#e05c0b;border-radius:4px;box-shadow:inset 0 0 0 4px #e05c0b;}” icon_border_width=”4″]Leverage agile frameworks to provide a robust innovation via workplace high level overviews.
Iterative approaches to corporate strategy foster collaborative thinking to further the proposition.
Organically grow the holistic world view of disruptive innovation via workplace empowerment.[/et_icon_list]
Iterative approaches to corporate strategy foster collaborative thinking to further the proposition.
Organically grow the holistic world view of disruptive innovation via workplace empowerment.[/et_icon_list]
[et_icon_list icon_prefix=”fas” icon_name=”fa-check” icon_size=”large” icon_color=”#ffd800″ icon_border_color=”#ffd800″ icon_border_radius=”500″ element_id=”338774″ element_css=”#et-icon-list-338774 .icon {color:#ffd800;border-radius:500px;box-shadow:inset 0 0 0 4px #ffd800;}” icon_border_width=”4″]Leverage agile frameworks to provide a robust innovation via workplace high level overviews.
Iterative approaches to corporate strategy foster collaborative thinking to further the proposition.
Organically grow the holistic world view of disruptive innovation via workplace empowerment.[/et_icon_list]
Iterative approaches to corporate strategy foster collaborative thinking to further the proposition.
Organically grow the holistic world view of disruptive innovation via workplace empowerment.[/et_icon_list]
[et_button button_text=”Previous” button_link=”https://nevpark.com/elements/ui-elements-part-1/” extra_class=”buttons-arrows-up” font_weight=”700″ button_font_size=”14″ button_text_transform=”uppercase” button_color=”#000000″ button_back_color=”#ffd800″ button_border_radius=”4″ icon_prefix=”fas” icon_name=”fa-angle-left” icon_font_size=”16″ icon_margin=”4″ button_color_hover=”#ffffff” button_back_color_hover=”#000000″ animate_hover=”fill” animation_delay=”0″ element_id=”533749″ element_font=”Theme default:700:latin” element_css=”#et-button-533749 {min-width:150px;font-size:14px !important;font-weight:700;text-transform:uppercase;color:#000000;border-radius:4px;}#et-button-533749 .icon {font-size:16px !important;}#et-button-533749 .icon {margin-right:4px !important;}#et-button-533749:hover {color:#ffffff;}#et-button-533749 .regular {background-color:#ffd800;}#et-button-533749 .hover {background-color:#000000;}#et-button-533749 .et-ink {color:#000000;}#et-button-533749 .et-ink {background-color:#ffffff;}” button_min_width=”150″][et_gap height=”1″ element_id=”8893″ element_css=”.et-gap-8893 {height:1px;}” rv=”768″][et_gap_inline width=”8″ element_id=”470773″ element_css=”.et-gap-inline-470773 {width:8px;}” rv=”767″][et_button button_text=”Next” button_link=”https://nevpark.com/elements/ui-elements-part-3/” extra_class=”buttons-arrows-up” font_weight=”700″ button_font_size=”14″ button_text_transform=”uppercase” button_color=”#000000″ button_back_color=”#ffd800″ button_border_radius=”4″ icon_prefix=”fas” icon_name=”fa-angle-right” icon_font_size=”16″ icon_margin=”4″ icon_position=”right” button_color_hover=”#ffffff” button_back_color_hover=”#000000″ animate_hover=”fill” animation_delay=”0″ element_id=”239525″ element_font=”Theme default:700:latin” element_css=”#et-button-239525 {min-width:150px;font-size:14px !important;font-weight:700;text-transform:uppercase;color:#000000;border-radius:4px;}#et-button-239525 .icon {font-size:16px !important;}#et-button-239525 .icon {margin-left:4px !important;}#et-button-239525:hover {color:#ffffff;}#et-button-239525 .regular {background-color:#ffd800;}#et-button-239525 .hover {background-color:#000000;}#et-button-239525 .et-ink {color:#000000;}#et-button-239525 .et-ink {background-color:#ffffff;}” button_min_width=”150″][et_gap height=”40″ element_id=”605007″ element_css=”.et-gap-605007 {height:40px;}”]