<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 text-center&quot;&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 col-lg-8 offset-lg-2&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-primary mb-3&quot;&gt;What We Do?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-10 px-xxl-10&quot;&gt;The service we offer is specifically designed to meet your needs.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-11 px-xxl-5 text-center d-flex align-items-end&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;px-md-15 px-lg-3&quot;&gt;
          &lt;figure class=&quot;mb-6&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/illustrations/i24.png&quot; srcset=&quot;/assets/img/illustrations/i24@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;h3&gt;Web 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 at eget. Fusce dapibus tellus.&lt;/p&gt;
          &lt;a href=&quot;#&quot; class=&quot;more hover&quot;&gt;Learn More&lt;/a&gt;
        &lt;/div&gt;
        &lt;!--/.px --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;px-md-15 px-lg-3&quot;&gt;
          &lt;figure class=&quot;mb-6&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/illustrations/i19.png&quot; srcset=&quot;/assets/img/illustrations/i19@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;h3&gt;Graphic Design&lt;/h3&gt;
          &lt;p class=&quot;mb-2&quot;&gt;Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.&lt;/p&gt;
          &lt;a href=&quot;#&quot; class=&quot;more hover&quot;&gt;Learn More&lt;/a&gt;
        &lt;/div&gt;
        &lt;!--/.px --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;px-md-15 px-lg-3&quot;&gt;
          &lt;figure class=&quot;mb-6&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/illustrations/i18.png&quot; srcset=&quot;/assets/img/illustrations/i18@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;h3&gt;3D Animation&lt;/h3&gt;
          &lt;p class=&quot;mb-2&quot;&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.&lt;/p&gt;
          &lt;a href=&quot;#&quot; class=&quot;more hover&quot;&gt;Learn More&lt;/a&gt;
        &lt;/div&gt;
        &lt;!--/.px --&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>