<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 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-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;figure class=&quot;rounded mb-6&quot;&gt;&lt;img src=&quot;/assets/img/photos/se1.jpg&quot; srcset=&quot;/assets/img/photos/se1@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!-- /column --&gt;
              &lt;div class=&quot;col-lg-12&quot;&gt;
                &lt;div class=&quot;card&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3&quot;&gt; &lt;i class=&quot;uil uil-monitor&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                    &lt;h4&gt;Web Design&lt;/h4&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-purple&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;figure class=&quot;rounded mb-6 mb-md-0&quot;&gt;&lt;img src=&quot;/assets/img/photos/se2.jpg&quot; srcset=&quot;/assets/img/photos/se2@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!-- /column --&gt;
              &lt;div class=&quot;col-lg-12&quot;&gt;
                &lt;div class=&quot;card mb-md-6 mt-lg-6&quot;&gt;
                  &lt;div class=&quot;card-body&quot;&gt;
                    &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-purple pe-none mb-3&quot;&gt; &lt;i class=&quot;uil uil-mobile-android&quot;&gt;&lt;/i&gt; &lt;/div&gt;
                    &lt;h4&gt;Mobile Design&lt;/h4&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-purple&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 class=&quot;col-lg-5 offset-lg-1&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;What We Do?&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;The full service we are 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. &lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-purple rounded-pill mt-3&quot;&gt;More Details&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>