{# Settings #}
{% set root = "../../" %}
{% set mainNavActive_1 = "shortcodes" %}
{% set sidebarNavActive_1 = "shortcode-blocks-icons" %}
{% set title = "Icon Blocks" %}

{% 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/jquery-ui/themes/base/jquery-ui.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">

{% 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-block.njk" %}

    <section>
      <!-- Icon Blocks v1 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#01</span>
            </h2>
          </div>

          <div id="shortcode1">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 u-icon-block--hover g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v3 g-color-gray-dark-v4 g-bg-secondary g-bg-primary--hover g-color-white--hover rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Creative ideas</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 u-icon-block--hover g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v3 g-color-gray-dark-v4 g-bg-secondary g-bg-primary--hover g-color-white--hover rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Excellent features</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 u-icon-block--hover g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v3 g-color-gray-dark-v4 g-bg-secondary g-bg-primary--hover g-color-white--hover rounded-circle">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Fully responsive</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 u-icon-block--hover g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v3 g-color-gray-dark-v4 g-bg-secondary g-bg-primary--hover g-color-white--hover rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Clean code</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 u-icon-block--hover g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v3 g-color-gray-dark-v4 g-bg-secondary g-bg-primary--hover g-color-white--hover rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Extensive documentation</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 u-icon-block--hover g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v3 g-color-gray-dark-v4 g-bg-secondary g-bg-primary--hover g-color-white--hover rounded-circle">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Modern design</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v2 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#02</span>
            </h2>
          </div>

          <div id="shortcode2">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Creative ideas</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Excellent features</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Fully responsive</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Clean code</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Extensive documentation</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Modern design</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v3 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#03</span>
            </h2>
          </div>

          <div id="shortcode3">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black g-line-height-1_6 mb-0">Creative ideas</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <hr class="g-my-15">
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black g-line-height-1_6 mb-0">Excellent features</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <hr class="g-my-15">
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black g-line-height-1_6 mb-0">Fully responsive</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <hr class="g-my-15">
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black g-line-height-1_6 mb-0">Clean code</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <hr class="g-my-15">
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black g-line-height-1_6 mb-0">Extensive documentation</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <hr class="g-my-15">
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black g-line-height-1_6 mb-0">Modern design</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <hr class="g-my-15">
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode3" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v3 -->

      <!-- Icon Blocks v4 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#04</span>
            </h2>
          </div>

          <div id="shortcode4">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Creative ideas</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Excellent features</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Fully responsive</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Clean code</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Extensive documentation</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-3">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Modern design</h3>
                      <span class="d-block g-color-gray-dark-v5">Design is functional</span>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode4" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v4 -->

      <!-- Icon Blocks v5 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#05</span>
            </h2>
          </div>

          <div id="shortcode5">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-50x g-color-gray-dark-v4 g-bg-gray-light-v4 rounded-circle">
                        <span class="u-icon-v4-inner">
                          <i class="icon-education-087 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-50x g-color-gray-dark-v4 g-bg-gray-light-v4 rounded-circle">
                        <span class="u-icon-v4-inner">
                          <i class="icon-education-035 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-50x g-color-gray-dark-v4 g-bg-gray-light-v4 rounded-circle">
                        <span class="u-icon-v4-inner">
                          <i class="icon-education-141 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-50x g-color-gray-dark-v4 g-bg-gray-light-v4 rounded-circle">
                        <span class="u-icon-v4-inner">
                          <i class="icon-finance-256 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-50x g-color-gray-dark-v4 g-bg-gray-light-v4 rounded-circle">
                        <span class="u-icon-v4-inner">
                          <i class="icon-science-020 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-50x g-color-gray-dark-v4 g-bg-gray-light-v4 rounded-circle">
                        <span class="u-icon-v4-inner">
                          <i class="icon-finance-009 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v6 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#06</span>
            </h2>
          </div>

          <div id="shortcode6">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-color-white">
                        <span class="u-icon-v4-inner">
                          <i class="icon-education-087 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-color-white">
                        <span class="u-icon-v4-inner">
                          <i class="icon-education-035 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-color-white">
                        <span class="u-icon-v4-inner">
                          <i class="icon-education-141 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-color-white">
                        <span class="u-icon-v4-inner">
                          <i class="icon-finance-256 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-color-white">
                        <span class="u-icon-v4-inner">
                          <i class="icon-science-020 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v4 u-icon-v4-rounded-10 u-icon-v4-bg-primary g-color-white">
                        <span class="u-icon-v4-inner">
                          <i class="icon-finance-009 u-line-icon-pro"></i>
                        </span>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-15">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v7 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#07</span>
            </h2>
          </div>

          <div id="shortcode7">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="u-icon-v2 g-color-white g-bg-teal g-rounded-5 g-mb-20">
                    <i class="icon-education-087 u-line-icon-pro"></i>
                  </span>
                  <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="u-icon-v2 g-color-white g-bg-teal g-rounded-5 g-mb-20">
                    <i class="icon-education-035 u-line-icon-pro"></i>
                  </span>
                  <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="u-icon-v2 g-color-white g-bg-teal g-rounded-5 g-mb-20">
                    <i class="icon-education-141 u-line-icon-pro"></i>
                  </span>
                  <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="u-icon-v2 g-color-white g-bg-teal g-rounded-5 g-mb-20">
                    <i class="icon-finance-256 u-line-icon-pro"></i>
                  </span>
                  <h3 class="h5 g-color-black mb-20">Clean code</h3>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="u-icon-v2 g-color-white g-bg-teal g-rounded-5 g-mb-20">
                    <i class="icon-science-020 u-line-icon-pro"></i>
                  </span>
                  <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="u-icon-v2 g-color-white g-bg-teal g-rounded-5 g-mb-20">
                    <i class="icon-finance-009 u-line-icon-pro"></i>
                  </span>
                  <h3 class="h5 g-color-black mb-20">Modern design</h3>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v8 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#08</span>
            </h2>
          </div>

          <div id="shortcode8">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 g-color-teal rounded-circle g-mb-20">
                      <i class="icon-education-087 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 g-color-teal rounded-circle g-mb-20">
                      <i class="icon-education-035 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Excellent features</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 g-color-teal rounded-circle g-mb-20">
                      <i class="icon-education-141 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 g-color-teal rounded-circle g-mb-20">
                      <i class="icon-finance-256 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Clean code</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 g-color-teal rounded-circle g-mb-20">
                      <i class="icon-science-020 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Extensive documentation</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 g-color-teal rounded-circle g-mb-20">
                      <i class="icon-finance-009 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Modern design</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode8" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v8 -->

      <!-- Icon Blocks v9 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#09</span>
            </h2>
          </div>

          <div id="shortcode9">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-lg-right">
                    <span class="u-icon-v2 g-color-white g-bg-purple g-rounded-5 g-mb-20">
                      <i class="icon-education-087 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-lg-right">
                    <span class="u-icon-v2 g-color-white g-bg-purple g-rounded-5 g-mb-20">
                      <i class="icon-education-035 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-lg-right">
                    <span class="u-icon-v2 g-color-white g-bg-purple g-rounded-5 g-mb-20">
                      <i class="icon-education-141 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-lg-right">
                    <span class="u-icon-v2 g-color-white g-bg-purple g-rounded-5 g-mb-20">
                      <i class="icon-finance-256 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-20">Clean code</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-lg-right">
                    <span class="u-icon-v2 g-color-white g-bg-purple g-rounded-5 g-mb-20">
                      <i class="icon-science-020 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-lg-right">
                    <span class="u-icon-v2 g-color-white g-bg-purple g-rounded-5 g-mb-20">
                      <i class="icon-finance-009 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-20">Modern design</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v10 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#10</span>
            </h2>
          </div>

          <div id="shortcode10">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 text-md-right g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-primary g-rounded-5">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-primary g-rounded-5">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-primary g-rounded-5">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-primary g-rounded-5">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-primary g-rounded-5">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-primary g-rounded-5">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v11 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#11</span>
            </h2>
          </div>

          <div id="shortcode11">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 text-md-right g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4" class="g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-orange rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <hr class="g-my-40">

                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4" class="g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-orange rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <hr class="g-my-40">

                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4" class="g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-orange rounded-circle">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-orange rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4" class="g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <hr class="g-my-40">

                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-orange rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4" class="g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <hr class="g-my-40">

                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-orange rounded-circle">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4" class="g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode11" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v11 -->

      <!-- Icon Blocks v12 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#12</span>
            </h2>
          </div>

          <div id="shortcode12">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 text-md-right g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-gray-dark-v4 g-rounded-5">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-gray-dark-v4 g-rounded-5">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-gray-dark-v4 g-rounded-5">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-gray-dark-v4 g-rounded-5">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-gray-dark-v4 g-rounded-5">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-gray-dark-v4 g-rounded-5">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode12" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v12 -->

      <!-- Icon Blocks v13 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#13</span>
            </h2>
          </div>

          <div id="shortcode13">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-10">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="g-color-gray-dark-v4 g-font-size-26">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                  <hr class="g-mt-30">
                </div>

                <div class="col-lg-4 g-mb-10">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="g-color-gray-dark-v4 g-font-size-26">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                  <hr class="g-mt-30">
                </div>

                <div class="col-lg-4 g-mb-10">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="g-color-gray-dark-v4 g-font-size-26">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                  <hr class="g-mt-30">
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="g-color-gray-dark-v4 g-font-size-26">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="g-color-gray-dark-v4 g-font-size-26">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="g-color-gray-dark-v4 g-font-size-26">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v14 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#14</span>
            </h2>
          </div>

          <div id="shortcode14">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-teal g-font-size-35 g-mb-5">
                      <i class="icon-education-087 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-teal g-font-size-35 g-mb-5">
                      <i class="icon-education-035 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Excellent features</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-teal g-font-size-35 g-mb-5">
                      <i class="icon-education-141 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-teal g-font-size-35 g-mb-5">
                      <i class="icon-finance-256 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Clean code</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-teal g-font-size-35 g-mb-5">
                      <i class="icon-science-020 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Extensive documentation</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-teal g-font-size-35 g-mb-5">
                      <i class="icon-finance-009 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Modern design</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v15 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#15</span>
            </h2>
          </div>

          <div id="shortcode15">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 g-color-gray-dark-v4 rounded-circle">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <a class="g-font-weight-600 g-font-size-12 g-text-underline--none--hover text-uppercase" href="#">Learn More</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode15" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v15 -->

      <!-- Icon Blocks v16 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#16</span>
            </h2>
          </div>

          <div id="shortcode16">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-pb-40 g-pa-40--sm g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white g-bg-cyan-gradient-opacity-v1 rounded-circle g-mb-20">
                      <i class="icon-education-087 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-brd-left--lg g-brd-gray-light-v4 g-pb-40 g-pa-40--sm">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white g-bg-cyan-gradient-opacity-v1 rounded-circle g-mb-20">
                      <i class="icon-education-035 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Excellent features</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-brd-left--lg g-brd-gray-light-v4 g-pb-40 g-pa-40--sm">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-inline-block u-icon-v3 u-icon-size--xl g-color-white g-bg-cyan-gradient-opacity-v1 rounded-circle g-mb-20">
                      <i class="icon-education-141 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode16" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v16 -->

      <!-- Icon Blocks v17 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#17</span>
            </h2>
          </div>

          <div id="shortcode17">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center u-icon-block--hover">
                    <span class="d-inline-block u-icon-v4 u-icon-v4-rounded-50x u-icon-size--xl u-icon-v4-bg-primary--hover g-color-white--hover g-mb-20">
                      <span class="u-icon-v4-inner">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Clean code</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center u-icon-block--hover">
                    <span class="d-inline-block u-icon-v4 u-icon-v4-rounded-50x u-icon-size--xl u-icon-v4-bg-primary--hover g-color-white--hover g-mb-20">
                      <span class="u-icon-v4-inner">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Extensive documentation</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center u-icon-block--hover">
                    <span class="d-inline-block u-icon-v4 u-icon-v4-rounded-50x u-icon-size--xl u-icon-v4-bg-primary--hover g-color-white--hover g-mb-20">
                      <span class="u-icon-v4-inner">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </span>
                    <h3 class="h5 g-color-black mb-3">Modern design</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode17" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v17 -->

      <!-- Icon Blocks v18 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#18</span>
            </h2>
          </div>

          <div id="shortcode18">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center u-icon-block--hover">
                    <img class="u-image-icon-size-2xl rounded-circle g-mb-25" src="{{ root }}assets/img/icons/set-1/01.png" alt="Image Description">
                    <h3 class="h5 g-color-black mb-3">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center u-icon-block--hover">
                    <img class="u-image-icon-size-2xl rounded-circle g-mb-25" src="{{ root }}assets/img/icons/set-1/02.png" alt="Image Description">
                    <h3 class="h5 g-color-black mb-3">Excellent features</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center u-icon-block--hover">
                    <img class="u-image-icon-size-2xl rounded-circle g-mb-25" src="{{ root }}assets/img/icons/set-1/03.png" alt="Image Description">
                    <h3 class="h5 g-color-black mb-3">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode18" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v18 -->

      <!-- Icon Blocks v19 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#19</span>
            </h2>
          </div>

          <div id="shortcode19">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v1 u-icon-size--lg g-color-primary">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v1 u-icon-size--lg g-color-primary">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v1 u-icon-size--lg g-color-primary">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v1 u-icon-size--lg g-color-primary">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v1 u-icon-size--lg g-color-primary">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v1 u-icon-size--lg g-color-primary">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v20 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#20</span>
            </h2>
          </div>

          <div id="shortcode20">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="icon-electronics-005 u-line-icon-pro"></i>
                    </span>
                    <h4 class="h6 g-color-black mb-0">+1 (123) 456 143</h4>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="icon-communication-011 u-line-icon-pro"></i>
                    </span>
                    <h4 class="h6 g-color-black mb-0">New York, United States</h4>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="icon-communication-062 u-line-icon-pro"></i>
                    </span>
                    <h4 class="h6 g-color-black mb-0">Unify@gmail.com</h4>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v21 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#21</span>
            </h2>
          </div>

          <div id="shortcode21">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="et-icon-tools"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Creative ideas</h3>
                    <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="et-icon-laptop"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Excellent features</h3>
                    <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="et-icon-strategy"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Fully responsive</h3>
                    <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                      <i class="et-icon-chat"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Clean code</h3>
                    <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v22 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-80">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#22</span>
            </h2>
          </div>

          <div id="shortcode22">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block display-1 g-line-height-1 g-mt-minus-2">
                        <i class="icon-finance-082 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <span class="d-block g-color-gray-dark-v5 text-uppercase g-mb-5">PDF</span>
                      <h3 class="h5 g-mb-10">More than a look, design is functional.</h3>
                      <a href="#">Download</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block display-1 g-line-height-1 g-mt-minus-2">
                        <i class="icon-finance-082 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <span class="d-block g-color-gray-dark-v5 text-uppercase g-mb-5">Doc</span>
                      <h3 class="h5 g-mb-10">More than a look, design is functional.</h3>
                      <a href="#">Download</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block display-1 g-line-height-1 g-mt-minus-2">
                        <i class="icon-finance-082 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <span class="d-block g-color-gray-dark-v5 text-uppercase g-mb-5">Zip</span>
                      <h3 class="h5 g-mb-10">More than a look, design is functional.</h3>
                      <a href="#">Download</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v23 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#23</span>
            </h2>
          </div>

          <div id="shortcode23">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Top 100 templates</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-red rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Wikipedia</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-orange rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Programming</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-blue rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Hi-Tech</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-60">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-pink rounded-circle">
                        <i class="icon-real-estate-066 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Engineering</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-teal rounded-circle">
                        <i class="icon-communication-116 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Others</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v24 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#24</span>
            </h2>
          </div>

          <div id="shortcode24">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 text-md-right g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Excellent features</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-gray-dark-v2 rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="media-body mr-4">
                      <h3 class="h5 g-color-black mb-20">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                    <div class="d-flex">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-141 u-line-icon-pro"></i>
                      </span>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-gray-dark-v2 rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Clean code</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-primary rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 g-color-white g-bg-gray-dark-v2 rounded-circle">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black mb-20">Modern design</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v25 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#25</span>
            </h2>
          </div>

          <div id="shortcode25">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                    <i class="et-icon-tools"></i>
                  </span>
                  <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Creative ideas</h3>
                  <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                  <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                    <i class="et-icon-laptop"></i>
                  </span>
                  <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Excellent features</h3>
                  <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                  <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                    <i class="et-icon-strategy"></i>
                  </span>
                  <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Fully responsive</h3>
                  <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                  <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-5">
                    <i class="et-icon-chat"></i>
                  </span>
                  <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase mb-20">Clean code</h3>
                  <div class="d-inline-block g-width-30 g-brd-bottom g-brd-gray-dark-v5 g-my-15"></div>
                  <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v26 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#26</span>
            </h2>
          </div>

          <div id="shortcode26">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-20">
                      <i class="et-icon-tools"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase g-mb-25">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-20">
                      <i class="et-icon-laptop"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase g-mb-25">Excellent features</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-20">
                      <i class="et-icon-strategy"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase g-mb-25">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="d-block g-color-gray-dark-v4 g-font-size-40 g-mb-20">
                      <i class="et-icon-chat"></i>
                    </span>
                    <h3 class="g-color-black g-font-weight-400 g-font-size-13 text-uppercase g-mb-25">Clean code</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v27 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#27</span>
            </h2>
          </div>

          <div id="shortcode27">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6">
                  <!-- Icon Blocks -->
                  <article class="media g-mb-20">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--2xl g-brd-4 g-color-primary g-brd-primary--hover g-rounded-50x">
                        <i class="icon-finance-009 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h4 g-color-black">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt.</p>
                    </div>
                  </article>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6">
                  <!-- Icon Blocks -->
                  <article class="media g-mb-20">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--2xl g-brd-4 g-color-primary g-brd-primary--hover g-rounded-50x">
                        <i class="icon-finance-011 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h4 g-color-black">Branding and identity</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant and ready to adapt.</p>
                    </div>
                  </article>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode27" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v27 -->

      <!-- Icon Blocks v28 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#28</span>
            </h2>
          </div>

          <div id="shortcode28">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 u-icon-size--3xl g-brd-7 g-brd-gray-light-v4 g-color-primary g-rounded-50x g-mb-25">
                      <i class="icon-education-087 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-25">Creative ideas</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 u-icon-size--3xl g-brd-7 g-brd-gray-light-v4 g-color-primary g-rounded-50x g-mb-25">
                      <i class="icon-education-035 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-25">Excellent features</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 u-icon-size--3xl g-brd-7 g-brd-gray-light-v4 g-color-primary g-rounded-50x g-mb-25">
                      <i class="icon-education-141 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-25">Fully responsive</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 col-lg-3 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="text-center">
                    <span class="u-icon-v2 u-icon-size--3xl g-brd-7 g-brd-gray-light-v4 g-color-primary g-rounded-50x g-mb-25">
                      <i class="icon-finance-256 u-line-icon-pro"></i>
                    </span>
                    <h3 class="h5 g-color-black mb-25">Clean code</h3>
                    <p class="g-color-gray-dark-v4 g-mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v29 -->
      <section class="container g-py-100">
        <div class="text-center g-mb-50">
          <h2 class="h4">Icon Blocks
            <span class="g-color-primary g-ml-5">#29</span>
          </h2>
        </div>

        <div id="shortcode29">
          <div class="shortcode-html">
            <!-- Icon Blocks -->
            <div class="row">
              <div class="col-lg-4 g-mb-30">
                <!-- Icon Blocks -->
                <div class="text-center">
                  <span class="u-icon-v2 u-icon-size--lg g-brd-3 g-brd-primary g-color-black g-rounded-50x g-mb-25">
                    <i class="g-font-style-normal">1</i>
                  </span>
                  <h3 class="h5 g-color-black g-mb-10">Meet your accountant</h3>
                  <p class="mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                </div>
                <!-- End Icon Blocks -->
              </div>

              <div class="col-lg-4 g-mb-30">
                <!-- Icon Blocks -->
                <div class="text-center">
                  <span class="u-icon-v2 u-icon-size--lg g-brd-3 g-brd-primary g-color-black g-rounded-50x g-mb-25">
                    <i class="g-font-style-normal">2</i>
                  </span>
                  <h3 class="h5 g-color-black g-mb-10">Connect bank &amp; creadit cards</h3>
                  <p class="mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                </div>
                <!-- End Icon Blocks -->
              </div>

              <div class="col-lg-4 g-mb-30">
                <!-- Icon Blocks -->
                <div class="text-center">
                  <span class="u-icon-v2 u-icon-size--lg g-brd-3 g-brd-primary g-color-black g-rounded-50x g-mb-25">
                    <i class="g-font-style-normal">3</i>
                  </span>
                  <h3 class="h5 g-color-black g-mb-10">Set up system</h3>
                  <p class="mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                </div>
                <!-- End Icon Blocks -->
              </div>
            </div>
            <!-- End Icon Blocks -->
          </div>
        </div>

        {% set contentTarget = "#shortcode29" %}
        {% set modalID = "#modalMarkup" %}
        {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
      </section>
      <!-- End Icon Blocks v29 -->

      <!-- Icon Blocks v30 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#30</span>
            </h2>
          </div>

          <div id="shortcode30">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex align-self-center mr-4">
                      <span class="d-block g-color-primary g-font-size-38">
                        <i class="icon-education-024"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h4 mb-0">Education</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4 mb-0">Now that we've aligned the details, it's time to get things mapped out and organized. This part is really crucial in keeping the project in line to completion.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex align-self-center mr-4">
                      <span class="d-block g-color-primary g-font-size-38">
                        <i class="icon-medical-004"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h4 mb-0">Health</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4 mb-0">Now that we've aligned the details, it's time to get things mapped out and organized. This part is really crucial in keeping the project in line to completion.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v31 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#31</span>
            </h2>
          </div>

          <div id="shortcode31">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-4 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-30">
                    <span class="d-flex g-color-primary g-font-size-30 mr-3">
                      <i class="icon-real-estate-027 u-line-icon-pro"></i>
                    </span>
                    <div class="media-body">
                      <h4 class="h6 g-color-black g-font-weight-600 text-uppercase g-mb-3">Address</h4>
                      Ney York, United States
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-4 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-30">
                    <span class="d-flex g-color-primary g-font-size-30 mr-3">
                      <i class="icon-electronics-005 u-line-icon-pro"></i>
                    </span>
                    <div class="media-body">
                      <h4 class="h6 g-color-black g-font-weight-600 text-uppercase g-mb-3">Phone Number</h4>
                      +48 555 2566 112
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-4 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-30">
                    <span class="d-flex g-color-primary g-font-size-30 mr-3">
                      <i class="icon-communication-062 u-line-icon-pro"></i>
                    </span>
                    <div class="media-body">
                      <h4 class="h6 g-color-black g-font-weight-600 text-uppercase g-mb-3">Email</h4>
                      <a href="#" class="g-color-main">info@htmlstream.com</a>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v32 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#32</span>
            </h2>
          </div>

          <div id="shortcode32">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-254"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Daily graphs</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-218"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Consulting service</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-072"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Mobile ready</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-249"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Data charts</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-160"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Professional team</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-067"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Personal assistant</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v33 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#33</span>
            </h2>
          </div>

          <div id="shortcode33">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-6 g-pb-40">
                  <h2 class="h3 g-color-black g-font-weight-600 text-uppercase mb-0">Launch your project</h2>
                  <span class="d-block g-color-primary g-font-weight-300 g-font-size-20 g-mb-30">Become Succesfull</span>
                  <div class="row">
                    <div class="col-md-4 g-mb-30 g-mb-0--md">
                      <!-- Icon Blocks -->
                      <div class="g-bg-gray-light-v4 g-color-black text-center g-rounded-10 g-py-25">
                        <i class="d-block display-2 g-line-height-1 icon-finance-253 g-mb-10"></i>
                        <span class="g-font-weight-700 text-uppercase">Business Consulting</span>
                      </div>
                      <!-- Icon Blocks -->
                    </div>
                    <div class="col-md-8">
                      <!-- Icon Blocks Info -->
                      <p>We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                      <ul class="list-unstyled mb-0">
                        <li class="g-mb-5">
                          <i class="fa fa-angle-right g-color-primary g-mr-3"></i>
                          Values
                        </li>
                        <li class="g-mb-5">
                          <i class="fa fa-angle-right g-color-primary g-mr-3"></i>
                          Build
                        </li>
                        <li class="g-mb-5">
                          <i class="fa fa-angle-right g-color-primary g-mr-3"></i>
                          Humble
                        </li>
                        <li class="g-mb-5">
                          <i class="fa fa-angle-right g-color-primary g-mr-3"></i>
                          Focus
                        </li>
                        <li class="g-mb-5">
                          <i class="fa fa-angle-right g-color-primary g-mr-3"></i>
                          Change
                        </li>
                      </ul>
                      <!-- End Icon Blocks Info -->
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 g-pb-40">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-20">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-254"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Daily graphs</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media g-mb-20">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-218"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Consulting service</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->

                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v3 u-icon-size--lg g-bg-gray-light-v4 g-color-black g-rounded-10">
                        <i class="icon-finance-072"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-mb-5">Mobile ready</h3>
                      <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v34 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#34</span>
            </h2>
          </div>

          <div id="shortcode34">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-4 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="text-center g-mb-20">
                    <span class="d-block g-color-primary g-font-size-30 g-mb-5">
                      <i class="icon-real-estate-027 u-line-icon-pro"></i>
                    </span>
                    <h4 class="h6 g-color-black g-font-weight-600 text-uppercase g-mb-3">Address</h4>
                    Ney York, United States
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-4 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="text-center g-mb-20">
                    <span class="d-block g-color-primary g-font-size-30 g-mb-5">
                      <i class="icon-electronics-005 u-line-icon-pro"></i>
                    </span>
                    <h4 class="h6 g-color-black g-font-weight-600 text-uppercase g-mb-3">Phone Number</h4>
                    +48 555 2566 112
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-4 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="text-center g-mb-20">
                    <span class="d-block g-color-primary g-font-size-30 g-mb-5">
                      <i class="icon-communication-062 u-line-icon-pro"></i>
                    </span>
                    <h4 class="h6 g-color-black g-font-weight-600 text-uppercase g-mb-3">Email</h4>
                    <a href="#" class="g-color-main">info@htmlstream.com</a>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v35 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#35</span>
            </h2>
          </div>

          <div id="shortcode35">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex align-self-center mr-4">
                      <span class="d-block g-color-primary g-font-size-48 g-line-height-1">
                        <i class="icon-finance-038 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-font-weight-700">Criminal Law</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex align-self-center mr-4">
                      <span class="d-block g-color-primary g-font-size-48 g-line-height-1">
                        <i class="icon-finance-011 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-font-weight-700">Civil Law</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex align-self-center mr-4">
                      <span class="d-block g-color-primary g-font-size-48 g-line-height-1">
                        <i class="icon-finance-075 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-font-weight-700">Business Law</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex align-self-center mr-4">
                      <span class="d-block g-color-primary g-font-size-48 g-line-height-1">
                        <i class="icon-finance-138 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-font-weight-700">Tax Law</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v36 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#36</span>
            </h2>
          </div>

          <div id="shortcode36">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block g-color-primary g-font-weight-600 g-font-size-30 g-line-height-1">01.</span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-mb-10">Creative ideas</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block g-color-primary g-font-weight-600 g-font-size-30 g-line-height-1">02.</span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-mb-10">Excellent features</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block g-color-primary g-font-weight-600 g-font-size-30 g-line-height-1">03.</span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-mb-10">Fully responsive</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block g-color-primary g-font-weight-600 g-font-size-30 g-line-height-1">04.</span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-mb-10">Clean code</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block g-color-primary g-font-weight-600 g-font-size-30 g-line-height-1">05.</span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-mb-10">Extensive documentation</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
                <div class="col-md-6 g-mb-40">
                  <!-- Icon Blocks -->
                  <div class="media">
                    <div class="d-flex mr-4">
                      <span class="d-block g-color-primary g-font-weight-600 g-font-size-30 g-line-height-1">06.</span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-mb-10">Modern design</h3>
                      <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant. We aim high at being focused on building relationships with our clients and community.</p>
                    </div>
                  </div>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode36" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v36 -->

      <!-- Icon Blocks v37 -->
      <section class="g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#37</span>
            </h2>
          </div>

          <div id="shortcode37">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-primary rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Top 100 templates</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-red rounded-circle">
                        <i class="icon-education-035 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Wikipedia</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-orange rounded-circle">
                        <i class="icon-finance-256 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Programming</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>

              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-blue rounded-circle">
                        <i class="icon-science-020 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Hi-Tech</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-60">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex align-self-center mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-bluegray rounded-circle">
                        <i class="icon-education-087 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body align-self-center">
                      <h3 class="h5 g-color-black mb-0">Elegant Design</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-60">
                  <!-- Icon Blocks -->
                  <div class="media g-mb-15">
                    <div class="d-flex mr-4">
                      <span class="u-icon-v2 u-icon-size--sm g-color-white g-bg-pink rounded-circle">
                        <i class="icon-transport-026 u-line-icon-pro"></i>
                      </span>
                    </div>
                    <div class="media-body">
                      <h3 class="h5 g-color-black g-line-height-1_6">Engineering</h3>
                    </div>
                  </div>
                  <p class="g-color-gray-dark-v4">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

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

      <!-- Icon Blocks v38 -->
      <section class="g-bg-secondary g-py-100">
        <div class="container">
          <div class="text-center g-mb-50">
            <h2 class="h4">Icon Blocks
              <span class="g-color-primary g-ml-5">#38</span>
            </h2>
          </div>

          <div id="shortcode38">
            <div class="shortcode-html">
              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-font-size-50 g-font-weight-300 g-color-primary">01.</span>
                  <h4 class="h5 g-color-black g-font-weight-600 g-mb-10">Creative ideas</h4>
                  <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-font-size-50 g-font-weight-300 g-color-primary">02.</span>
                  <h4 class="h5 g-color-black g-font-weight-600 g-mb-10">Excellent features</h4>
                  <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-font-size-50 g-font-weight-300 g-color-primary">03.</span>
                  <h4 class="h5 g-color-black g-font-weight-600 g-mb-10">Fully responsive</h4>
                  <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->

              <!-- Icon Blocks -->
              <div class="row">
                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-font-size-50 g-font-weight-300 g-color-primary">04.</span>
                  <h4 class="h5 g-color-black g-font-weight-600 g-mb-10">Clean code</h4>
                  <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-font-size-50 g-font-weight-300 g-color-primary">05.</span>
                  <h4 class="h5 g-color-black g-font-weight-600 g-mb-10">Extensive documentation</h4>
                  <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>

                <div class="col-lg-4 g-mb-30">
                  <!-- Icon Blocks -->
                  <span class="d-block g-font-size-50 g-font-weight-300 g-color-primary">06.</span>
                  <h4 class="h5 g-color-black g-font-weight-600 g-mb-10">Modern design</h4>
                  <p class="g-color-gray-dark-v4 mb-0">We strive to embrace and drive change in our industry which allows us to keep our clients relevant.</p>
                  <!-- End Icon Blocks -->
                </div>
              </div>
              <!-- End Icon Blocks -->
            </div>
          </div>

          {% set contentTarget = "#shortcode38" %}
          {% set modalID = "#modalMarkup" %}
          {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
        </div>
      </section>
      <!-- End Icon Blocks v38 -->
    </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/appear.js"></script>
  <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 plugin
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991
      });
    });
  </script>
</body>
</html>
