Get Space app for all your devices

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

Image Description

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 -->