<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 pt-10 pt-md-14 pb-14 pb-md-16 text-center&quot;&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 gy-xl-0 mb-14 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 order-lg-2&quot;&gt;
        &lt;figure&gt;&lt;img class=&quot;img-auto&quot; src=&quot;/assets/img/illustrations/i21.png&quot; srcset=&quot;/assets/img/illustrations/i21@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start&quot;&gt;
        &lt;h1 class=&quot;display-1 fs-54 mb-5 mx-md-n5 mx-lg-0 mt-7&quot;&gt;A digital agency &lt;br class=&quot;d-md-none&quot;&gt;specializing on &lt;br class=&quot;d-md-none&quot;&gt;&lt;span class=&quot;rotator-fade text-primary&quot;&gt;mobile design,web design,3D animation&lt;/span&gt;&lt;/h1&gt;
        &lt;p class=&quot;lead fs-lg mb-7&quot;&gt;We are an award winning design agency that strongly believes in the power of creative ideas.&lt;/p&gt;
        &lt;span&gt;&lt;a class=&quot;btn btn-lg btn-primary rounded-pill me-2&quot;&gt;Get Started&lt;/a&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;p class=&quot;text-center mb-8&quot;&gt;Trusted by over 2K+ clients across the world&lt;/p&gt;
    &lt;div class=&quot;row row-cols-4 row-cols-md-4 row-cols-lg-7 row-cols-xl-7 gy-10 mb-2 d-flex align-items-center justify-content-center&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c1.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c2.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c3.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c4.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c5.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c6.png&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;div class=&quot;col&quot;&gt;&lt;img class=&quot;img-fluid px-md-3 px-lg-0 px-xl-2 px-xxl-5&quot; src=&quot;/assets/img/brands/c7.png&quot; alt=&quot;&quot; /&gt;&lt;/div&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-soft-primary mx-n2&quot;&gt;
      &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 1440 100&quot;&gt;&lt;path fill=&quot;currentColor&quot; d=&quot;M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z&quot;/&gt;&lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>