<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-gray&quot;&gt;
  &lt;div class=&quot;container pt-12 pt-md-14 pb-14 pb-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gy-md-13 gy-lg-0 align-items-center&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-5 d-flex position-relative mx-auto&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;header&quot;&gt;
        &lt;div class=&quot;img-mask mask-1&quot;&gt;&lt;img src=&quot;/assets/img/photos/about17.jpg&quot; srcset=&quot;/assets/img/photos/about17@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;card shadow-lg position-absolute&quot; style=&quot;bottom: 10%; right: 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/lineal/check.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm text-primary mx-auto me-3&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h3 class=&quot;counter mb-0 text-nowrap&quot;&gt;250+&lt;/h3&gt;
                &lt;p class=&quot;fs-14 lh-sm mb-0 text-nowrap&quot;&gt;Projects Done&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;!--/column --&gt;
      &lt;div class=&quot;col-lg-6 offset-lg-1 col-xxl-5 text-center text-lg-start&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title&quot; data-delay=&quot;600&quot;&gt;
        &lt;h1 class=&quot;display-1 mb-5&quot;&gt;I&apos;m User Interface Designer &amp; Developer.&lt;/h1&gt;
        &lt;p class=&quot;lead fs-25 lh-sm mb-7 px-md-10 px-lg-0&quot;&gt;Hello! I&apos;m Julia, a freelance user interface designer &amp; developer based in London. I&rsquo;m very passionate about the work that I do.&lt;/p&gt;
        &lt;div class=&quot;d-flex justify-content-center justify-content-lg-start&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title-buttons&quot; data-delay=&quot;900&quot;&gt;
          &lt;span&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-primary rounded-pill me-2&quot;&gt;See My Works&lt;/a&gt;&lt;/span&gt;
          &lt;span&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-outline-primary rounded-pill&quot;&gt;Contact Me&lt;/a&gt;&lt;/span&gt;
        &lt;/div&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>