<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper image-wrapper bg-image bg-overlay bg-overlay-300&quot; data-image-src=&quot;/assets/img/photos/bg16.png&quot;&gt;
  &lt;div class=&quot;container pt-17 pb-19 pt-md-18 pb-md-17 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-8 col-xl-7 col-xxl-6 mx-auto&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title&quot;&gt;
        &lt;h1 class=&quot;display-1 text-white fs-60 mb-4 px-md-15 px-lg-0&quot;&gt;We bring solutions to make life &lt;span class=&quot;underline-3 style-2 yellow&quot;&gt;easier&lt;/span&gt;&lt;/h1&gt;
        &lt;p class=&quot;lead fs-24 text-white lh-sm mb-7 mx-md-13 mx-lg-10&quot;&gt;We are a creative company that focuses on long term relationships with customers.&lt;/p&gt;
        &lt;div&gt;
          &lt;a class=&quot;btn btn-white rounded mb-10 mb-xxl-5&quot;&gt;Read More&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
  &lt;div class=&quot;overflow-hidden&quot;&gt;
    &lt;div class=&quot;divider text-light mx-n2&quot;&gt;
      &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 1440 60&quot;&gt;&lt;path fill=&quot;currentColor&quot; d=&quot;M0,0V60H1440V0A5771,5771,0,0,1,0,0Z&quot;/&gt;&lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;
&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container pb-15 pb-md-17&quot;&gt;
    &lt;div class=&quot;row gx-md-5 gy-5 mt-n19&quot;&gt;
      &lt;div class=&quot;col-md-6 col-xl-3&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/edit.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-mono text-fuchsia mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4&gt;Content Marketing&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 at eget metus cras justo.&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;more hover link-fuchsia&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-md-6 col-xl-3&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-mono text-violet mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4&gt;Social Engagement&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 at eget metus cras justo.&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;more hover link-violet&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-md-6 col-xl-3&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/lamp.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-mono text-orange mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4&gt;Identity &amp; Branding&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 at eget metus cras justo.&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;more hover link-orange&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-md-6 col-xl-3&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/delivery-box.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-mono text-green mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4&gt;Product 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 at eget metus cras justo.&lt;/p&gt;
            &lt;a href=&quot;#&quot; class=&quot;more hover link-green&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;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>