<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 align-items-center mb-7&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-8 col-xl-7 col-xxl-6 pe-lg-17&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Recent Projects&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;We love to turn ideas into beautiful things.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;projects-tiles&quot;&gt;
      &lt;div class=&quot;project grid grid-view&quot;&gt;
        &lt;div class=&quot;row gx-md-8 gx-xl-12 gy-10 gy-md-12 isotope&quot;&gt;
          &lt;div class=&quot;item col-md-5&quot;&gt;
            &lt;figure class=&quot;lift rounded mb-6&quot;&gt;&lt;a href=&quot;./single-project3.html&quot;&gt; &lt;img src=&quot;/assets/img/photos/rp1.jpg&quot; srcset=&quot;/assets/img/photos/rp1@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/figure&gt;
            &lt;div class=&quot;post-category mb-3 text-purple&quot;&gt;Stationary&lt;/div&gt;
            &lt;h3 class=&quot;post-title&quot;&gt;Ipsum Ultricies Cursus&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!-- /.item --&gt;
          &lt;div class=&quot;item col-md-7 mt-md-17&quot;&gt;
            &lt;figure class=&quot;lift rounded mb-6&quot;&gt;&lt;a href=&quot;./single-project2.html&quot;&gt; &lt;img src=&quot;/assets/img/photos/rp2.jpg&quot; srcset=&quot;/assets/img/photos/rp2@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/figure&gt;
            &lt;div class=&quot;post-category mb-3 text-orange&quot;&gt;Invitation&lt;/div&gt;
            &lt;h3 class=&quot;post-title&quot;&gt;Mollis Ipsum Mattis&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!-- /.item --&gt;
          &lt;div class=&quot;item col-md-5&quot;&gt;
            &lt;figure class=&quot;lift rounded mb-6&quot;&gt;&lt;a href=&quot;./single-project.html&quot;&gt; &lt;img src=&quot;/assets/img/photos/rp3.jpg&quot; srcset=&quot;/assets/img/photos/rp3@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/figure&gt;
            &lt;div class=&quot;post-category mb-3 text-red&quot;&gt;Notebook&lt;/div&gt;
            &lt;h3 class=&quot;post-title&quot;&gt;Magna Tristique Inceptos&lt;/h3&gt;
          &lt;/div&gt;
          &lt;!-- /.item --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!-- /.project --&gt;
    &lt;/div&gt;
    &lt;!-- /.projects-tiles --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>