功能 Stats
Component #1
47%
减少跨组织的会议
23%
使用 Looms 增加
网页的流量
9.3%
提高整个
销售范围的回复率
<!-- 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
<!-- 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="#">去这里<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
2M+
Actions automated monthly
$55M+
Ad budgets managed monthly
37K+
客户 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
当前4.80 / 5 分 来自81份评论
Over 1k+ support questions have been closed
Front的付款用户数超过了5k+
<!-- 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评论</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
7
经营年限
3,5k+
已售出
85%
满意的客户
<!-- 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">经营年限</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">已售出</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">满意的客户</p>
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Feature Stats -->
Component #6
— 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.
— 高级 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">— 高级 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 -->