<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gx-lg-0 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-5 offset-lg-1 order-lg-2&quot;&gt;
        &lt;h2 class=&quot;display-3 mb-3&quot;&gt;My areas of &lt;em&gt;expertise&lt;/em&gt;&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;The full service I am offering is specifically designed to meet your business needs.&lt;/p&gt;
        &lt;p&gt;Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula magna mollis.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-3&quot;&gt;More Details&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;div class=&quot;row g-6 text-center&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-lg-12&quot;&gt;
                &lt;div class=&quot;card shadow-lg mb-6&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                    &lt;img src=&quot;/assets/img/icons/solid/edit.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3&quot; alt=&quot;&quot; /&gt;
                    &lt;h3&gt;Content Marketing&lt;/h3&gt;
                    &lt;p class=&quot;mb-2&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
                    &lt;a href=&quot;#&quot; class=&quot;more hover link-primary&quot;&gt;Learn More&lt;/a&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-12&quot;&gt;
                &lt;div class=&quot;card shadow-lg&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                    &lt;img src=&quot;/assets/img/icons/solid/team.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3&quot; alt=&quot;&quot; /&gt;
                    &lt;h3&gt;Social Engagement&lt;/h3&gt;
                    &lt;p class=&quot;mb-2&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
                    &lt;a href=&quot;#&quot; class=&quot;more hover link-primary&quot;&gt;Learn More&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!--/.card --&gt;
              &lt;/div&gt;
              &lt;!-- /column --&gt;
            &lt;/div&gt;
            &lt;!-- /.row --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
              &lt;div class=&quot;col-lg-12 order-md-2&quot;&gt;
                &lt;div class=&quot;card shadow-lg mb-6 mb-md-0&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                    &lt;img src=&quot;/assets/img/icons/solid/lamp.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3&quot; alt=&quot;&quot; /&gt;
                    &lt;h3&gt;Identity &amp; Branding&lt;/h3&gt;
                    &lt;p class=&quot;mb-2&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
                    &lt;a href=&quot;#&quot; class=&quot;more hover link-primary&quot;&gt;Learn More&lt;/a&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-12&quot;&gt;
                &lt;div class=&quot;card shadow-lg mb-md-6 mt-lg-6&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                    &lt;img src=&quot;/assets/img/icons/solid/delivery-box.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3&quot; alt=&quot;&quot; /&gt;
                    &lt;h3&gt;Product Design&lt;/h3&gt;
                    &lt;p class=&quot;mb-2&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.&lt;/p&gt;
                    &lt;a href=&quot;#&quot; class=&quot;more hover link-primary&quot;&gt;Learn More&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;!--/.card-body --&gt;
                &lt;/div&gt;
                &lt;!--/.card --&gt;
              &lt;/div&gt;
              &lt;!-- /column --&gt;
            &lt;/div&gt;
            &lt;!-- /.row --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&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>