Logo v4.3.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v4.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • Testimonials
  • Blogs
    Grid List
  • Tables
  • E-commerce
  • Pricing
  • Team Sections
  • Breadcrumb
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • Countdown
  • FAQ
  • Lists
  • Collapse/Accordion
  • Comments
  • Feedback & Reviews
  • User Profile
  • Sidebar Examples
  • Calendar View
  • Notification
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Account
  • Wizard & Steps
  • Contact / Footer
  • Contact Sections
  • Footer

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="../assets/vendor/appear/dist/appear.min.js"></script>
                <script src="../assets/vendor/circles.js/circles.js"></script>

                <!-- JS Front -->

                <!-- 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-semibold">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-semibold">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-semibold">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 -->