<section class="wrapper">\n      <div class="container pt-12 pt-md-0 pb-15 pb-md-17">\n        <div class="grid mt-md-n19 mt-xl-n20 mt-xxl-n21 mb-20">\n          <div class="row isotope gy-6">\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta. Cras mattis consectetur.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet purus sit amet fermentum.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Cory Zamora</h5>\n                        <p class="mb-0">Marketing Specialist</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor eu rutrum. Nulla vitae libero.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Nikolas Brooten</h5>\n                        <p class="mb-0">Sales Manager</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n            <div class="item col-md-6 col-xl-3">\n              <div class="card shadow-lg">\n                <div class="card-body">\n                  <blockquote class="icon mb-0">\n                    <p>“Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus eu tincidunt auctor nullam rutrum, pharetra augue.”</p>\n                    <div class="blockquote-details">\n                      <div class="info ps-0">\n                        <h5 class="mb-1">Coriss Ambady</h5>\n                        <p class="mb-0">Financial Analyst</p>\n                      </div>\n                    </div>\n                  </blockquote>\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!--/column -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid -->\n        <div class="row gx-md-8 gx-xl-12 gy-6 align-items-center">\n          <div class="col-md-8 col-lg-6 order-lg-2 mx-auto">\n            <div class="img-mask mask-2 px-xxl-8"><img src="/assets/img/photos/about28.jpg" srcset="/assets/img/photos/about28@2x.jpg 2x" alt="" /></div>\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-3 mb-3">More <em>about</em> me</h2>\n            <p class="lead fs-lg">I'm Julia Simeya, a corporate brand designer based in New York City. I’m very passionate about the work that I do.</p>\n            <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Vestibulum id ligula.</p>\n            <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Lorem ipsum dolor sit amet, consectetur.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-2">Learn More</a>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-md-8 gx-xl-12 mt-10 mt-md-13">\n          <div class="col-lg-4">\n            <h2 class="display-3 mb-3">My <em>working</em> process</h2>\n            <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus. Aenean eu leo quam.</p>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-8">\n            <div class="row gy-8 gx-md-8 gx-xl-12">\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Concept</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/puzzle.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Prepare</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/pen-tool.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Retouch</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n              <div class="col-md-6">\n                <div class="d-flex flex-row">\n                  <div>\n                    <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mt-1 me-4" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="mb-1">Finalize</h3>\n                    <p class="mb-0">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                  </div>\n                </div>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>