Extend —
your reach

              
                <!-- Hero -->
                <div class="content-space-b-3 content-space-b-md-4">
                  <div class="bg-soft-primary-light">
                    <div class="container">
                      <div class="row justify-content-center justify-content-lg-between">
                        <div class="col-md-6 content-space-t-1 content-space-md-1">
                          <!-- Heading -->
                          <div class="mb-7">
                            <h1 class="display-4 text-primary mb-3 mb-md-5"><span class="text-warning">Extend —</span><br>your reach</h1>
                            <p class="lead">One theme to find and build the right business, wherever you are.</p>
                          </div>
                          <!-- End Heading -->

                          <div class="d-grid gap-3">
                            <!-- Info Block -->
                            <div class="d-flex">
                              <div class="flex-shrink-0">
                                <span class="svg-icon svg-icon-sm text-primary">
                                  @@include("../assets/vendor/duotone-icons/com/com006.svg")
                                </span>
                              </div>

                              <div class="flex-grow-1 ms-4">
                                <h5 class="text-primary">
                                  <a href="#">Audience <i class="bi-chevron-right small ms-1 small"></i></a>
                                </h5>
                                <p>Find startups with content marketing and SEO tools</p>
                              </div>
                            </div>
                            <!-- End Info Block -->

                            <!-- Info Block -->
                            <div class="d-flex">
                              <div class="flex-shrink-0">
                                <span class="svg-icon svg-icon-sm text-primary">
                                  @@include("../assets/vendor/duotone-icons/gen/gen022.svg")
                                </span>
                              </div>

                              <div class="flex-grow-1 ms-4">
                                <h5 class="text-primary">
                                  <a href="#">Campaigns <i class="bi-chevron-right small ms-1 small"></i></a>
                                </h5>
                                <p>Reach your audience and promote products all from Space</p>
                              </div>
                            </div>
                            <!-- End Info Block -->
                          </div>
                          <!-- End Row -->
                        </div>
                        <!-- End Col -->

                        <div class="col-sm-10 col-md-6 col-lg-5">
                          <div class="row gx-2 transform-y-5rem">
                            <div class="col-6">
                              <div class="d-grid gap-2">
                                <!-- Images -->
                                <div class="d-none d-md-block bg-img-center" style="background-image: url(../assets/img/225x292/img1.jpg); height: 18.25rem;"></div>
                                <div class="d-none d-md-block bg-img-center" style="background-image: url(../assets/img/225x324/img1.jpg); height: 20.25rem;"></div>
                                <img class="d-md-none img-fluid w-100" src="../assets/img/225x292/img1.jpg" alt="Image Description">
                                <img class="d-md-none img-fluid w-100" src="../assets/img/225x324/img1.jpg" alt="Image Description">
                                <!-- End Images -->
                              </div>
                            </div>
                            <!-- End Col -->

                            <div class="col-6">
                              <div class="d-grid gap-2">
                                <!-- Images -->
                                <div class="d-none d-md-block bg-img-center" style="background-image: url(../assets/img/225x355/img1.jpg); height: 22rem;"></div>
                                <div class="d-none d-md-block bg-img-center" style="background-image: url(../assets/img/225x261/img1.jpg); height: 16rem;"></div>
                                <img class="d-md-none img-fluid w-100" src="../assets/img/225x355/img1.jpg" alt="Image Description">
                                <img class="d-md-none img-fluid w-100" src="../assets/img/225x261/img1.jpg" alt="Image Description">
                                <!-- End Images -->
                              </div>
                            </div>
                            <!-- End Col -->
                          </div>
                          <!-- End Row -->
                        </div>
                        <!-- End Col -->
                      </div>
                      <!-- End Row -->
                    </div>
                  </div>
                </div>
                <!-- End Hero -->