{# Settings #}
{% set root = "../../../" %}
{% set sidebarNavActive_1 = "shortcode-base-icons" %}
{% set title = "Icon Types" %}

{% include "html/assets/include/nunjucks/partials/head.njk" %}
{% include "html/assets/include/nunjucks/partials/core-fonts.njk" %}
{% include "html/assets/include/nunjucks/partials/core-css.njk" %}
{% include "html/assets/include/nunjucks/partials/core-icons.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-dzsparallaxer.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/animate.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/wait-animate.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hamburgers/hamburgers.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/jquery-ui/themes/base/jquery-ui.min.css">

{% include "html/assets/include/nunjucks/partials/css/css-showcode.njk" %}

{% include "html/assets/include/nunjucks/partials/css/css-unify.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
</head>

<body class="u-body--header-side-push-left u-body--header-side-opened u-has-sidebar-navigation g-overflow-x-hidden">
  <main>
    {% include "html/assets/include/nunjucks/partials/blocks/headers/header-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/sidebars/sidebar-shortcode-nav.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/page-title/shortcode-page-title/shortcode-page-title-base.njk" %}

    <section class="g-py-100">
      <div class="container">
        <!-- Plain Icons -->
        <section id="plain-icons">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Plain Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The plain icons style uses the <code>.u-icon-v1</code> class.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Font Awesome Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Font Awesome Icons</h3>
              <p>Font Awesome gives you 675 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.</p>
              <p>
                <a href="{{ root }}unify-main/shortcodes/icons/shortcode-base-icon-fontawesome.html" class="g-text-underline--none--hover">View all 675 icons
                  <i class="icon-arrow-right icons g-font-size-10 g-ml-3"></i>
                </a>
              </p>
            </div>

            <div class="col-md-9">
              <div id="shortcode1">
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-thumbs-up"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-telegram"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-heart"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-camera-retro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-coffee"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-vcard"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-map"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-bicycle"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-birthday-cake"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-cogs"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-dollar"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-fast-forward"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-file"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-bar-chart"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-address-book"></i>
                </span>

                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-binoculars"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-briefcase"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-cc-visa"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-cloud"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-cutlery"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-group"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-graduation-cap"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-hourglass"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-industry"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-wechat"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-pie-chart"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-bitcoin"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-shopping-bag"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-space-shuttle"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="fa fa-taxi"></i>
                </span>

                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="fa fa-thumbs-up"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="fa fa-telegram"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="fa fa-heart"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="fa fa-camera-retro"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="fa fa-coffee"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="fa fa-vcard"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="fa fa-map"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="fa fa-bicycle"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="fa fa-birthday-cake"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="fa fa-cogs"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="fa fa-dollar"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="fa fa-fast-forward"></i>
                </span>
                <span class="u-icon-v1 g-color-yellow g-mr-15 g-mb-15">
                  <i class="fa fa-file"></i>
                </span>
                <span class="u-icon-v1 g-color-cyan g-mr-15 g-mb-15">
                  <i class="fa fa-bar-chart"></i>
                </span>
                <span class="u-icon-v1 g-color-teal g-mr-15 g-mb-15">
                  <i class="fa fa-address-book"></i>
                </span>

                <span class="u-icon-v1 g-color-brown g-mr-15 g-mb-15">
                  <i class="fa fa-binoculars"></i>
                </span>
                <span class="u-icon-v1 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="fa fa-briefcase"></i>
                </span>
                <span class="u-icon-v1 g-color-black g-mr-15 g-mb-15">
                  <i class="fa fa-cc-visa"></i>
                </span>
                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="fa fa-cloud"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="fa fa-cutlery"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="fa fa-group"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="fa fa-graduation-cap"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="fa fa-hourglass"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="fa fa-industry"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="fa fa-wechat"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="fa fa-pie-chart"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="fa fa-bitcoin"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="fa fa-shopping-bag"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="fa fa-space-shuttle"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="fa fa-taxi"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode1" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Font Awesome Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons</h3>
              <p>Simple Line Icons gives you 189 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.</p>
              <p>
                <a href="{{ root }}unify-main/shortcodes/icons/shortcode-base-icon-simple-line-icons.html" class="g-text-underline--none--hover">View all 189 icons
                  <i class="icon-arrow-right icons g-font-size-10 g-ml-3"></i>
                </a>
              </p>
            </div>

            <div class="col-md-9">
              <div id="shortcode2">
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-user"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-phone"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-map"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-directions"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-layers"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-list"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-trophy"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-screen-desktop"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-plane"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-notebook"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-cursor"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-chemistry"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-graduation"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-ghost"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-game-controller"></i>
                </span>

                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-fire"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-eyeglass"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-envelope-letter"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-badge"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-wallet"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-speech"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-puzzle"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-printer"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-present"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-playlist"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-handbag"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-drawer"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-cup"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-briefcase"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-umbrella"></i>
                </span>

                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-user"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-phone"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-map"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-directions"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-layers"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-list"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-trophy"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-screen-desktop"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-plane"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-notebook"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-cursor"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-chemistry"></i>
                </span>
                <span class="u-icon-v1 g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-graduation"></i>
                </span>
                <span class="u-icon-v1 g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-ghost"></i>
                </span>
                <span class="u-icon-v1 g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-game-controller"></i>
                </span>

                <span class="u-icon-v1 g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-fire"></i>
                </span>
                <span class="u-icon-v1 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-eyeglass"></i>
                </span>
                <span class="u-icon-v1 g-color-black g-mr-15 g-mb-15">
                  <i class="icon-envelope-letter"></i>
                </span>
                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-badge"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-wallet"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-speech"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-puzzle"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-printer"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-present"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-playlist"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-handbag"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-drawer"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-cup"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-briefcase"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-umbrella"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode2" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons PRO -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons PRO</h3>
              <p>Simple Line Icons PRO gives you 2 810 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.</p>
              <p>View all 2 810 icons:<br>
                – <a href="{{ root }}unify-main/shortcodes/icons/shortcode-base-icon-line-icons-pro-1.html" class="g-text-underline--none--hover">Part 1 <i class="icon-arrow-right icons g-font-size-10 g-ml-3"></i></a><br>
                – <a href="{{ root }}unify-main/shortcodes/icons/shortcode-base-icon-line-icons-pro-2.html" class="g-text-underline--none--hover">Part 2 <i class="icon-arrow-right icons g-font-size-10 g-ml-3"></i></a></p>
            </div>

            <div class="col-md-9">
              <div id="shortcode3">
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-communication-044 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-001 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-004 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-007 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-036 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="icon-education-024 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v1 g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-black g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-communication-044 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-education-001 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-education-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-education-004 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-education-007 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-education-036 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-education-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-education-024 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode3" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons PRO -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Elegant Themes 100 Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Elegant Themes 100 Line Icons</h3>
              <p>Elegant Themes 100 Line Icons gives you 100 Icons that can instantly be customized — size, color and anything that can be done with the power of CSS.</p>
              <p>
                <a href="{{ root }}unify-main/shortcodes/icons/shortcode-base-icon-et-line-icon.html" class="g-text-underline--none--hover">View all 100 icons
                  <i class="icon-arrow-right icons g-font-size-10 g-ml-3"></i>
                </a>
              </p>
            </div>

            <div class="col-md-9">
              <div id="shortcode4">
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-calendar"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-printer"></i>
                </span>

                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-bargraph"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-chat"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-heart"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-focus"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-adjustments"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-ribbon"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-lock"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-megaphone"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-trophy"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-flag"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>
                <span class="u-icon-v1 g-mr-15 g-mb-15">
                  <i class="et-icon-puzzle"></i>
                </span>

                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="et-icon-calendar"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v1 g-color-yellow g-mr-15 g-mb-15">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v1 g-color-cyan g-mr-15 g-mb-15">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v1 g-color-teal g-mr-15 g-mb-15">
                  <i class="et-icon-printer"></i>
                </span>

                <span class="u-icon-v1 g-color-brown g-mr-15 g-mb-15">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v1 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v1 g-color-black g-mr-15 g-mb-15">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v1 g-color-primary g-mr-15 g-mb-15">
                  <i class="et-icon-bargraph"></i>
                </span>
                <span class="u-icon-v1 g-color-red g-mr-15 g-mb-15">
                  <i class="et-icon-chat"></i>
                </span>
                <span class="u-icon-v1 g-color-lightred g-mr-15 g-mb-15">
                  <i class="et-icon-heart"></i>
                </span>
                <span class="u-icon-v1 g-color-darkred g-mr-15 g-mb-15">
                  <i class="et-icon-focus"></i>
                </span>
                <span class="u-icon-v1 g-color-blue g-mr-15 g-mb-15">
                  <i class="et-icon-adjustments"></i>
                </span>
                <span class="u-icon-v1 g-color-indigo g-mr-15 g-mb-15">
                  <i class="et-icon-ribbon"></i>
                </span>
                <span class="u-icon-v1 g-color-purple g-mr-15 g-mb-15">
                  <i class="et-icon-lock"></i>
                </span>
                <span class="u-icon-v1 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="et-icon-megaphone"></i>
                </span>
                <span class="u-icon-v1 g-color-pink g-mr-15 g-mb-15">
                  <i class="et-icon-trophy"></i>
                </span>
                <span class="u-icon-v1 g-color-orange g-mr-15 g-mb-15">
                  <i class="et-icon-flag"></i>
                </span>
                <span class="u-icon-v1 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>
                <span class="u-icon-v1 g-color-aqua g-mr-15 g-mb-15">
                  <i class="et-icon-puzzle"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode4" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Elegant Themes 100 Line Icons -->
        </section>
        <!-- End Plain Icons -->

        <hr class="g-brd-gray-light-v4 g-my-60">

        <!-- Bordered Icons -->
        <section id="bordered-icons">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Bordered Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The bordered icons style uses the <code>.u-icon-v2</code> class.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Font Awesome Icons -->
          <section class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Font Awesome Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode5">
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-thumbs-up"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-telegram"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-heart"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-camera-retro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-coffee"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-vcard"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-map"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-bicycle"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-birthday-cake"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-cogs"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-dollar"></i>
                </span>

                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-fast-forward"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-file"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-bar-chart"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-address-book"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-binoculars"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-briefcase"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-cc-visa"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-cloud"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-cutlery"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-group"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="fa fa-graduation-cap"></i>
                </span>

                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="fa fa-thumbs-up"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="fa fa-telegram"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="fa fa-heart"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="fa fa-camera-retro"></i>
                </span>
                <span class="u-icon-v2 g-color-blue g-mr-15 g-mb-15">
                  <i class="fa fa-coffee"></i>
                </span>
                <span class="u-icon-v2 g-color-indigo g-mr-15 g-mb-15">
                  <i class="fa fa-vcard"></i>
                </span>
                <span class="u-icon-v2 g-color-purple g-mr-15 g-mb-15">
                  <i class="fa fa-map"></i>
                </span>
                <span class="u-icon-v2 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="fa fa-bicycle"></i>
                </span>
                <span class="u-icon-v2 g-color-pink g-mr-15 g-mb-15">
                  <i class="fa fa-birthday-cake"></i>
                </span>
                <span class="u-icon-v2 g-color-orange g-mr-15 g-mb-15">
                  <i class="fa fa-cogs"></i>
                </span>
                <span class="u-icon-v2 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="fa fa-dollar"></i>
                </span>

                <span class="u-icon-v2 g-color-aqua g-mr-15 g-mb-15">
                  <i class="fa fa-fast-forward"></i>
                </span>
                <span class="u-icon-v2 g-color-yellow g-mr-15 g-mb-15">
                  <i class="fa fa-file"></i>
                </span>
                <span class="u-icon-v2 g-color-cyan g-mr-15 g-mb-15">
                  <i class="fa fa-bar-chart"></i>
                </span>
                <span class="u-icon-v2 g-color-teal g-mr-15 g-mb-15">
                  <i class="fa fa-address-book"></i>
                </span>
                <span class="u-icon-v2 g-color-brown g-mr-15 g-mb-15">
                  <i class="fa fa-binoculars"></i>
                </span>
                <span class="u-icon-v2 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="fa fa-briefcase"></i>
                </span>
                <span class="u-icon-v2 g-color-black g-mr-15 g-mb-15">
                  <i class="fa fa-cc-visa"></i>
                </span>
                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="fa fa-cloud"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="fa fa-cutlery"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="fa fa-group"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="fa fa-graduation-cap"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode5" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </section>
          <!-- End Font Awesome Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons -->
          <section class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode6">
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-user"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-phone"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-map"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-directions"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-layers"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-list"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-trophy"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-screen-desktop"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-plane"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-notebook"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-cursor"></i>
                </span>

                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-chemistry"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-graduation"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-ghost"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-game-controller"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-fire"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-eyeglass"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-envelope-letter"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-badge"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-wallet"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-speech"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-puzzle"></i>
                </span>

                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-user"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-phone"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-map"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-directions"></i>
                </span>
                <span class="u-icon-v2 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-layers"></i>
                </span>
                <span class="u-icon-v2 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-list"></i>
                </span>
                <span class="u-icon-v2 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-trophy"></i>
                </span>
                <span class="u-icon-v2 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-screen-desktop"></i>
                </span>
                <span class="u-icon-v2 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-plane"></i>
                </span>
                <span class="u-icon-v2 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-notebook"></i>
                </span>
                <span class="u-icon-v2 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-cursor"></i>
                </span>

                <span class="u-icon-v2 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-chemistry"></i>
                </span>
                <span class="u-icon-v2 g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-graduation"></i>
                </span>
                <span class="u-icon-v2 g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-ghost"></i>
                </span>
                <span class="u-icon-v2 g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-game-controller"></i>
                </span>
                <span class="u-icon-v2 g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-fire"></i>
                </span>
                <span class="u-icon-v2 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-eyeglass"></i>
                </span>
                <span class="u-icon-v2 g-color-black g-mr-15 g-mb-15">
                  <i class="icon-envelope-letter"></i>
                </span>
                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-badge"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-wallet"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-speech"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-puzzle"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode6" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </section>
          <!-- End Simple Line Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons PRO -->
          <section class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons PRO</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode7">
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-black g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode7" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </section>
          <!-- End Simple Line Icons PRO -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Elegant Themes 100 Line Icons -->
          <section class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Elegant Themes 100 Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode8">
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-calendar"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>

                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-printer"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-bargraph"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-chat"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-heart"></i>
                </span>
                <span class="u-icon-v2 g-mr-15 g-mb-15">
                  <i class="et-icon-focus"></i>
                </span>

                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v2 g-color-blue g-mr-15 g-mb-15">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v2 g-color-indigo g-mr-15 g-mb-15">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v2 g-color-purple g-mr-15 g-mb-15">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v2 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v2 g-color-pink g-mr-15 g-mb-15">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v2 g-color-orange g-mr-15 g-mb-15">
                  <i class="et-icon-calendar"></i>
                </span>
                <span class="u-icon-v2 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>

                <span class="u-icon-v2 g-color-aqua g-mr-15 g-mb-15">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v2 g-color-yellow g-mr-15 g-mb-15">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v2 g-color-cyan g-mr-15 g-mb-15">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v2 g-color-teal g-mr-15 g-mb-15">
                  <i class="et-icon-printer"></i>
                </span>
                <span class="u-icon-v2 g-color-brown g-mr-15 g-mb-15">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v2 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v2 g-color-black g-mr-15 g-mb-15">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v2 g-color-primary g-mr-15 g-mb-15">
                  <i class="et-icon-bargraph"></i>
                </span>
                <span class="u-icon-v2 g-color-red g-mr-15 g-mb-15">
                  <i class="et-icon-chat"></i>
                </span>
                <span class="u-icon-v2 g-color-lightred g-mr-15 g-mb-15">
                  <i class="et-icon-heart"></i>
                </span>
                <span class="u-icon-v2 g-color-darkred g-mr-15 g-mb-15">
                  <i class="et-icon-focus"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode8" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </section>
          <!-- End Elegant Themes 100 Line Icons -->
        </section>
        <!-- End Bordered Icons -->

        <hr class="g-brd-gray-light-v4 g-my-60">

        <!-- Backgrounded Icons -->
        <section id="backgrounded-icons">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Backgrounded Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The backgrounded icons style uses the <code>.u-icon-v3</code> class.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Font Awesome Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Font Awesome Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode9">
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-thumbs-up"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-telegram"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-heart"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-camera-retro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-coffee"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-vcard"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-map"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-bicycle"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-birthday-cake"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-cogs"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-dollar"></i>
                </span>

                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-fast-forward"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-file"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-bar-chart"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-address-book"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-binoculars"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-briefcase"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-cc-visa"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-cloud"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-cutlery"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-group"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="fa fa-graduation-cap"></i>
                </span>

                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="fa fa-thumbs-up g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="fa fa-telegram g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="fa fa-heart g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="fa fa-camera-retro g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-blue g-mr-15 g-mb-15">
                  <i class="fa fa-coffee g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-indigo g-mr-15 g-mb-15">
                  <i class="fa fa-vcard g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-purple g-mr-15 g-mb-15">
                  <i class="fa fa-map g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkpurple g-mr-15 g-mb-15">
                  <i class="fa fa-bicycle g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-pink g-mr-15 g-mb-15">
                  <i class="fa fa-birthday-cake g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-orange g-mr-15 g-mb-15">
                  <i class="fa fa-cogs g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-deeporange g-mr-15 g-mb-15">
                  <i class="fa fa-dollar g-color-white"></i>
                </span>

                <span class="u-icon-v3 g-bg-aqua g-mr-15 g-mb-15">
                  <i class="fa fa-fast-forward g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-yellow g-mr-15 g-mb-15">
                  <i class="fa fa-file g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-cyan g-mr-15 g-mb-15">
                  <i class="fa fa-bar-chart g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-teal g-mr-15 g-mb-15">
                  <i class="fa fa-address-book g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-brown g-mr-15 g-mb-15">
                  <i class="fa fa-binoculars g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-bluegray g-mr-15 g-mb-15">
                  <i class="fa fa-briefcase g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-black g-mr-15 g-mb-15">
                  <i class="fa fa-cc-visa g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="fa fa-cloud g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="fa fa-cutlery g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="fa fa-group g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="fa fa-graduation-cap g-color-white"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode9" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Font Awesome Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode10">
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-user"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-phone"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-map"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-directions"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-layers"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-list"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-trophy"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-screen-desktop"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-plane"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-notebook"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-cursor"></i>
                </span>

                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-chemistry"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-graduation"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-ghost"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-game-controller"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-fire"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-eyeglass"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-envelope-letter"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-badge"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-wallet"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-speech"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-puzzle"></i>
                </span>

                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="icon-user icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="icon-phone icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="icon-map icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="icon-directions icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-blue g-mr-15 g-mb-15">
                  <i class="icon-layers icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-indigo g-mr-15 g-mb-15">
                  <i class="icon-list icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-purple g-mr-15 g-mb-15">
                  <i class="icon-trophy icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-screen-desktop icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-pink g-mr-15 g-mb-15">
                  <i class="icon-plane icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-orange g-mr-15 g-mb-15">
                  <i class="icon-notebook icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-deeporange g-mr-15 g-mb-15">
                  <i class="icon-cursor icons g-color-white"></i>
                </span>

                <span class="u-icon-v3 g-bg-aqua g-mr-15 g-mb-15">
                  <i class="icon-chemistry icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-yellow g-mr-15 g-mb-15">
                  <i class="icon-graduation icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-cyan g-mr-15 g-mb-15">
                  <i class="icon-ghost icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-teal g-mr-15 g-mb-15">
                  <i class="icon-game-controller icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-brown g-mr-15 g-mb-15">
                  <i class="icon-fire icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-bluegray g-mr-15 g-mb-15">
                  <i class="icon-eyeglass icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-black g-mr-15 g-mb-15">
                  <i class="icon-envelope-letter icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="icon-badge icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="icon-wallet icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="icon-speech icons g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="icon-puzzle icons g-color-white"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode10" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons PRO -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons PRO</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode11">
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-blue g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-indigo g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-purple g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-pink g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-orange g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-deeporange g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 g-color-white u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-bg-aqua g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-yellow g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-cyan g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-teal g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-brown g-mr-15 g-mb-15">
                  <i class="icon-communication-002 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-bluegray g-mr-15 g-mb-15">
                  <i class="icon-communication-005 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-black g-mr-15 g-mb-15">
                  <i class="icon-communication-010 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="icon-communication-011 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="icon-communication-025 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="icon-communication-017 g-color-white u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="icon-communication-054 g-color-white u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode11" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons PRO -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Elegant Themes 100 Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Elegant Themes 100 Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode12">
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-calendar"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-map"></i>
                </span>

                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-printer"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-bargraph"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-chat"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-heart"></i>
                </span>
                <span class="u-icon-v3 g-mr-15 g-mb-15">
                  <i class="et-icon-focus"></i>
                </span>

                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="et-icon-mobile g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="et-icon-laptop g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="et-icon-tablet g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="et-icon-phone g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-blue g-mr-15 g-mb-15">
                  <i class="et-icon-document g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-indigo g-mr-15 g-mb-15">
                  <i class="et-icon-documents g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-purple g-mr-15 g-mb-15">
                  <i class="et-icon-search g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkpurple g-mr-15 g-mb-15">
                  <i class="et-icon-newspaper g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-pink g-mr-15 g-mb-15">
                  <i class="et-icon-notebook g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-orange g-mr-15 g-mb-15">
                  <i class="et-icon-calendar g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-deeporange g-mr-15 g-mb-15">
                  <i class="et-icon-map g-color-white"></i>
                </span>

                <span class="u-icon-v3 g-bg-aqua g-mr-15 g-mb-15">
                  <i class="et-icon-picture g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-yellow g-mr-15 g-mb-15">
                  <i class="et-icon-video g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-cyan g-mr-15 g-mb-15">
                  <i class="et-icon-camera g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-teal g-mr-15 g-mb-15">
                  <i class="et-icon-printer g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-brown g-mr-15 g-mb-15">
                  <i class="et-icon-toolbox g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-bluegray g-mr-15 g-mb-15">
                  <i class="et-icon-wallet g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-black g-mr-15 g-mb-15">
                  <i class="et-icon-gift g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-primary g-mr-15 g-mb-15">
                  <i class="et-icon-bargraph g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-red g-mr-15 g-mb-15">
                  <i class="et-icon-chat g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-lightred g-mr-15 g-mb-15">
                  <i class="et-icon-heart g-color-white"></i>
                </span>
                <span class="u-icon-v3 g-bg-darkred g-mr-15 g-mb-15">
                  <i class="et-icon-focus g-color-white"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode12" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Elegant Themes 100 Line Icons -->
        </section>
        <!-- Backgrounded Icons -->

        <hr class="g-brd-gray-light-v4 g-my-60">

        <!-- Backgrounded & Bordered Icons -->
        <section id="backgrounded-bordered-icons">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Backgrounded &amp; Bordered Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The backgrounded &amp; bordered icons style uses the <code>.u-icon-v4</code> class and
                <code>&lt;span class="u-icon-v4-inner"&gt;</code> as a child element.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Font Awesome Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Font Awesome Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode13">
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-thumbs-up"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-telegram"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-heart"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-camera-retro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-coffee"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-vcard"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-map"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-bicycle"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-birthday-cake"></i>
                  </span>
                </span>

                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-cogs"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-dollar"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-fast-forward"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-file"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-bar-chart"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-address-book"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-binoculars"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-briefcase"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-cc-visa"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-thumbs-up g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-telegram g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-heart g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-camera-retro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-coffee g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-vcard g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-map g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-bicycle g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-birthday-cake g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-cogs g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-dollar g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-fast-forward g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-file g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-bar-chart g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-address-book g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-binoculars g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-briefcase g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="fa fa-cc-visa g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode13" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Font Awesome Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode14">
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-user"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-phone"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-map"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-directions"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-layers"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-list"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-trophy"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-screen-desktop"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-plane"></i>
                  </span>
                </span>

                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-notebook"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-cursor"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-chemistry"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-graduation"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-ghost"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-game-controller"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-fire"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-eyeglass"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-envelope-letter"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-user icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-phone icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-map icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-directions icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-layers icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-list icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-trophy icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-screen-desktop icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-plane icons g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-notebook icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-cursor icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-chemistry icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-graduation icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-ghost icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-game-controller icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-fire icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-eyeglass icons g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-envelope-letter icons g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode14" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Simple Line Icons PRO -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons PRO</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode15">
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode15" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons PRO -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Elegant Themes 100 Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Elegant Themes 100 Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode16">
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-mobile"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-laptop"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-tablet"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-phone"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-document"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-documents"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-search"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-newspaper"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-notebook"></i>
                  </span>
                </span>

                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-calendar"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-map"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-picture"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-video"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-camera"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-printer"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-toolbox"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-wallet"></i>
                  </span>
                </span>
                <span class="u-icon-v4 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-gift"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-mobile g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-laptop g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-tablet g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-phone g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-document g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-documents g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-search g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-newspaper g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-notebook g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-calendar g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-map g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-picture g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-video g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-camera g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-printer g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-toolbox g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-wallet g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="et-icon-gift g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode16" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Elegant Themes 100 Line Icons -->
        </section>
        <!-- End Backgrounded & Bordered Icons -->

        <hr class="g-brd-gray-light-v4 g-my-60">

        <!-- Background Dot Icons -->
        <section id="background-dot-icons" style="display: none;">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Background Dot Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The icons style uses the <code>.u-icon-v5</code> class.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Simple Line Icons PRO -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Simple Line Icons PRO</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode17">
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-hotel-restaurant-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="icon-hotel-restaurant-010 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v5 u-icon-size--3xl g-bg-primary g-mr-25 g-mb-25">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-red g-mr-25 g-mb-25">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-lightred g-mr-25 g-mb-25">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-darkred g-mr-25 g-mb-25">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-blue g-mr-25 g-mb-25">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-indigo g-mr-25 g-mb-25">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-purple g-mr-25 g-mb-25">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-darkpurple g-mr-25 g-mb-25">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-pink g-mr-25 g-mb-25">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-orange g-mr-25 g-mb-25">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v5 u-icon-size--3xl g-bg-deeporange g-mr-25 g-mb-25">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-aqua g-mr-25 g-mb-25">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-yellow g-mr-25 g-mb-25">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-cyan g-mr-25 g-mb-25">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-teal g-mr-25 g-mb-25">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-brown g-mr-25 g-mb-25">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-bluegray g-mr-25 g-mb-25">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-black g-mr-25 g-mb-25">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-primary g-mr-25 g-mb-25">
                  <i class="icon-hotel-restaurant-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-red g-mr-25 g-mb-25">
                  <i class="icon-hotel-restaurant-010 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode17" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Simple Line Icons PRO -->

          <hr class="g-brd-gray-light-v4 g-my-60">

          <!-- Elegant Themes 100 Line Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Elegant Themes 100 Line Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode18">
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-calendar"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-map"></i>
                </span>

                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-printer"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-mr-25 g-mb-25">
                  <i class="et-icon-bargraph"></i>
                </span>

                <span class="u-icon-v5 u-icon-size--3xl g-bg-primary g-mr-25 g-mb-25">
                  <i class="et-icon-mobile"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-red g-mr-25 g-mb-25">
                  <i class="et-icon-laptop"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-lightred g-mr-25 g-mb-25">
                  <i class="et-icon-tablet"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-darkred g-mr-25 g-mb-25">
                  <i class="et-icon-phone"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-blue g-mr-25 g-mb-25">
                  <i class="et-icon-document"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-indigo g-mr-25 g-mb-25">
                  <i class="et-icon-documents"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-purple g-mr-25 g-mb-25">
                  <i class="et-icon-search"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-darkpurple g-mr-25 g-mb-25">
                  <i class="et-icon-newspaper"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-pink g-mr-25 g-mb-25">
                  <i class="et-icon-notebook"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-orange g-mr-25 g-mb-25">
                  <i class="et-icon-calendar"></i>
                </span>

                <span class="u-icon-v5 u-icon-size--3xl g-bg-deeporange g-mr-25 g-mb-25">
                  <i class="et-icon-map"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-aqua g-mr-25 g-mb-25">
                  <i class="et-icon-picture"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-yellow g-mr-25 g-mb-25">
                  <i class="et-icon-video"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-cyan g-mr-25 g-mb-25">
                  <i class="et-icon-camera"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-teal g-mr-25 g-mb-25">
                  <i class="et-icon-printer"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-brown g-mr-25 g-mb-25">
                  <i class="et-icon-toolbox"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-bluegray g-mr-25 g-mb-25">
                  <i class="et-icon-wallet"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-black g-mr-25 g-mb-25">
                  <i class="et-icon-gift"></i>
                </span>
                <span class="u-icon-v5 u-icon-size--3xl g-bg-bluegray g-mr-25 g-mb-25">
                  <i class="et-icon-bargraph"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode18" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Elegant Themes 100 Line Icons -->
        </section>
        <!-- Background Dot Icons -->

        <hr class="g-brd-gray-light-v4 g-my-60" style="display: none;">

        <!-- Rounded Icons -->
        <section id="rounded-icons">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Rounded Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The rounded icons style uses the <code>.g-rounded-*</code> class.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Rounded Bordered Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Rounded Bordered Icons</h3>
            </div>

            <div class="col-md-9 g-mb-60">
              <div id="shortcode19">
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-3 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-3 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-black g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-3 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode19" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode20">
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-10 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-10 g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-black g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-red g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-10 g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode20" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode21">
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-50x g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-red g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-blue g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-indigo g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-purple g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-darkpurple g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-pink g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-orange g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-deeporange g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 g-rounded-50x g-color-aqua g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-yellow g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-cyan g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-teal g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-brown g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-bluegray g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-black g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-primary g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-red g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-lightred g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 g-rounded-50x g-color-darkred g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode21" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Rounded Bordered Icons -->

          <hr class="g-brd-gray-light-v4 g-mt-0 g-mb-60">

          <!-- Rounded Backgrounded Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Rounded Backgrounded Icons</h3>
            </div>

            <div class="col-md-9 g-mb-60">
              <div id="shortcode22">
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-3 g-bg-primary-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-red-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-lightred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-darkred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 g-color-darkred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-blue-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 g-color-blue u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-indigo-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 g-color-indigo u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-purple-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 g-color-purple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-darkpurple-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 g-color-darkpurple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-pink-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 g-color-pink u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-orange-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 g-color-orange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-deeporange-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 g-color-deeporange u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-3 g-bg-aqua-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 g-color-aqua u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-yellow-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 g-color-yellow u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-cyan-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 g-color-cyan u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-teal-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 g-color-teal u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-brown-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 g-color-brown u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-bluegray-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 g-color-bluegray u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-black-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 g-color-black u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-primary-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-red-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-lightred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-3 g-bg-darkred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 g-color-darkred u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode22" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode23">
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-10 g-bg-primary-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-red-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-lightred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-darkred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 g-color-darkred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-blue-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 g-color-blue u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-indigo-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 g-color-indigo u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-purple-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 g-color-purple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-darkpurple-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 g-color-darkpurple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-pink-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 g-color-pink u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-orange-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 g-color-orange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-deeporange-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 g-color-deeporange u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-10 g-bg-aqua-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 g-color-aqua u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-yellow-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 g-color-yellow u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-cyan-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 g-color-cyan u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-teal-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 g-color-teal u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-brown-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 g-color-brown u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-bluegray-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 g-color-bluegray u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-black-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 g-color-black u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-primary-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-red-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-lightred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-10 g-bg-darkred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 g-color-darkred u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode23" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode24">
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-010 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-011 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-025 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-mr-15 g-mb-15">
                  <i class="icon-communication-054 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-50x g-bg-primary-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-005 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-red-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-017 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-lightred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-021 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-darkred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-038 g-color-darkred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-blue-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-037 g-color-blue u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-indigo-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-043 g-color-indigo u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-purple-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-079 g-color-purple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-darkpurple-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-christmas-083 g-color-darkpurple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-pink-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-014 g-color-pink u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-orange-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-028 g-color-orange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-deeporange-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-016 g-color-deeporange u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 g-rounded-50x g-bg-aqua-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-083 g-color-aqua u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-yellow-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-076 g-color-yellow u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-cyan-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-058 g-color-cyan u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-teal-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-clothes-021 g-color-teal u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-brown-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-002 g-color-brown u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-bluegray-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-005 g-color-bluegray u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-black-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-010 g-color-black u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-primary-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-011 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-red-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-025 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-lightred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-017 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 g-rounded-50x g-bg-darkred-opacity-0_1 g-mr-15 g-mb-15">
                  <i class="icon-communication-054 g-color-darkred u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode24" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Rounded Backgrounded Icons -->

          <hr class="g-brd-gray-light-v4 g-mt-0 g-mb-60">

          <!-- Rounded Backgrounded &amp; Bordered Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Rounded Backgrounded &amp; Bordered Icons</h3>
            </div>

            <div class="col-md-9 g-mb-60">
              <div id="shortcode25">
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-3 u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode25" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode26">
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode26" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode27">
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-primary g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-red g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-lightred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-darkred g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-blue g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-indigo g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-purple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-darkpurple g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-pink g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-orange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-deeporange g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-aqua g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-yellow g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-cyan g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-teal g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-brown g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-002 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-bluegray g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-v4-rounded-50x u-icon-v4-bg-black g-mr-15 g-mb-15">
                  <span class="u-icon-v4-inner">
                    <i class="icon-communication-010 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode27" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Rounded Backgrounded &amp; Bordered Icons -->
        </section>
        <!-- End Rounded Icons -->

        <hr class="g-brd-gray-light-v4 g-mt-0 g-mb-60">

        <!-- Rotated Icons -->
        <section id="rotated-icons">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">Rotated Icons</h2>
            </div>

            <div class="g-pl-90">
              <p>The rotated icons style uses the <code>.u-icon-rotation</code> class.</p>
            </div>
          </header>
          <!-- End Heading -->

          <!-- Rotated Bordered Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Rotated Bordered Icons</h3>
            </div>

            <div class="col-md-9 g-mb-60">
              <div id="shortcode28">
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-color-primary g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-red g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-lightred g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-darkred g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-blue g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-indigo g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-purple g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-darkpurple g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-color-pink g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-orange g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-deeporange g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-aqua g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-yellow g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-cyan g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-teal g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-color-brown g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode28" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode29">
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-primary g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-red g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-lightred g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-darkred g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-blue g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-indigo g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-purple g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-darkpurple g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-pink g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-orange g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-deeporange g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-aqua g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-yellow g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-cyan g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-teal g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-3 g-color-brown g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode29" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode30">
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-primary g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-red g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-lightred g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-darkred g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-blue g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-indigo g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-purple g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-darkpurple g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-pink g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-orange g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-deeporange g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-aqua g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-yellow g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-cyan g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-teal g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v2 u-icon-rotation g-rounded-10 g-color-brown g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode30" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Rotated Bordered Icons -->

          <hr class="g-brd-gray-light-v4 g-mt-0 g-mb-60">

          <!-- Rotated Backgrounded Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Rotated Backgrounded Icons</h3>
            </div>

            <div class="col-md-9 g-mb-60">
              <div id="shortcode31">
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-bg-primary-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-red-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-lightred-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-darkred-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 g-color-darkred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-blue-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 g-color-blue u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-indigo-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 g-color-indigo u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-purple-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 g-color-purple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-darkpurple-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 g-color-darkpurple u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-bg-pink-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 g-color-pink u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-orange-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 g-color-orange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-deeporange-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 g-color-deeporange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-aqua-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 g-color-aqua u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-yellow-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 g-color-yellow u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-cyan-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 g-color-cyan u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-teal-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 g-color-teal u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-bg-brown-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 g-color-brown u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode31" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode32">
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-primary-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-red-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-lightred-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-darkred-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 g-color-darkred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-blue-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 g-color-blue u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-indigo-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 g-color-indigo u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-purple-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 g-color-purple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-darkpurple-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 g-color-darkpurple u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-pink-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 g-color-pink u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-orange-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 g-color-orange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-deeporange-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 g-color-deeporange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-aqua-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 g-color-aqua u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-yellow-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 g-color-yellow u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-cyan-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 g-color-cyan u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-teal-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 g-color-teal u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-3 g-bg-brown-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 g-color-brown u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode32" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode33">
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-primary-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-005 g-color-primary u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-red-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-017 g-color-red u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-lightred-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-021 g-color-lightred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-darkred-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-038 g-color-darkred u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-blue-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-037 g-color-blue u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-indigo-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-043 g-color-indigo u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-purple-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-079 g-color-purple u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-darkpurple-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-christmas-083 g-color-darkpurple u-line-icon-pro"></i>
                </span>

                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-pink-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-014 g-color-pink u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-orange-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-028 g-color-orange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-deeporange-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-016 g-color-deeporange u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-aqua-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-083 g-color-aqua u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-yellow-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-076 g-color-yellow u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-cyan-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-058 g-color-cyan u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-teal-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-clothes-021 g-color-teal u-line-icon-pro"></i>
                </span>
                <span class="u-icon-v3 u-icon-rotation g-rounded-10 g-bg-brown-opacity-0_1 g-mr-40 g-mb-40">
                  <i class="icon-communication-002 g-color-brown u-line-icon-pro"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode33" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Rotated Backgrounded Icons -->

          <hr class="g-brd-gray-light-v4 g-mt-0 g-mb-60">

          <!-- Rotated Backgrounded &amp; Bordered Icons -->
          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Rotated Backgrounded &amp; Bordered Icons</h3>
            </div>

            <div class="col-md-9 g-mb-60">
              <div id="shortcode34">
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-primary g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-red g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-lightred g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-darkred g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-blue g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-indigo g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-purple g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-darkpurple g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-pink g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-orange g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-deeporange g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-aqua g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-yellow g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-bg-cyan g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode34" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode35">
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-primary g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-red g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-lightred g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-darkred g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-blue g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-indigo g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-purple g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-darkpurple g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-pink g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-orange g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-deeporange g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-aqua g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-yellow g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-3 u-icon-v4-bg-cyan g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode35" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>

            <div class="col-md-9 ml-md-auto g-mb-60">
              <div id="shortcode36">
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-primary g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-005 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-red g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-017 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-lightred g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-021 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-darkred g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-038 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-blue g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-037 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-indigo g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-043 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>

                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-purple g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-079 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-darkpurple g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-christmas-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-pink g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-014 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-orange g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-028 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-deeporange g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-016 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-aqua g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-083 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-yellow g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-076 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
                <span class="u-icon-v4 u-icon-rotation u-icon-v4-rounded-10 u-icon-v4-bg-cyan g-mr-40 g-mb-40">
                  <span class="u-icon-v4-inner">
                    <i class="icon-clothes-058 u-line-icon-pro g-color-white"></i>
                  </span>
                </span>
              </div>

              {% set contentTarget = "#shortcode36" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
          <!-- End Rotated Backgrounded &amp; Bordered Icons -->
        </section>
        <!-- End Rotated Icons -->

        <hr class="g-brd-gray-light-v4 g-mt-0 g-mb-60">

        <!-- WAIT! Animate -->
        <section id="wait-animate">
          <!-- Heading -->
          <header class="g-mb-60">
            <div class="u-heading-v6-2 text-uppercase">
              <h2 class="h4 u-heading-v6__title g-font-weight-300">WAIT! Animate</h2>
            </div>
          </header>
          <!-- End Heading -->

          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Plain Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode37">
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-wrench wrench"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-bell ring"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-arrows-v vertical"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-arrows-h horizontal"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-lightbulb-o double-flash"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-futbol-o bounce"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-refresh spin"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-cloud float"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-heart pulse"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-trophy tada"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-fighter-jet passing"></i>
                </span>
                <span class="u-icon-v1 g-mr-20 g-mb-20">
                  <i class="fa fa-fighter-jet passing-reverse"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode37" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>

          <hr class="g-brd-gray-light-v4 g-my-60">

          <div class="row">
            <div class="col-md-3">
              <h3 class="h4 g-font-weight-300">Bordered Icons</h3>
            </div>

            <div class="col-md-9">
              <div id="shortcode38">
                <span class="u-icon-v2 g-color-gray wrench g-mr-20 g-mb-20">
                  <i class="fa fa-wrench"></i>
                </span>
                <span class="u-icon-v2 g-color-gray shake g-mr-20 g-mb-20">
                  <i class="fa fa-envelope"></i>
                </span>
                <span class="u-icon-v2 g-color-gray ring g-mr-20 g-mb-20">
                  <i class="fa fa-bell"></i>
                </span>
                <span class="u-icon-v2 vertical g-color-gray g-mr-20 g-mb-20">
                  <i class="fa fa-arrows-v"></i>
                </span>
                <span class="u-icon-v2 horizontal g-color-gray g-mr-20 g-mb-20">
                  <i class="fa fa-arrows-h"></i>
                </span>
                <span class="u-icon-v2 g-color-gray double-flash g-mr-20 g-mb-20">
                  <i class="fa fa-lightbulb-o"></i>
                </span>
                <span class="u-icon-v2 bounce g-color-gray g-mr-20 g-mb-20">
                  <i class="fa fa-futbol-o"></i>
                </span>
                <span class="u-icon-v2 g-color-gray spin g-mr-20 g-mb-20">
                  <i class="fa fa-refresh"></i>
                </span>
                <span class="u-icon-v2 pulse g-color-gray g-mr-20 g-mb-20">
                  <i class="fa fa-heart"></i>
                </span>
                <span class="u-icon-v2 tada g-color-gray g-mr-20 g-mb-20">
                  <i class="fa fa-trophy"></i>
                </span>
              </div>

              {% set contentTarget = "#shortcode38" %}
              {% set modalID = "#modalMarkup" %}
              {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
            </div>
          </div>
        </section>
      </div>
    </section>

    {% include "html/assets/include/nunjucks/partials/blocks/cta/cta-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/footers/footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/footers/copyright-footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/go-to-top/go-to-top-1.njk" %}
  </main>

  {% include "html/assets/include/nunjucks/partials/blocks/modals/modal-markup.njk" %}

  {% include "html/assets/include/nunjucks/partials/core-js.njk" %}

  <!-- JS Implementing Plugins -->
  <script src="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
  {% include "html/assets/include/nunjucks/partials/js/js-dzsparallaxer.njk" %}

  {% include "html/assets/include/nunjucks/partials/js/js-jquery-ui-core.njk" %}

  <!-- jQuery UI Helpers -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/menu.js"></script>
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/mouse.js"></script>

  <!-- jQuery UI Widgets -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/autocomplete.js"></script>

  <!-- JS Unify -->
  <script src="{{ root }}assets/js/hs.core.js"></script>

  <script src="{{ root }}assets/js/components/hs.header.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.hamburgers.js"></script>
  <script src="{{ root }}assets/js/components/hs.header-side.js"></script>

  <script src="{{ root }}assets/js/components/hs.autocomplete-local-search.js"></script>
  <script src="{{ root }}assets/style-switcher/vendor/cookiejs/jquery.cookie.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.shortcode-filter.js"></script>

  <script src="{{ root }}assets/js/components/hs.go-to.js"></script>

  {% include "html/assets/include/nunjucks/partials/js/js-show-code.njk" %}

  <!-- JS Custom -->
  <script src="{{ root }}assets/js/custom.js"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(document).on('ready', function () {
      // initialization of go to
      $.HSCore.components.HSGoTo.init('.js-go-to');
    });

    $(window).on('load', function () {
      // initialization of header
      $.HSCore.components.HSHeader.init($('#js-header'));
      $.HSCore.helpers.HSHamburgers.init('.hamburger');
      $.HSCore.components.HSHeaderSide.init($('#sideNav'));

      // initialization of autocomplet
      $.HSCore.components.HSLocalSearchAutocomplete.init('#u-sidebar-navigation__search-autocomplete');

      // initialization of HSMegaMenu component
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991
      });
    });
  </script>
</body>
</html>
