Announcing a free plan for small teams

              
                <!-- Hero Section -->
                <div class="d-lg-flex space-top-2 space-top-md-3 space-lg-0 position-relative">
                  <div class="container d-lg-flex align-items-lg-center height-lg-100vh position-relative space-md-2 space-bottom-lg-0">
                    <!-- Blog -->
                    <div class="w-lg-40">
                      <!-- Link -->
                      <div class="space-bottom-2 space-bottom-md-3">
                        <a class="text-secondary" href="#">
                          <span class="fas fa-arrow-left small mr-2"></span>
                          Go Back
                        </a>
                      </div>
                      <!-- End Link -->

                      <!-- Author -->
                      <div class="media align-items-center mb-4">
                        <div class="u-sm-avatar mr-3">
                          <img class="img-fluid rounded-circle" src="../../assets/img/100x100/img1.jpg" alt="Image Description">
                        </div>
                        <div class="media-body">
                          <h4 class="d-inline-block mb-0">
                            <a class="d-block h6 mb-0" href="#">Andrea Gard</a>
                          </h4>
                        </div>
                      </div>
                      <!-- End Author -->

                      <!-- Info -->
                      <div class="mb-4">
                        <h1 class="text-primary font-weight-semi-bold">Announcing a free plan for small teams</h1>
                        <p class="lead">Free design collaboration for freelancers and startups.</p>
                      </div>
                      <!-- End Info -->
                    </div>
                    <!-- End Blog -->
                  </div>

                  <!-- Sidebar Image -->
                  <div class="col-lg-6 position-lg-absolute top-lg-0 right-lg-0 px-lg-0">
                    <div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll min-height-lg-100vh"
                         data-options='{direction: "normal"}'>
                      <!-- Apply your Parallax background image here -->
                      <div class="divimage dzsparallaxer--target" style="height: 130%; background-image: url(../../assets/img/900x900/img1.jpg);"></div>
                    </div>
                  </div>
                  <!-- End Sidebar Image -->
                </div>
                <!-- End Hero Section -->