<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-card&quot;&gt;
    &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 mt-2 mb-5&quot; data-image-src=&quot;/assets/img/photos/bg22.png&quot;&gt;
      &lt;div class=&quot;card-body py-14 px-0&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10 align-items-center text-center text-lg-start&quot;&gt;
            &lt;div class=&quot;col-lg-6&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title&quot; data-delay=&quot;900&quot;&gt;
              &lt;h1 class=&quot;display-2 mb-4 me-xl-5 me-xxl-0&quot;&gt;Networking &lt;span class=&quot;text-gradient gradient-1&quot;&gt;solutions&lt;/span&gt; for worldwide communication&lt;/h1&gt;
              &lt;p class=&quot;lead fs-23 lh-sm mb-7 pe-xxl-15&quot;&gt;We&apos;re a company that focuses on establishing long-term relationships with customers.&lt;/p&gt;
              &lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-gradient gradient-1 rounded&quot;&gt;Explore Now&lt;/a&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
            &lt;div class=&quot;col-lg-6&quot;&gt;
              &lt;img class=&quot;img-fluid mb-n18&quot; src=&quot;/assets/img/illustrations/3d6.png&quot; srcset=&quot;/assets/img/illustrations/3d6@2x.png 2x&quot; data-cue=&quot;fadeIn&quot; data-delay=&quot;300&quot; alt=&quot;&quot; /&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
          &lt;/div&gt;
          &lt;!-- /.row --&gt;
        &lt;/div&gt;
        &lt;!-- /.container --&gt;
      &lt;/div&gt;
      &lt;!--/.card-body --&gt;
    &lt;/div&gt;
    &lt;!--/.card --&gt;
  &lt;/div&gt;
  &lt;!-- /.container-card --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>