<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&quot;&gt;
      &lt;div class=&quot;col-lg-9 col-xl-8 col-xxl-7 mx-auto&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-primary text-center&quot;&gt;Our News&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-6 text-center&quot;&gt;Here are the latest company news from our blog that got the most attention.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;position-relative&quot;&gt;
      &lt;div class=&quot;shape bg-dot primary rellax w-17 h-20&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 0; left: -1.7rem;&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;swiper-container dots-closer blog grid-view mb-6&quot; data-margin=&quot;0&quot; data-dots=&quot;true&quot; data-items-xl=&quot;3&quot; data-items-md=&quot;2&quot; data-items-xs=&quot;1&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;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&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;card-body&quot;&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-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex 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;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;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;5&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b5.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;card-body&quot;&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-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex 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;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;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b6.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;card-body&quot;&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;Meeting&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;Ultricies fusce porta elit&lt;/a&gt;&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-header --&gt;
                      &lt;div class=&quot;post-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex 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;26 Feb 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;6&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;3&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;article&gt;
                  &lt;div class=&quot;card&quot;&gt;
                    &lt;figure class=&quot;card-img-top overlay overlay-1 hover-scale&quot;&gt;&lt;a href=&quot;#&quot;&gt; &lt;img src=&quot;/assets/img/photos/b7.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;card-body&quot;&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;Business Tips&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;Morbi leo risus porta eget&lt;/a&gt;&lt;/h2&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-header --&gt;
                      &lt;div class=&quot;post-content&quot;&gt;
                        &lt;p&gt;Mauris convallis non ligula non interdum. Gravida vulputate convallis tempus vestibulum cras imperdiet nun eu dolor.&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;!-- /.post-content --&gt;
                    &lt;/div&gt;
                    &lt;!--/.card-body --&gt;
                    &lt;div class=&quot;card-footer&quot;&gt;
                      &lt;ul class=&quot;post-meta d-flex 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;7 Jan 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;2&lt;/a&gt;&lt;/li&gt;
                        &lt;li class=&quot;post-likes ms-auto&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-heart-alt&quot;&gt;&lt;/i&gt;5&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;!-- /.post-meta --&gt;
                    &lt;/div&gt;
                    &lt;!-- /.card-footer --&gt;
                  &lt;/div&gt;
                  &lt;!-- /.card --&gt;
                &lt;/article&gt;
                &lt;!-- /article --&gt;
              &lt;/div&gt;
              &lt;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&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;!-- /.position-relative --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>