Get Space app for all your devices

Space works across desktops and mobile devices, for native apps or web sites and prototypes.

Image Description
Image Description

Web
Image Description

Windows
Image Description

MacOS
Image Description

Android
Image Description

iPhone

HTML:

          
            <!-- Hero Section -->
            <div class="bg-purple">
              <div class="container text-center space-2 space-3-top--lg">
                <!-- Info -->
                <div class="mb-9">
                  <div class="w-lg-75 mx-lg-auto">
                    <h1 class="text-white">Get Space app for all your devices</h1>
                  </div>
                  <div class="w-md-75 w-lg-50 mx-md-auto">
                    <p class="lead text-light">Space works across desktops and mobile devices, for native apps or web sites and prototypes.</p>
                  </div>
                </div>
                <!-- End Info -->

                <!-- SVG Icon -->
                <div class="w-50 w-md-35 mx-auto mb-9">
                  <img class="img-fluid" src="../../assets/svg/components/real-time-sync-icon.svg" alt="Image Description">
                </div>
                <!-- End SVG Icon -->

                <!-- Icon Blocks -->
                <div class="w-75 mx-auto">
                  <div class="bg-white rounded p-5">
                    <div class="row">
                      <div class="col d-none d-md-inline-block">
                        <!-- Icon Block -->
                        <a class="d-block text-secondary" href="#">
                          <img class="u-avatar mb-2" src="../assets/img/160x160/img11.jpg" alt="Image Description">
                          <h2 class="h6 font-weight-normal mb-0">Web</h2>
                        </a>
                        <!-- End Icon Block -->
                      </div>
                      <div class="col d-none d-sm-inline-block">
                        <!-- Icon Block -->
                        <a class="d-block text-secondary" href="#">
                          <img class="u-avatar mb-2" src="../assets/img/160x160/img9.jpg" alt="Image Description">
                          <h3 class="h6 font-weight-normal mb-0">Windows</h3>
                        </a>
                        <!-- End Icon Block -->
                      </div>
                      <div class="col d-none d-sm-inline-block">
                        <!-- Icon Block -->
                        <a class="d-block text-secondary" href="#">
                          <img class="u-avatar mb-2" src="../assets/img/160x160/img10.jpg" alt="Image Description">
                          <h4 class="h6 font-weight-normal mb-0">MacOS</h4>
                        </a>
                        <!-- End Icon Block -->
                      </div>
                      <div class="col">
                        <!-- Icon Block -->
                        <a class="d-block text-secondary" href="#">
                          <img class="u-avatar mb-2" src="../assets/img/160x160/img7.jpg" alt="Image Description">
                          <h4 class="h6 font-weight-normal mb-0">Android</h4>
                        </a>
                        <!-- End Icon Block -->
                      </div>
                      <div class="col">
                        <!-- Icon Block -->
                        <a class="d-block text-secondary" href="#">
                          <img class="u-avatar mb-2" src="../assets/img/160x160/img8.jpg" alt="Image Description">
                          <h4 class="h6 font-weight-normal mb-0">iPhone</h4>
                        </a>
                        <!-- End Icon Block -->
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Icon Blocks -->
              </div>
            </div>
            <!-- End Hero Section -->