<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container pt-14 pt-md-16&quot;&gt;
    &lt;div class=&quot;row gx-0 gy-10 gy-md-13 gy-lg-0 mb-16 mb-md-18 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 ms-auto position-relative order-lg-2&quot;&gt;
        &lt;div class=&quot;p-9 ps-0 p-xxl-11 ps-xxl-0&quot;&gt;
          &lt;div class=&quot;shape bg-gray position-absolute d-block&quot; style=&quot;top: 0; right: 0; width: 89%; height: 100%; z-index:0&quot;&gt;&lt;/div&gt;
          &lt;figure class=&quot;position-relative&quot;&gt;&lt;img src=&quot;/assets/img/photos/about34.jpg&quot; srcset=&quot;/assets/img/photos/about34@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;div class=&quot;card shadow-lg position-absolute d-none d-md-block&quot; style=&quot;bottom: 20%; left: -8%; z-index: 2;&quot;&gt;
            &lt;div class=&quot;card-body py-4 px-5&quot;&gt;
              &lt;div class=&quot;d-flex flex-row align-items-center&quot;&gt;
                &lt;div&gt;
                  &lt;img src=&quot;/assets/img/icons/solid/cloud-group.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-mono text-primary me-3&quot; alt=&quot;&quot; /&gt;
                &lt;/div&gt;
                &lt;div&gt;
                  &lt;h3 class=&quot;counter fs-23 mb-0 text-nowrap&quot;&gt;25000+&lt;/h3&gt;
                  &lt;p class=&quot;fs-15 lh-sm mb-0 text-nowrap&quot;&gt;Happy Clients&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!--/.card --&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-primary mb-3&quot;&gt;We Are Sandbox&lt;/h2&gt;
        &lt;h1 class=&quot;display-1 fs-58 mb-5&quot;&gt;Create a &lt;span class=&quot;underline-3 style-1 primary&quot;&gt;strategy&lt;/span&gt; via next generation banking model.&lt;/h1&gt;
        &lt;p class=&quot;lead fs-25 lh-sm mb-6 pe-md-10&quot;&gt;We consider our solutions to support each and every stage of your growth.&lt;/p&gt;
        &lt;div class=&quot;row gy-3 gx-xl-8 mb-9&quot;&gt;
          &lt;div class=&quot;col-xl-6&quot;&gt;
            &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary mb-0&quot;&gt;
              &lt;li&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Secured Transactions&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;mt-3&quot;&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Track Your Spending&lt;/span&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-xl-6&quot;&gt;
            &lt;ul class=&quot;icon-list bullet-bg bullet-soft-primary mb-0&quot;&gt;
              &lt;li&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Multiple Currencies&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;mt-3&quot;&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Sync Between Devices&lt;/span&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-primary btn-icon btn-icon-end rounded&quot;&gt;Explore Now &lt;i class=&quot;uil uil-arrow-up-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!--/.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>