# Features Stats

## Component #1

- Preview
- HTML

## 47%

fewer meetings across
organizations

## 23%

increase in traffic on
webpages with Looms

## 9.3%

boost in reply rates across
sales outreach

                    <!-- Stats -->
                    <div class="bg-light rounded-2 mx-3 mx-lg-10">
                      <div class="container content-space-2">
                        <div class="row justify-content-center">
                          <div class="col-sm-6 col-md-4 mb-7 mb-md-0">
                            <!-- Stats -->
                            <div class="text-center">
                              <h2 class="display-4"><i class="bi-arrow-down-short text-danger"></i>47%</h2>
                              <p class="mb-0">fewer meetings across<br>organizations</p>
                            </div>
                            <!-- End Stats -->
                          </div>
                          <!-- End Col -->

                          <div class="col-sm-6 col-md-4 mb-7 mb-md-0">
                            <!-- Stats -->
                            <div class="text-center">
                              <h2 class="display-4"><i class="bi-arrow-up-short text-success"></i>23%</h2>
                              <p class="mb-0">increase in traffic on<br>webpages with Looms</p>
                            </div>
                            <!-- End Stats -->
                          </div>
                          <!-- End Col -->

                          <div class="col-sm-6 col-md-4">
                            <!-- Stats -->
                            <div class="text-center">
                              <h2 class="display-4"><i class="bi-arrow-up-short text-success"></i>9.3%</h2>
                              <p class="mb-0">boost in reply rates across<br>sales outreach</p>
                            </div>
                            <!-- End Stats -->
                          </div>
                          <!-- End Col -->
                        </div>
                        <!-- End Row -->
                      </div>
                    </div>
                    <!-- End Stats -->

## Component #2

- Preview
- HTML
- JS

## The most effective way to track your revenues

Prefer to start with the Trial version? Go here

                    <!-- Circles Chart -->
                    <div class="container content-space-2 content-space-lg-3">
                      <!-- Heading -->
                      <div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
                        <h2>The most effective way to track your revenues</h2>
                      </div>
                      <!-- End Heading -->

                      <div class="row mb-7">
                        <div class="col-sm-6 col-lg-3 mb-7 mb-lg-4">
                          <!-- Circle Chart -->
                          <div class="circles-chart">
                            <div class="js-circle"
                                 data-hs-circles-options='{
                                   "value": 47,
                                   "maxValue": 100,
                                   "duration": 2000,
                                   "isViewportInit": true,
                                   "colors": ["#f8fafd", "#00c9a7"],
                                   "radius": 100,
                                   "width": 8,
                                   "fgStrokeLinecap": "round",
                                   "fgStrokeMiterlimit": "10",
                                   "textClass": "circles-chart-content",
                                   "textFontSize": 24,
                                   "textFontWeight": 500,
                                   "textColor": "#00c9a7",
                                   "secondaryText": "Fast-paced, detail-oriented plugins",
                                   "secondaryTextColor": "#77838f",
                                   "secondaryTextFontSize": "13",
                                   "secondaryTextFontWeight": "400",
                                   "dividerSpace": "10"
                                 }'></div>
                          </div>
                          <!-- End Circle Chart -->
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-6 col-lg-3 mb-7 mb-lg-4">
                          <!-- Circle Chart -->
                          <div class="circles-chart">
                            <div class="js-circle"
                                 data-hs-circles-options='{
                                   "value": 85,
                                   "maxValue": 100,
                                   "duration": 2000,
                                   "isViewportInit": true,
                                   "colors": ["#f8fafd", "#ffc107"],
                                   "radius": 100,
                                   "width": 8,
                                   "fgStrokeLinecap": "round",
                                   "fgStrokeMiterlimit": "10",
                                   "isHideValue": true,
                                   "additionalText": "4.84",
                                   "additionalTextType": "prefix",
                                   "textClass": "circles-chart-content",
                                   "textFontSize": 24,
                                   "textFontWeight": 500,
                                   "textColor": "#ffc107",
                                   "secondaryText": "rated on GetBootstrap",
                                   "secondaryTextColor": "#77838f",
                                   "secondaryTextFontSize": "13",
                                   "secondaryTextFontWeight": "400",
                                   "dividerSpace": "10"
                                 }'></div>
                          </div>
                          <!-- End Circle Chart -->
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-6 col-lg-3 mb-7 mb-lg-4">
                          <!-- Circle Chart -->
                          <div class="circles-chart">
                            <div class="js-circle"
                                 data-hs-circles-options='{
                                   "value": 6,
                                   "maxValue": 100,
                                   "duration": 2000,
                                   "isViewportInit": true,
                                   "colors": ["#f8fafd", "#de4437"],
                                   "radius": 100,
                                   "width": 8,
                                   "fgStrokeLinecap": "round",
                                   "fgStrokeMiterlimit": "10",
                                   "textClass": "circles-chart-content",
                                   "textFontSize": 24,
                                   "textFontWeight": 500,
                                   "textColor": "#de4437",
                                   "secondaryText": "months of free support to do your best work",
                                   "secondaryTextColor": "#77838f",
                                   "secondaryTextFontSize": "13",
                                   "secondaryTextFontWeight": "400",
                                   "dividerSpace": "10"
                                 }'></div>
                          </div>
                          <!-- End Circle Chart -->
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-6 col-lg-3 mb-7 mb-lg-4">
                          <!-- Circle Chart -->
                          <div class="circles-chart">
                            <div class="js-circle"
                                 data-hs-circles-options='{
                                   "value": 45,
                                   "maxValue": 100,
                                   "duration": 2000,
                                   "isViewportInit": true,
                                   "colors": ["#f8fafd", "#377dff"],
                                   "radius": 100,
                                   "width": 8,
                                   "fgStrokeLinecap": "round",
                                   "fgStrokeMiterlimit": "10",
                                   "additionalText": "k+",
                                   "textClass": "circles-chart-content",
                                   "textFontSize": 24,
                                   "textFontWeight": 500,
                                   "textColor": "#377dff",
                                   "secondaryText": "users - from new startups to public companies",
                                   "secondaryTextColor": "#77838f",
                                   "secondaryTextFontSize": "13",
                                   "secondaryTextFontWeight": "400",
                                   "dividerSpace": "10"
                                 }'></div>
                          </div>
                          <!-- End Circle Chart -->
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->

                      <!-- Card Info -->
                      <div class="text-center">
                        <div class="card card-info-link card-sm">
                          <div class="card-body">
                            Prefer to start with the Trial version? <a class="card-link ms-2" href="#">Go here <span class="bi-chevron-right small ms-1"></span></a>
                          </div>
                        </div>
                      </div>
                      <!-- End Card Info -->
                    </div>
                    <!-- End Circles Chart -->

                    <!-- JS Implementing Plugins -->
                    <script src="../node_modules/appear/dist/appear.min.js"></script>
                    <script src="../node_modules/circles.js/circles.js"></script>

                    <!-- JS Front -->
                    <script src="../assets/js/hs.circles.js"></script>

                    <!-- JS Plugins Init. -->
                    <script>
                      (function() {
                        // INITIALIZATION OF CIRCLES
                        // =======================================================
                        setTimeout(() => {
                          HSCore.components.HSCircles.init('.js-circle')
                        })
                      })()
                    </script>

## Component #3

- Preview
- HTML

##### 2M+

Actions automated monthly

##### $55M+

Ad budgets managed monthly

##### 37K+

Clients around the world

                    <!-- Stats -->
                    <div class="container content-space-2 content-space-lg-3">
                      <div class="w-lg-75 mx-lg-auto">
                        <div class="row">
                          <div class="col-sm-4 mb-3 mb-sm-0">
                            <div class="text-center">
                              <h5 class="h1">2M+</h5>
                              <p>Actions automated monthly</p>
                            </div>
                          </div>
                          <!-- End Col -->

                          <div class="col-sm-4 mb-3 mb-sm-0">
                            <div class="text-center">
                              <h5 class="h1">$55M+</h5>
                              <p>Ad budgets managed monthly</p>
                            </div>
                          </div>
                          <!-- End Col -->

                          <div class="col-sm-4">
                            <div class="text-center">
                              <h5 class="h1">37K+</h5>
                              <p>Clients around the world</p>
                            </div>
                          </div>
                          <!-- End Col -->
                        </div>
                        <!-- End Row -->
                      </div>
                    </div>
                    <!-- End Stats -->

## Component #4

- Preview
- HTML

4.80 out of 5 starts from 81 reviews

Over 1k+ support questions have been closed

5k+ Front copies have been purchased

                    <!-- Feature Stats -->
                    <div class="container content-space-2 content-space-lg-3">
                      <div class="row col-md-divider col-divider-rotated">
                        <div class="col-md-4">
                          <div data-aos="fade-up" data-aos-delay="100">
                            <!-- Stats -->
                            <div class="text-center px-md-3 px-lg-8">
                              <span class="svg-icon svg-icon-lg mb-3">

                              </span>
                              <p class="mb-0"><span class="text-dark fw-semi-bold">4.80 out of 5 starts</span> from 81 reviews</p>
                            </div>
                            <!-- End Stats -->
                          </div>
                        </div>
                        <!-- End Col -->

                        <div class="col-md-4">
                          <div data-aos="fade-up">
                            <!-- Stats -->
                            <div class="text-center px-md-3 px-lg-8">
                              <span class="svg-icon svg-icon-lg mb-3">

                              </span>
                              <p class="mb-0">Over <span class="text-dark fw-semi-bold">1k+</span> support questions have been closed</p>
                            </div>
                            <!-- End Stats -->
                          </div>
                        </div>
                        <!-- End Col -->

                        <div class="col-md-4">
                          <div data-aos="fade-up" data-aos-delay="100">
                            <!-- Stats -->
                            <div class="text-center px-md-3 px-lg-8">
                              <span class="svg-icon svg-icon-lg mb-3">

                              </span>
                              <p class="mb-0"><span class="text-dark fw-semi-bold">5k+</span> Front copies have been purchased</p>
                            </div>
                            <!-- End Stats -->
                          </div>
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->
                    </div>
                    <!-- End Feature Stats -->

## Component #5

- Preview
- HTML

## 7

years in business

## 3,5k+

copies sold

## 85%

happy customers

                    <!-- Feature Stats -->
                    <div class="container content-space-2 content-space-lg-3">
                      <div class="row justify-content-lg-center">
                        <div class="col-sm-4 col-lg-3 mb-7 mb-sm-0">
                          <div class="text-center">
                            <h2 class="display-4">7</h2>
                            <p class="small">years in business</p>
                          </div>
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-4 col-lg-3 mb-7 mb-sm-0">
                          <div class="text-center">
                            <h2 class="display-4">3,5k+</h2>
                            <p class="small">copies sold</p>
                          </div>
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-4 col-lg-3">
                          <div class="text-center">
                            <h2 class="display-4">85%</h2>
                            <p class="small">happy customers</p>
                          </div>
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->
                    </div>
                    <!-- End Feature Stats -->

## Component #6

- Preview
- HTML

— Valuation methods

#### 500,000

Our valuation methods are based on more than 500,000 real transactions.

— Coverage

#### 75%

This represents over 75% of the UK property sales over the past 10 years.

— Advanced algorithm

#### 125,000

Our algorithms are updated by data from over 125,000 property sales every year.

                    <!-- Features Stats -->
                    <div class="container content-space-2 content-space-lg-3">
                      <div class="row">
                        <div class="col-sm-4 mb-3 mb-sm-0">
                          <div class="text-center">
                            <small class="text-cap text-primary">— Valuation methods </small>
                            <h4 class="display-4">500,000</h4>
                            <p>Our valuation methods are based on more than 500,000 real transactions.</p>
                          </div>
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-4 mb-3 mb-sm-0">
                          <div class="text-center">
                            <small class="text-cap text-primary">— Coverage</small>
                            <h4 class="display-4">75%</h4>
                            <p>This represents over 75% of the UK property sales over the past 10 years.</p>
                          </div>
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-4">
                          <div class="text-center">
                            <small class="text-cap text-primary">— Advanced algorithm</small>
                            <h4 class="display-4">125,000</h4>
                            <p>Our algorithms are updated by data from over 125,000 property sales every year.</p>
                          </div>
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->
                    </div>
                    <!-- End Features Stats -->