{# Settings #}
{% set root = "../../" %}
{% set mainNavActive_1 = "pages" %}
{% set mainNavActive_2 = "pages-profiles" %}
{% set mainNavActive_3 = "page-profile-reviews-1" %}
{% set title = "Unify Profile Reviews | " %}

{% 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" %}
    <link rel="stylesheet" href="{{ root }}assets/vendor/animate.css">
    <link rel="stylesheet" href="{{ root }}assets/vendor/malihu-scrollbar/jquery.mCustomScrollbar.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-unify.njk" %}
    {% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
  </head>

  <body>
    <main>
      {% include "html/assets/include/nunjucks/partials/blocks/headers/header-main.njk" %}

      <!-- Breadcrumb -->
      <section class="g-my-30">
        <div class="container">
          <ul class="u-list-inline">
            <li class="list-inline-item g-mr-7">
              <a class="u-link-v5 g-color-main g-color-primary--hover" href="#">Home</a>
              <i class="fa fa-angle-right g-ml-7"></i>
            </li>
            <li class="list-inline-item g-mr-7">
              <a class="u-link-v5 g-color-main g-color-primary--hover" href="#">Pages</a>
              <i class="fa fa-angle-right g-ml-7"></i>
            </li>
            <li class="list-inline-item g-color-primary">
              <span>Profile Reviews</span>
            </li>
          </ul>
        </div>
      </section>
      <!-- End Breadcrumb -->

      <section class="g-mb-100">
        <div class="container">
          <div class="row">
            <!-- Profile Sidebar -->
            <div class="col-lg-3 g-mb-50 g-mb-0--lg">
              <!-- User Image -->
              <div class="u-block-hover g-pos-rel">
                <figure>
                  <img class="img-fluid w-100 u-block-hover__main--zoom-v1" src="{{ root }}assets/img-temp/400x450/img5.jpg" alt="Image Description">
                </figure>

                <!-- Figure Caption -->
                <figcaption class="u-block-hover__additional--fade g-bg-black-opacity-0_5 g-pa-30">
                  <div class="u-block-hover__additional--fade u-block-hover__additional--fade-up g-flex-middle">
                    <!-- Figure Social Icons -->
                    <ul class="list-inline text-center g-flex-middle-item--bottom g-mb-20">
                      <li class="list-inline-item align-middle g-mx-7">
                        <a class="u-icon-v1 u-icon-size--md g-color-white" href="#">
                          <i class="icon-note u-line-icon-pro"></i>
                        </a>
                      </li>
                      <li class="list-inline-item align-middle g-mx-7">
                        <a class="u-icon-v1 u-icon-size--md g-color-white" href="#">
                          <i class="icon-notebook u-line-icon-pro"></i>
                        </a>
                      </li>
                      <li class="list-inline-item align-middle g-mx-7">
                        <a class="u-icon-v1 u-icon-size--md g-color-white" href="#">
                          <i class="icon-settings u-line-icon-pro"></i>
                        </a>
                      </li>
                    </ul>
                    <!-- End Figure Social Icons -->
                  </div>
                </figcaption>
                <!-- End Figure Caption -->

                <!-- User Info -->
                <span class="g-pos-abs g-top-20 g-left-0">
                  <a class="btn btn-sm u-btn-primary rounded-0" href="#">Johne Doe</a>
                  <small class="d-block g-bg-black g-color-white g-pa-5">Project Manager</small>
                </span>
                <!-- End User Info -->
              </div>
              <!-- User Image -->

              <!-- Sidebar Navigation -->
              <div class="list-group list-group-border-0 g-mb-40">
                <!-- Overall -->
                <a href="page-profile-main-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-home g-pos-rel g-top-1 g-mr-8"></i> Overall</span>
                  <span class="u-label g-font-size-11 g-bg-gray-dark-v2 g-rounded-20 g-px-10">2</span>
                </a>
                <!-- End Overall -->

                <!-- Profile -->
                <a href="page-profile-profile-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-cursor g-pos-rel g-top-1 g-mr-8"></i> Profile</span>
                </a>
                <!-- End Profile -->

                <!-- Users Contacts -->
                <a href="page-profile-users-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-notebook g-pos-rel g-top-1 g-mr-8"></i> Users Contacts</span>
                </a>
                <!-- End Users Contacts -->

                <!-- My Projects -->
                <a href="page-profile-projects-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-layers g-pos-rel g-top-1 g-mr-8"></i> My Projects</span>
                  <span class="u-label g-font-size-11 g-bg-primary g-rounded-20 g-px-10">9</span>
                </a>
                <!-- End My Projects -->

                <!-- Comments -->
                <a href="page-profile-comments-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-bubbles g-pos-rel g-top-1 g-mr-8"></i> Comments</span>
                  <span class="u-label g-font-size-11 g-bg-pink g-rounded-20 g-px-8">24</span>
                </a>
                <!-- End Comments -->

                <!-- Reviews -->
                <a href="page-profile-reviews-1.html" class="list-group-item justify-content-between active">
                  <span><i class="icon-heart g-pos-rel g-top-1 g-mr-8"></i> Reviews</span>
                </a>
                <!-- End Reviews -->

                <!-- History -->
                <a href="page-profile-history-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-fire g-pos-rel g-top-1 g-mr-8"></i> History</span>
                </a>
                <!-- End History -->

                <!-- Settings -->
                <a href="page-profile-settings-1.html" class="list-group-item list-group-item-action justify-content-between">
                  <span><i class="icon-settings g-pos-rel g-top-1 g-mr-8"></i> Settings</span>
                  <span class="u-label g-font-size-11 g-bg-cyan g-rounded-20 g-px-8">3</span>
                </a>
                <!-- End Settings -->
              </div>
              <!-- End Sidebar Navigation -->

              <!-- Project Progress -->
              <div class="card border-0 rounded-0 g-mb-50">
                <!-- Panel Header -->
                <div class="card-header d-flex align-items-center justify-content-between g-bg-gray-light-v5 border-0 g-mb-15">
                  <h3 class="h6 mb-0">
                    <i class="icon-layers g-pos-rel g-top-1 g-mr-5"></i> Project Progress
                  </h3>
                  <div class="dropdown g-mb-10 g-mb-0--md">
                    <span class="d-block g-color-primary--hover g-cursor-pointer g-mr-minus-5 g-pa-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="icon-options-vertical g-pos-rel g-top-1"></i>
                    </span>
                    <div class="dropdown-menu dropdown-menu-right rounded-0 g-mt-10">
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-layers g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Projects
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-wallet g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Wallets
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-fire g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Reports
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-settings g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Users Setting
                      </a>

                      <div class="dropdown-divider"></div>

                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-plus g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> View More
                      </a>
                    </div>
                  </div>
                </div>
                <!-- End Panel Header -->

                <!-- Panel Body -->
                <div class="js-scrollbar card-block u-info-v1-1 g-bg-white-gradient-v1--after g-height-300 g-pa-0">
                  <!-- Web Design -->
                  <div class="g-mb-20">
                    <h6 class="g-mb-10">Web Design <span class="float-right g-ml-10">68%</span></h6>
                    <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-5">
                      <div class="js-hr-progress-bar-indicator progress-bar g-bg-cyan u-progress-bar--xs" role="progressbar" style="width: 68%;" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <small class="g-font-size-12">11% more than last week</small>
                  </div>
                  <!-- End Web Design -->

                  <!-- Unify Project -->
                  <div class="g-mb-20">
                    <h6 class="g-mb-10">Dribbble Shots <span class="float-right g-ml-10">62%</span></h6>
                    <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-5">
                      <div class="js-hr-progress-bar-indicator progress-bar g-bg-pink u-progress-bar--xs" role="progressbar" style="width: 62%;" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <small class="g-font-size-12">20% less than last week</small>
                  </div>
                  <!-- End Unify Project -->

                  <!-- Unify Project -->
                  <div class="g-mb-20">
                    <h6 class="g-mb-10">Unify Project <span class="float-right g-ml-10">93%</span></h6>
                    <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-5">
                      <div class="js-hr-progress-bar-indicator progress-bar g-bg-primary u-progress-bar--xs" role="progressbar" style="width: 93%;" aria-valuenow="93" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <small class="g-font-size-12">17% more than last week</small>
                  </div>
                  <!-- End Unify Project -->

                  <!-- WordPress Coding -->
                  <div class="g-mb-20">
                    <h6 class="g-mb-10">WordPress Coding <span class="float-right g-ml-10">74%</span></h6>
                    <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-5">
                      <div class="js-hr-progress-bar-indicator progress-bar g-bg-black u-progress-bar--xs" role="progressbar" style="width: 74%;" aria-valuenow="74" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <small class="g-font-size-12">35% more than last week</small>
                  </div>
                  <!-- End WordPress Coding -->

                  <!-- Pixeel Ltd -->
                  <div class="g-mb-20">
                    <h6 class="g-mb-10">Pixeel Ltd <span class="float-right g-ml-10">86%</span></h6>
                    <div class="js-hr-progress-bar progress g-bg-black-opacity-0_1 rounded-0 g-mb-5">
                      <div class="js-hr-progress-bar-indicator progress-bar g-bg-darkpurple u-progress-bar--xs" role="progressbar" style="width: 86%;" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                    <small class="g-font-size-12">42% more than last week</small>
                  </div>
                  <!-- End Pixeel Ltd -->
                </div>
                <!-- End Panel Body -->
              </div>
              <!-- End Project Progress -->
            </div>
            <!-- End Profile Sidebar -->

            <!-- Profle Content -->
            <div class="col-lg-9">
              <!-- Reviews (Option 1) -->
              <div class="card border-0 g-mb-40">
                <!-- Panel Header -->
                <div class="card-header d-flex align-items-center justify-content-between g-bg-gray-light-v5 border-0 g-mb-15">
                  <h3 class="h6 mb-0">
                    <i class="icon-heart g-pos-rel g-top-1 g-mr-5"></i> Reviews <small>(option 1)</small>
                  </h3>
                  <div class="dropdown g-mb-10 g-mb-0--md">
                    <span class="d-block g-color-primary--hover g-cursor-pointer g-mr-minus-5 g-pa-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="icon-options-vertical g-pos-rel g-top-1"></i>
                    </span>
                    <div class="dropdown-menu dropdown-menu-right rounded-0 g-mt-10">
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-layers g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Projects
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-wallet g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Wallets
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-fire g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Reports
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-settings g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Users Setting
                      </a>

                      <div class="dropdown-divider"></div>

                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-plus g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> View More
                      </a>
                    </div>
                  </div>
                </div>
                <!-- End Panel Header -->

                <!-- Panel Body -->
                <div class="card-block g-pa-0">
                  <div class="media g-brd-around g-brd-gray-light-v4 g-pa-20 g-mb-20">
                    <img class="d-flex g-width-50 g-height-50 rounded-circle g-mt-2 g-mr-20" src="{{ root }}assets/img-temp/100x100/img14.jpg" alt="Image Description">
                    <div class="media-body">
                      <div class="d-sm-flex justify-content-sm-between align-items-sm-center g-mb-15 g-mb-10--sm">
                        <header class="g-mb-5 g-mb-0--sm">
                          <h5 class="h4 g-font-weight-300 g-mr-10 g-mb-5">James Coolman</h5>
                          <div class="js-rating g-color-yellow" data-rating="5"></div>
                        </header>
                        <div class="text-nowrap g-font-size-12">
                          <span class="text-muted">2 days ago</span>
                        </div>
                      </div>

                      <p>First of all, thank you very much for making this theme! It is beautiful both when looked at in the browser and especially also when looking at the HTML, CSS etc. source code. Close too Bootstrap, great technical quality and documentation: your theme is clearly the best! And I've really looked at and compared *lots* of them! :-)</p>

                      <ul class="list-inline my-0">
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-like g-pos-rel g-top-1 g-mr-3"></i> 214
                          </a>
                        </li>
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-dislike g-pos-rel g-top-1 g-mr-3"></i> 35
                          </a>
                        </li>
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-share g-pos-rel g-top-1 g-mr-3"></i> 52
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>

                  <div class="media g-brd-around g-brd-gray-light-v4 g-pa-20 g-mb-20">
                    <img class="d-flex g-width-50 g-height-50 rounded-circle g-mt-2 g-mr-20" src="{{ root }}assets/img-temp/100x100/img17.jpg" alt="Image Description">
                    <div class="media-body">
                      <div class="d-sm-flex justify-content-sm-between align-items-sm-center g-mb-15 g-mb-10--sm">
                        <header class="g-mb-5 g-mb-0--sm">
                          <h5 class="h4 g-font-weight-300 g-mr-10 g-mb-5">David Lee</h5>
                          <div class="js-rating g-color-yellow" data-rating="5"></div>
                        </header>
                        <div class="text-nowrap g-font-size-12">
                          <span class="text-muted">3 days ago</span>
                        </div>
                      </div>

                      <p>Thanks a lot. You have no idea how much I appreciate all your help. You are not just a great designer but an amazing human being, because so many people won't give a rat ass about what happen to their clients AFTER THE SALE, and you are not. Again, thanks a lot</p>

                      <ul class="list-inline my-0">
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-like g-pos-rel g-top-1 g-mr-3"></i> 178
                          </a>
                        </li>
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-dislike g-pos-rel g-top-1 g-mr-3"></i> 14
                          </a>
                        </li>
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-share g-pos-rel g-top-1 g-mr-3"></i> 12
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>

                  <div class="media g-brd-around g-brd-gray-light-v4 g-pa-20 g-mb-20">
                    <img class="d-flex g-width-50 g-height-50 rounded-circle g-mt-2 g-mr-20" src="{{ root }}assets/img-temp/100x100/img5.jpg" alt="Image Description">
                    <div class="media-body">
                      <div class="d-sm-flex justify-content-sm-between align-items-sm-center g-mb-15 g-mb-10--sm">
                        <header class="g-mb-5 g-mb-0--sm">
                          <h5 class="h4 g-font-weight-300 g-mr-10 g-mb-5">Sally Manning</h5>
                          <div class="js-rating g-color-yellow" data-rating="5"></div>
                        </header>
                        <div class="text-nowrap g-font-size-12">
                          <span class="text-muted">2 days ago</span>
                        </div>
                      </div>

                      <p>First of all, thank you very much for making this theme! It is beautiful both when looked at in the browser and especially also when looking at the HTML, CSS etc. source code. Close too Bootstrap, great technical quality and documentation: your theme is clearly the best! And I've really looked at and compared *lots* of them! :-)</p>

                      <ul class="list-inline my-0">
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-like g-pos-rel g-top-1 g-mr-3"></i> 214
                          </a>
                        </li>
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-dislike g-pos-rel g-top-1 g-mr-3"></i> 35
                          </a>
                        </li>
                        <li class="list-inline-item g-mr-20">
                          <a class="g-color-gray-dark-v5 g-text-underline--none--hover" href="#">
                            <i class="icon-share g-pos-rel g-top-1 g-mr-3"></i> 52
                          </a>
                        </li>
                      </ul>
                    </div>
                  </div>

                  <a class="btn btn-block u-btn-darkgray rounded-0 g-py-10" href="#">Load More</a>
                </div>
                <!-- End Panel Body -->
              </div>
              <!-- End Reviews (Option 1) -->

              <!-- Reviews (Option 2) -->
              <div class="card border-0 g-mb-40">
                <!-- Panel Header -->
                <div class="card-header d-flex align-items-center justify-content-between g-bg-gray-light-v5 border-0 g-mb-15">
                  <h3 class="h6 mb-0">
                    <i class="icon-heart g-pos-rel g-top-1 g-mr-5"></i> Reviews <small>(option 2)</small>
                  </h3>
                  <div class="dropdown g-mb-10 g-mb-0--md">
                    <span class="d-block g-color-primary--hover g-cursor-pointer g-mr-minus-5 g-pa-5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <i class="icon-options-vertical g-pos-rel g-top-1"></i>
                    </span>
                    <div class="dropdown-menu dropdown-menu-right rounded-0 g-mt-10">
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-layers g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Projects
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-wallet g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Wallets
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-fire g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Reports
                      </a>
                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-settings g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> Users Setting
                      </a>

                      <div class="dropdown-divider"></div>

                      <a class="dropdown-item g-px-10" href="#">
                        <i class="icon-plus g-font-size-12 g-color-gray-dark-v5 g-mr-5"></i> View More
                      </a>
                    </div>
                  </div>
                </div>
                <!-- End Panel Header -->

                <!-- Panel Body -->
                <div class="card-block g-pa-0">
                  <!-- Testimonials -->
                  <div class="row">
                    <div class="col-lg-4 g-mb-30">
                      <!-- Testimonials -->
                      <div class="g-brd-around g-brd-blue g-pa-40">
                        <blockquote class="lead text-center g-mb-40">Dear Htmlstream team, I just bought the Unify template some weeks ago. The template is really nice and offers quite a large set of options.</blockquote>
                        <div class="d-flex justify-content-center">
                          <img class="align-self-center g-width-40 g-height-40 rounded-circle mr-3" src="{{ root }}assets/img-temp/100x100/img17.jpg" alt="Image Description">
                          <div>
                            <h4 class="h5 align-self-center g-mb-5">Alex Peterson</h4>
                            <div class="js-rating align-self-center g-color-yellow g-font-size-10" data-rating="5" data-spacing="3" data-backward-icons-classes="fa fa-star"></div>
                          </div>
                        </div>
                      </div>
                      <!-- End Testimonials -->
                    </div>

                    <div class="col-lg-4 g-mb-30">
                      <!-- Testimonials -->
                      <div class="g-brd-around g-brd-pink g-pa-40">
                        <blockquote class="lead text-center g-mb-40">Hi there purchased a couple of days ago and the site looks great, big thanks to the htmlstream guys, they gave me some great help.</blockquote>
                        <div class="d-flex justify-content-center">
                          <img class="align-self-center g-width-40 g-height-40 rounded-circle mr-3" src="{{ root }}assets/img-temp/100x100/img15.jpg" alt="Image Description">
                          <div>
                            <h4 class="h5 align-self-center g-mb-5">Emma Smith</h4>
                            <div class="js-rating align-self-center g-color-yellow g-font-size-10" data-rating="5" data-spacing="3" data-backward-icons-classes="fa fa-star"></div>
                          </div>
                        </div>
                      </div>
                      <!-- End Testimonials -->
                    </div>

                    <div class="col-lg-4 g-mb-30">
                      <!-- Testimonials -->
                      <div class="g-brd-around g-brd-purple g-pa-40">
                        <blockquote class="lead text-center g-mb-40">Your customer support is the best I have experienced with any theme I have purchased. You have a theme that far exceeds all others.</blockquote>
                        <div class="d-flex justify-content-center">
                          <img class="align-self-center g-width-40 g-height-40 rounded-circle mr-3" src="{{ root }}assets/img-temp/100x100/img16.jpg" alt="Image Description">
                          <div>
                            <h4 class="h5 align-self-center g-mb-5">Anna Pretty</h4>
                            <div class="js-rating align-self-center g-color-yellow g-font-size-10" data-rating="5" data-spacing="3" data-backward-icons-classes="fa fa-star"></div>
                          </div>
                        </div>
                      </div>
                      <!-- End Testimonials -->
                    </div>
                  </div>
                  <!-- End Testimonials -->

                  <a class="btn btn-block u-btn-primary rounded-0 g-py-10" href="#">Load More</a>
                </div>
                <!-- End Panel Body -->
              </div>
              <!-- End Reviews (Option 2) -->
            </div>
            <!-- End Profle Content -->
          </div>
        </div>
      </section>

      {% 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/helpers/outer-spaces-helper.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>
    <script src="{{ root }}assets/vendor/malihu-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>

    <!-- JS Unify -->
    <script src="{{ root }}assets/js/hs.core.js"></script>
    <script src="{{ root }}assets/js/helpers/hs.hamburgers.js"></script>
    <script src="{{ root }}assets/js/components/hs.header.js"></script>
    <script src="{{ root }}assets/js/components/hs.tabs.js"></script>
    <script src="{{ root }}assets/js/components/hs.progress-bar.js"></script>
    <script src="{{ root }}assets/js/components/hs.rating.js"></script>
    <script src="{{ root }}assets/js/components/hs.scrollbar.js"></script>
    <script src="{{ root }}assets/js/components/hs.go-to.js"></script>

    <!-- JS Customization -->
    <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');

        // initialization of tabs
        $.HSCore.components.HSTabs.init('[role="tablist"]');

        // initialization of rating
        $.HSCore.components.HSRating.init($('.js-rating'), {
          spacing: 2
        });

        // initialization of HSScrollBar component
        $.HSCore.components.HSScrollBar.init( $('.js-scrollbar') );
      });

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

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

        // initialization of horizontal progress bars
        setTimeout(function () { // important in this case
          var horizontalProgressBars = $.HSCore.components.HSProgressBar.init('.js-hr-progress-bar', {
            direction: 'horizontal',
            indicatorSelector: '.js-hr-progress-bar-indicator'
          });
        }, 1);
      });

      $(window).on('resize', function () {
        setTimeout(function () {
          $.HSCore.components.HSTabs.init('[role="tablist"]');
        }, 200);
      });
    </script>

    {% set SSCookiePrefix = "unify" %}
    {% set SSDefaultCustomColor = "#72c02c" %}
    {% set SSDefaultOuterSpaces = "0px" %}
    {% set SSDefaultContentFont = "Open Sans, Helvetica, Arial, sans-serif" %}
    {% set SSDefaultHeadingFont = "Open Sans, Helvetica, Arial, sans-serif" %}
    {% include "html/assets/include/nunjucks/partials/blocks/style-switcher.njk" %}
  </body>
</html>
