<section class="wrapper bg-light">\n      <div class="container py-16 py-md-18">\n        <div class="row d-flex align-items-start gy-10 mb-18 mb-md-20">\n          <div class="col-lg-5 position-lg-sticky" style="top: 8rem;">\n            <h3 class="display-2 mb-5">The service I offer is specifically designed to meet your needs.</h3>\n            <p class="mb-7">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end">More Details <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto">\n            <div class="card bg-soft-fuchsia mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-md text-fuchsia me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">User Research</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-aqua mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/puzzle-2.svg" class="svg-inject icon-svg icon-svg-md text-aqua me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Strategy & Planning</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-yellow mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-md text-yellow me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">App Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-leaf mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/design.svg" class="svg-inject icon-svg icon-svg-md text-leaf me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Brand Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-orange mb-6">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/video-editing.svg" class="svg-inject icon-svg icon-svg-md text-orange me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Motion Graphic</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n            <div class="card bg-soft-grape">\n              <div class="card-body d-flex flex-row">\n                <div>\n                  <img src="/assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-grape me-5" alt="" />\n                </div>\n                <div>\n                  <h3 class="fs-21 mb-2">Web Design</h3>\n                  <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, nulla non metus auctor eget lacinia odio sem aget elit.</p>\n                </div>\n              </div>\n              <!-- /.card-body -->\n            </div>\n            <!-- /.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row align-items-center mb-10">\n          <div class="col-md-8 col-lg-9 col-xl-8 col-xxl-7">\n            <h2 class="display-2 mb-0">Check out some of my latest projects with creative ideas.</h2>\n          </div>\n          <!--/column -->\n          <div class="col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0">\n            <a href="#" class="btn btn-lg btn-primary btn-icon btn-icon-end mb-0">See All Projects <i class="uil uil-arrow-up-right"></i></a>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="card bg-soft-violet mb-10">\n          <div class="card-body p-12 pb-0">\n            <div class="row">\n              <div class="col-lg-4 pb-12 align-self-center">\n                <div class="post-category fs-15 mb-3 text-violet">Web Design</div>\n                <h3 class="h1 post-title mb-3">Snowlake Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="btn btn-sm btn-violet btn-icon btn-icon-end mb-0">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7 offset-lg-1 align-self-end">\n                <figure><img class="img-fluid" src="/assets/img/photos/f1.png" srcset="/assets/img/photos/f1@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="card bg-soft-blue mb-10">\n          <div class="card-body p-12">\n            <div class="row gy-10 align-items-center">\n              <div class="col-lg-4 order-lg-2 offset-lg-1">\n                <div class="post-category fs-15 mb-3 text-blue">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Budget App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus cursus.</p>\n                <a href="#" class="btn btn-sm btn-blue btn-icon btn-icon-end mb-0">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!-- /column -->\n              <div class="col-lg-7">\n                <figure><img class="img-fluid" src="/assets/img/photos/f2.png" srcset="/assets/img/photos/f2@2x.png 2x" alt="" /></figure>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/.card-body -->\n        </div>\n        <!--/.card -->\n        <div class="row gx-md-8 gx-xl-10">\n          <div class="col-lg-6">\n            <div class="card bg-soft-leaf mb-10">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category fs-15 mb-3 text-leaf">Web Design</div>\n                <h3 class="h1 post-title mb-3">Missio Theme</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere porta consectetur cursus porta lobortis. Scelerisque id ligula felis.</p>\n                <a href="#" class="btn btn-sm btn-leaf btn-icon btn-icon-end mb-10">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f3.png" srcset="/assets/img/photos/f3@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <div class="card bg-soft-pink">\n              <div class="card-body p-12 pb-0">\n                <div class="post-category fs-15 mb-3 text-pink">Mobile Design</div>\n                <h3 class="h1 post-title mb-3">Storage App</h3>\n                <p>Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis.</p>\n                <a href="#" class="btn btn-sm btn-pink btn-icon btn-icon-end mb-10">See Project <i class="uil uil-arrow-up-right"></i></a>\n              </div>\n              <!--/.card-body -->\n              <img class="card-img-bottom" src="/assets/img/photos/f4.png" srcset="/assets/img/photos/f4@2x.png 2x" alt="" />\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>