UI part 2 – Travel M Couriers

[et_highlight_title type=”h6″ font_size=”12″ line_height=”24″ letter_spacing=”0.5″ title=”GLOBAX LOGISTICS”]

Icons

[et_gap]

By default you can use fontawesome icon library, theme includes it already, but you are not limited to only fontawesome. You can use any icon font library you want, all icon based elements in the theme support custom icon font library usage. Here you can style icons differently starting from sizes, shapes, colors, borders, and you can even have animated icons.

[et_button button_text=”View full list” button_link=”https://fontawesome.com/icons?d=gallery&m=free” target=”_blank” button_color=”#ffffff” button_back_color=”#fd8c40″ icon_name=”fa-angle-right” icon_position=”right” button_color_hover=”#ffffff” button_back_color_hover=”#212121″ animate_hover=”fill” animate_click=”material”][et_gap][et_separator top=”0″ bottom=”0″ height=”2″]

[vc_section css=”.vc_custom_1530691178683{padding-top: 72px !important;}” el_class=”icon-vertical-align-bottom text767-align-center”]

[et_icon icon_name=”fa-exclamation-triangle” icon_size=”large-xx” icon_color=”#fd8c40″][et_gap_inline custom_class=”hide767″][et_gap hide768=”true”][et_icon icon_name=”fa-exclamation-triangle” icon_size=”large-x” icon_color=”#fd8c40″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-exclamation-triangle” icon_size=”large” icon_color=”#fd8c40″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-exclamation-triangle” icon_color=”#fd8c40″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-exclamation-triangle” icon_size=”small” icon_color=”#fd8c40″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-exclamation-triangle” icon_size=”extra-small” icon_color=”#fd8c40″]

[et_icon icon_name=”fa-cog” icon_size=”large-xx” icon_color=”#212121″ icon_back_color=”#eeeeee” icon_border_radius=”500″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-cog” icon_size=”large-x” icon_color=”#212121″ icon_back_color=”#eeeeee” icon_border_radius=”500″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-cog” icon_size=”large” icon_color=”#212121″ icon_back_color=”#eeeeee” icon_border_radius=”500″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-cog” icon_color=”#212121″ icon_back_color=”#eeeeee” icon_border_radius=”500″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-cog” icon_size=”small” icon_color=”#212121″ icon_back_color=”#eeeeee” icon_border_radius=”500″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-cog” icon_size=”extra-small” icon_color=”#212121″ icon_back_color=”#eeeeee” icon_border_radius=”500″]

[et_icon icon_name=”fa-check” icon_size=”large-xx” icon_color=”#212121″ icon_border_color=”#fd8c40″ icon_border_radius=”” icon_border_width=”4″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-check” icon_size=”large-x” icon_color=”#212121″ icon_border_color=”#fd8c40″ icon_border_radius=”” icon_border_width=”4″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-check” icon_size=”large” icon_color=”#212121″ icon_border_color=”#fd8c40″ icon_border_radius=”” icon_border_width=”3″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-check” icon_color=”#212121″ icon_border_color=”#fd8c40″ icon_border_radius=”” icon_border_width=”2″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-check” icon_size=”small” icon_color=”#212121″ icon_border_color=”#fd8c40″ icon_border_radius=”” icon_border_width=”2″][et_gap hide768=”true”][et_gap_inline custom_class=”hide767″][et_icon icon_name=”fa-check” icon_size=”extra-small” icon_color=”#212121″ icon_border_color=”#fd8c40″ icon_border_radius=”” icon_border_width=”2″]

[/vc_section]

[et_highlight_title type=”h6″ font_size=”12″ line_height=”24″ letter_spacing=”0.5″ title=”GLOBAX LOGISTICS”]

Logistics icons

[et_gap]

We included 100 custom logistic icons. You can use these icons in any element, that supports icon, just enter the icon name and prefix

[et_separator top=”0″ bottom=”0″ height=”2″]

[et_icon icon_prefix=”globax” icon_name=”icon-gx-hours-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-hours-phone-service” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-hours-symbol” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-airplane-around-earth” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-airplane-frontal-view” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-airplane-vertical” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-air-transport” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-barscode” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-large-truck” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-opened-umbrella” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-boat-from-front-view” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-boxes-piles-stored” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-boxes-storage-for-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-box-of-packing-for-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-call-center-service-for-information” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-call-center-worker-with-headset” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-chronometer” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-clipboard-verification-symbol” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-commercial-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-container-hanging-of-a-crane” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-container-on-a-crane” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-containers-on-oceanic-ship” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-crane” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-crane-truck” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivered-box-verification-symbol” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-box” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-box-and-timer” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-box-on-a-hand” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-box-package-opened” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-cube-box” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-of-a-box” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-package” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-package-box-with-fragile” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-package-opened” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-packages-on-a-trolley” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-truck” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-truck-1″ icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-truck-2″ icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-truck-with-circular-clock” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-truck-with-packages-behind” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-delivery-worker” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-fragile-broken-glass” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-free-delivery-truck” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-frontal-truck” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-identification-for-delivery-with-bars” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-international-calling-service-symbol” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-international-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-international-delivery-business” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-international-delivery-symbol” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-international-logistics-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-localization-orientation” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-locked-package” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-logistics-delivery-truck-and-clock” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-logistics-delivery-truck-in-movement” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-logistics-package” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-logistics-transport” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-logistics-truck” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-logistics-weight-scale” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-man-standing-with-delivery-box” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-ocean-transportation” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-phone-auricular-and-clock-delivery-symbol” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-placeholder-on-map-paper-in-perspective” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-protection” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-search-delivery-service-tool” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-sea-ship” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-sea-ship-with-containers” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-storage” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-talking-by-phone” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-telephone” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-telephone-1″ icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-three-stored-boxes-for-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-train-front” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-triangular-arrows-sign-for-recycle” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-up-arrows-couple-sign-for-packaging” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-verification-of-delivery” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-view-symbol-on-delivery-opened-box” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-weight-of-delivery-package-on-a-scale” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-weight-tool” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-woman-with-headset” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-wood-package” icon_size=”large” icon_color=”#212121″][et_icon icon_prefix=”globax” icon_name=”icon-gx-world-grid-with-placeholder” icon_size=”large” icon_color=”#212121″]

[et_highlight_title type=”h6″ font_size=”12″ line_height=”24″ letter_spacing=”0.5″ title=”GLOBAX LOGISTICS”]

Icon list

[et_gap]

Group text in lists with beautiful icons as bullets. All is under your control - the icon itself, the styling of icon and text

[et_separator top=”0″ bottom=”0″ height=”2″]

[et_icon_list icon_name=”fa-check”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-angle-right” icon_color=”#fd8c40″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-bell” icon_color=”#212121″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list][et_gap height=”48″ custom_class=”hide1024 hide768″]

[et_icon_list icon_name=”fa-star” icon_color=”#cfd8dc”]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list]

[et_icon_list icon_name=”fa-check” icon_color=”#616161″ icon_border_color=”#616161″ icon_border_radius=”500″ icon_border_width=”2″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-angle-right” icon_color=”#ffffff” icon_back_color=”#fd8c40″ icon_border_radius=”500″ icon_border_width=””]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-bell” icon_color=”#212121″ icon_border_color=”#212121″ icon_border_radius=”8″ icon_border_width=”2″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list][et_gap height=”48″ custom_class=”hide1024 hide768″]

[et_icon_list icon_name=”fa-star” icon_color=”#212121″ icon_back_color=”#cfd8dc” icon_border_radius=”” icon_border_width=””]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna
Quis nostrud exerci[/et_icon_list]

[et_icon_list icon_name=”fa-check” icon_size=”medium” icon_color=”#757575″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-angle-right” icon_size=”medium” icon_color=”#fd8c40″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-bell” icon_size=”medium” icon_color=”#212121″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna[/et_icon_list]

[et_icon_list icon_name=”fa-check” icon_size=”medium” icon_color=”#616161″ icon_border_color=”#616161″ icon_border_radius=”8″ icon_border_width=”3″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-angle-right” icon_size=”medium” icon_color=”#ffffff” icon_back_color=”#fd8c40″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-bell” icon_size=”medium” icon_color=”#212121″ icon_border_color=”#212121″ icon_border_radius=”500″ icon_border_width=”3″]Lorem ipsum dolor
Sit amet consectetuer
Diam nonummy nibh
Laoreet dolore magna[/et_icon_list]

[et_icon_list icon_name=”fa-check” icon_size=”large” icon_color=”#212121″]Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading.
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion.[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-star” icon_size=”large” icon_color=”#fd8c40″]Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading.
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion.[/et_icon_list]

[et_icon_list icon_name=”fa-check” icon_size=”large” icon_color=”#ffffff” icon_back_color=”#cfd8dc” icon_border_radius=”16″]Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the value.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the.
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.[/et_icon_list][et_gap height=”48″ custom_class=”hide1024″]

[et_icon_list icon_name=”fa-star” icon_size=”large” icon_color=”#fd8c40″ icon_border_color=”#fd8c40″ icon_border_radius=”500″ icon_border_width=”3″]Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the value.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the.
Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.[/et_icon_list]

[et_highlight_title type=”h6″ font_size=”12″ line_height=”24″ letter_spacing=”0.5″ title=”GLOBAX LOGISTICS”]

Popup message

[et_gap]

Display tool tip like simple messages for users. You can choose the styling, control sizes and directions. And use any icon you want (default is fontawesome)

[et_separator top=”0″ bottom=”0″ height=”2″]

[et_popup icon_prefix=”fa” icon_name=”fa-plus” direction=”top”][et_gap]