<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&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-lg-10 col-xxl-8 mx-auto mb-12&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase text-muted mb-3&quot;&gt;Latest Projects&lt;/h2&gt;
        &lt;h3 class=&quot;display-2 ls-sm&quot;&gt;Check out some of our &lt;span class=&quot;underline-3 style-1 primary&quot;&gt;&lt;em&gt;awesome&lt;/em&gt;&lt;/span&gt; projects with creative ideas and great design.&lt;/h3&gt;			
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gy-10 align-items-center mb-15 mb-md-17&quot;&gt;
      &lt;div class=&quot;col-lg-7&quot;&gt;
        &lt;div class=&quot;card bg-soft-grape&quot;&gt;
          &lt;div class=&quot;card-body px-9 py-0 overflow-hidden&quot;&gt;
            &lt;div class=&quot;row gx-4 gx-md-9&quot;&gt;
              &lt;div class=&quot;col-6&quot;&gt;
                &lt;figure class=&quot;mt-9&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;shadow-lg rounded-top&quot; src=&quot;/assets/img/demos/d18.jpg&quot; srcset=&quot;/assets/img/demos/d18@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!-- /column --&gt;
              &lt;div class=&quot;col-6&quot;&gt;
                &lt;figure&gt;&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;shadow-lg rounded-bottom&quot; src=&quot;/assets/img/demos/d18-2.jpg&quot; srcset=&quot;/assets/img/demos/d18-2@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!-- /column --&gt;
            &lt;/div&gt;
            &lt;!-- /.row --&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-lg-4 ms-auto&quot;&gt;
        &lt;h3 class=&quot;h1 post-title ls-sm mb-2&quot;&gt;Wiretree Network Company&lt;/h3&gt;
        &lt;div class=&quot;post-category text-muted mb-4&quot;&gt;
          &lt;span&gt;Dashboard&lt;/span&gt;,
          &lt;span&gt;Web Development&lt;/span&gt;
        &lt;/div&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-grape rounded&quot;&gt;See Project&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 order-lg-2&quot;&gt;
        &lt;div class=&quot;card bg-soft-primary&quot;&gt;
          &lt;div class=&quot;card-body p-11 overflow-hidden&quot;&gt;
            &lt;figure&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;/assets/img/photos/f2.png&quot; srcset=&quot;/assets/img/photos/f2@2x.png 2x&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/figure&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-lg-4 me-auto&quot;&gt;
        &lt;h3 class=&quot;h1 post-title ls-sm mb-2&quot;&gt;Alphine Finance&lt;/h3&gt;
        &lt;div class=&quot;post-category text-muted mb-4&quot;&gt;
          &lt;span&gt;Branding&lt;/span&gt;,
          &lt;span&gt;Web Design&lt;/span&gt;
        &lt;/div&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Maecenas faucibus mollis interdum sed posuere consectetur est at lobortis. Scelerisque id ligula porta felis euismod semper. Fusce dapibus tellus. Donec sed odio dui. Vivamus sagittis lacus vel.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded&quot;&gt;See Project&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>