<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-10&quot;&gt;
      &lt;div class=&quot;col-md-8 col-lg-9 col-xl-8 col-xxl-7 pe-xl-20&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-0&quot;&gt;Company news from our blog that got the most attention.&lt;/h2&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-4 col-lg-3 ms-md-auto text-md-end mt-5 mt-md-0&quot;&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-soft-primary rounded-pill mb-0&quot;&gt;View All News&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-11 gy-10 blog grid-view&quot;&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;article class=&quot;post&quot;&gt;
          &lt;div class=&quot;post-slider rounded mb-6&quot;&gt;
            &lt;div class=&quot;swiper-container dots-over&quot; data-margin=&quot;5&quot; data-dots=&quot;true&quot;&gt;
              &lt;div class=&quot;swiper&quot;&gt;
                &lt;div class=&quot;swiper-wrapper&quot;&gt;
                  &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/b2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
                  &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/b3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;!--/.swiper-wrapper --&gt;
              &lt;/div&gt;
              &lt;!-- /.swiper --&gt;
            &lt;/div&gt;
            &lt;!-- /.swiper-container --&gt;
          &lt;/div&gt;
          &lt;!-- /.post-slider --&gt;
          &lt;div class=&quot;post-header mb-5&quot;&gt;
            &lt;div class=&quot;post-category text-line&quot;&gt;
              &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Ideas&lt;/a&gt;
            &lt;/div&gt;
            &lt;!-- /.post-category --&gt;
            &lt;h2 class=&quot;post-title mt-1 mb-4&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Fringilla Ligula Pharetra Amet&lt;/a&gt;&lt;/h2&gt;
            &lt;ul class=&quot;post-meta mb-0&quot;&gt;
              &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;5 Jul 2022&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;post-author&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-user&quot;&gt;&lt;/i&gt;&lt;span&gt;By Sandbox&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;span&gt; Comments&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
            &lt;!-- /.post-meta --&gt;
          &lt;/div&gt;
          &lt;!-- /.post-header --&gt;
          &lt;div class=&quot;post-content&quot;&gt;
            &lt;p&gt;Maecenas sed diam eget risus varius blandit sit amet non magna. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!-- /.post-content --&gt;
        &lt;/article&gt;
        &lt;!-- /.post --&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;row gy-10&quot;&gt;
          &lt;div class=&quot;col-md-6 col-lg-12&quot;&gt;
            &lt;article class=&quot;post&quot;&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Coding&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Ligula tristique quis risus&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;14 Apr 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;4&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /.post --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-12&quot;&gt;
            &lt;article class=&quot;post&quot;&gt;
              &lt;figure class=&quot;overlay overlay-1 hover-scale rounded mb-5&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
                &lt;figcaption&gt;
                  &lt;h5 class=&quot;from-top mb-0&quot;&gt;Read More&lt;/h5&gt;
                &lt;/figcaption&gt;
              &lt;/figure&gt;
              &lt;div class=&quot;post-header&quot;&gt;
                &lt;div class=&quot;post-category text-line&quot;&gt;
                  &lt;a href=&quot;#&quot; class=&quot;hover&quot; rel=&quot;category&quot;&gt;Workspace&lt;/a&gt;
                &lt;/div&gt;
                &lt;!-- /.post-category --&gt;
                &lt;h2 class=&quot;post-title h3 mt-1 mb-3&quot;&gt;&lt;a class=&quot;link-dark&quot; href=&quot;./blog-post.html&quot;&gt;Nullam id dolor elit id nibh&lt;/a&gt;&lt;/h2&gt;
              &lt;/div&gt;
              &lt;!-- /.post-header --&gt;
              &lt;div class=&quot;post-footer&quot;&gt;
                &lt;ul class=&quot;post-meta&quot;&gt;
                  &lt;li class=&quot;post-date&quot;&gt;&lt;i class=&quot;uil uil-calendar-alt&quot;&gt;&lt;/i&gt;&lt;span&gt;29 Mar 2022&lt;/span&gt;&lt;/li&gt;
                  &lt;li class=&quot;post-comments&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-comment&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;!-- /.post-meta --&gt;
              &lt;/div&gt;
              &lt;!-- /.post-footer --&gt;
            &lt;/article&gt;
            &lt;!-- /.post --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&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>