Features Stats - Snippets | Space - Multipurpose Responsive Template

Component #1

Preview
HTML

Drive more revenue with Space

Platforms and marketplaces using Space can grow revenue and expand faster while minimizing manual processes and compliance risks.

364%

ROI after switching to Space

10%

more revenue from new sellers

67%

reduction in expansion costs

              
                <!-- Stats -->
                <div class="container content-space-1">
                  <div class="row align-items-md-center">
                    <div class="col-md-5 order-md-2 d-none d-md-block mb-10 mb-md-0">
                      <div class="row">
                        <div class="col-6">
                          <img class="img-fluid shadow rounded-2" src="../assets/img/240x480/img1.jpg" alt="Image Description" style="margin-top: -3rem;">
                        </div>
                        <!-- End Col -->

                        <div class="col-6">
                          <img class="img-fluid shadow rounded-2" src="../assets/img/240x480/img2.jpg" alt="Image Description" style="margin-bottom: -3rem;">
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->
                    </div>
                    <!-- End Col -->

                    <div class="col-md-7">
                      <div class="ps-md-5">
                        <!-- Heading -->
                        <div class="mb-7">
                          <h3>Drive more revenue with <span class="text-primary">Space</span></h3>
                          <p>Platforms and marketplaces using Space can grow revenue and expand faster while minimizing manual processes and compliance risks.</p>
                        </div>
                        <!-- End Heading -->

                        <div class="row">
                          <div class="col-sm-4 mb-3 mb-sm-0">
                            <div class="pe-sm-5">
                              <h3 class="text-primary">364%</h3>
                              <p>ROI after switching to Space</p>
                            </div>
                          </div>
                          <!-- End Col -->

                          <div class="col-sm-4 mb-3 mb-sm-0">
                            <div class="pe-sm-5">
                              <h3 class="text-primary">10%</h3>
                              <p>more revenue from new sellers</p>
                            </div>
                          </div>
                          <!-- End Col -->

                          <div class="col-sm-4">
                            <div class="pe-sm-5">
                              <h3 class="text-primary">67%</h3>
                              <p>reduction in expansion costs</p>
                            </div>
                          </div>
                          <!-- End Col -->
                        </div>
                        <!-- End Row -->
                      </div>
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Stats -->

92% +7% this month

of U.S. adults have bought from businesses using Space

1M+

businesses using Space

2M+

daily active users

$150B+

sold with Space

              
                <!-- Stats -->
                <div class="container content-space-1">
                  <div class="w-lg-85 mx-lg-auto">
                    <div class="row align-items-md-center col-md-divider">
                      <div class="col-md-4">
                        <div class="pe-lg-5">
                          <div class="d-flex align-items-end">
                            <span class="display-4 text-primary">92%</span>
                            <span class="badge bg-soft-primary-light text-primary mb-2 ms-2">
                              <i class="bi-patch-check-fill"></i> +7% this month
                            </span>
                          </div>
                          <p>of U.S. adults have bought from businesses using Space</p>
                        </div>
                      </div>
                      <!-- End Col -->

                      <div class="col-md-8 pt-5 pt-md-0">
                        <div class="ps-lg-5">
                          <div class="row">
                            <div class="col-sm">
                              <span class="h3 text-primary">1M+</span>
                              <p>businesses using Space</p>
                            </div>
                            <!-- End Col -->

                            <div class="col-sm">
                              <span class="h3 text-primary">2M+</span>
                              <p>daily active users</p>
                            </div>
                            <!-- End Col -->

                            <div class="col-sm">
                              <span class="h3 text-primary">$150B+</span>
                              <p>sold with Space</p>
                            </div>
                            <!-- End Col -->
                          </div>
                          <!-- End Row -->
                        </div>
                      </div>
                    </div>
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Stats -->

Component #3

Preview
HTML

The wallet the world trusts

Tap into a global network of millions who already know and trust Space.

3.7 billion orders

Automatic optimizations powered by

$225 billion in sales

Battle-hardened by over

500 million

customers who used Space Wallet

Empowering independent business owners everywhere

Try for free

              
                <!-- Stats -->
                <div class="position-relative overflow-hidden">
                  <div class="container content-space-1">
                    <!-- Heading -->
                    <div class="w-lg-65 mb-7">
                      <h3>The wallet the world trusts</h3>
                      <p class="fs-6">Tap into a global network of millions who already know and trust Space.</p>
                    </div>
                    <!-- End Heading -->

                    <div class="row mb-5">
                      <div class="col-12 mb-3">
                        <span class="h3 text-primary">3.7 billion orders</span>
                        <p>Automatic optimizations powered by</p>
                      </div>
                      <!-- End Col -->

                      <div class="col-sm-6 col-lg-4 mb-3">
                        <span class="h3 text-primary">$225 billion in sales</span>
                        <p>Battle-hardened by over</p>
                      </div>
                      <!-- End Col -->

                      <div class="col-sm-6 col-lg-4 mb-3">
                        <span class="h3 text-primary">500 million</span>
                        <p>customers who used Space Wallet</p>
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->

                    <div class="mx-auto" style="max-width: 31.25rem;">
                      <!-- Card -->
                      <div class="card card-xs">
                        <div class="card-body bg-soft-success rounded">
                          <div class="d-sm-flex align-items-sm-center">
                            <div class="flex-shrink-0 mb-3 mb-sm-0">
                              <span class="svg-icon text-primary">
                                @@include("../assets/vendor/duotone-icons/gen/gen022.svg")
                              </span>
                            </div>

                            <div class="flex-grow-1 text-dark ms-sm-3 mb-3 mb-sm-0">Empowering independent business owners everywhere</div>

                            <div class="flex-shrink-0 ms-sm-3">
                              <a class="btn btn-primary" href="#">Try for free</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- End Card -->
                    </div>
                  </div>

                  <!-- Background Shapes -->
                  <div class="position-absolute top-0 end-0">
                    <img src="../assets/svg/components/shape-1.svg" alt="SVG" width="200">
                  </div>
                  <div class="position-absolute bottom-0 end-0 me-10">
                    <img src="../assets/svg/components/shape-4.svg" alt="SVG" width="350">
                  </div>
                  <!-- End Background Shapes -->
                </div>
                <!-- End Stats -->

Component #4

Preview
HTML

45k+

clients from freelancers to corporate companies

8...

years of experience in this business already

12k+

resolved all kinds of questions and inquiries

              
                <!-- Stats -->
                <div class="container content-space-t-1">
                  <div class="w-lg-75 text-center mx-lg-auto">
                    <div class="row col-sm-divider">
                      <div class="col-sm-4">
                        <!-- Info -->
                        <div class="text-center p-3">
                          <img class="img-fluid mb-5" src="../assets/svg/illustrations/oc-hi-five.svg" alt="Image Description" style="height: 7rem;">
                          <h4 class="h1 text-primary">45k+</h4>
                          <p class="mb-0">clients from freelancers to corporate companies</p>
                        </div>
                        <!-- End Info -->
                      </div>
                      <!-- End Col -->

                      <div class="col-sm-4">
                        <!-- Info -->
                        <div class="text-center p-3">
                          <img class="img-fluid mb-5" src="../assets/svg/illustrations/oc-review.svg" alt="Image Description" style="height: 7rem;">
                          <h4 class="h1 text-primary">8...</h4>
                          <p class="mb-0">years of experience in this business already</p>
                        </div>
                        <!-- End Info -->
                      </div>
                      <!-- End Col -->

                      <div class="col-sm-4">
                        <!-- Info -->
                        <div class="text-center p-3">
                          <img class="img-fluid mb-5" src="../assets/svg/illustrations/oc-collaboration.svg" alt="Image Description" style="height: 7rem;">
                          <h4 class="h1 text-primary">12k+</h4>
                          <p class="mb-0">resolved all kinds of questions and inquiries</p>
                        </div>
                        <!-- End Info -->
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End Stats -->

                <div class="border-top mx-auto my-10" style="max-width: 25rem;"></div>

                <!-- Clients -->
                <div class="container content-space-b-1">
                  <div class="w-lg-65 text-center mx-lg-auto">
                    <div class="row justify-content-center">
                      <div class="col-auto text-center py-3">
                        <img class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/ziggo.svg" alt="Logo">
                      </div>
                      <!-- End Col -->

                      <div class="col-auto text-center py-3">
                        <img class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/business-insider-primary.svg" alt="Logo">
                      </div>
                      <!-- End Col -->

                      <div class="col-auto text-center py-3">
                        <img class="avatar avatar-lg avatar-4x3" src="../assets/svg/brands/techchrunch.svg" alt="Logo">
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End Clients -->

Component #5

Preview
HTML

Create a world where anyone can belong anywhere

It’s an audacious, incredibly rewarding mission that our increasingly diverse team is dedicated to achieving.

Airbnb is built around the idea that everyone should be able to take the perfect trip, including where they stay, what they do, and who they meet. To that end, we empower millions of people around the world to use their spaces, passions, and talents to become entrepreneurs.

Exciting challenges lie ahead—new regions, technologies, and businesses. Guided by our four core values, we’ll meet these challenges creatively and with the support of our global community. Join us!

Learn more about us

45,000+

Organizations trust Space

1,390

Pieces of Feedback Shared

12,500+

Resources for Humans Community Members

              
                <!-- Features -->
                <div class="container content-space-1">
                  <div class="row">
                    <div class="col-md-8 mb-3 mb-md-0">
                      <div class="pe-md-4">
                        <h4>Create a world where anyone can belong anywhere</h4>
                        <p>It’s an audacious, incredibly rewarding mission that our increasingly diverse team is dedicated to achieving.</p>
                        <p>Airbnb is built around the idea that everyone should be able to take the perfect trip, including where they stay, what they do, and who they meet. To that end, we empower millions of people around the world to use their spaces, passions, and talents to become entrepreneurs.</p>
                        <p>Exciting challenges lie ahead—new regions, technologies, and businesses. Guided by our four core values, we’ll meet these challenges creatively and with the support of our global community. Join us!</p>

                        <a class="link" href="#">Learn more about us <i class="bi-chevron-right small ms-1"></i></a>
                      </div>
                    </div>
                    <!-- End Col -->

                    <div class="col-md-4 pt-3 pt-md-0">
                      <!-- Stats -->
                      <div class="ps-md-4">
                        <span class="h3 text-primary">45,000+</span>
                        <p>Organizations trust Space</p>

                        <hr class="my-4">

                        <span class="h3 text-primary">1,390</span>
                        <p>Pieces of Feedback Shared</p>

                        <hr class="my-4">

                        <span class="h3 text-primary">12,500+</span>
                        <p>Resources for Humans Community Members</p>
                      </div>
                      <!-- Ennd Stats -->
                    </div>
                    <!-- End Col -->
                  </div>
                  <!-- End Row -->
                </div>
                <!-- End Features -->