<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;div class=&quot;swiper-container swiper-hero dots-over&quot; data-margin=&quot;0&quot; data-autoplay=&quot;true&quot; data-autoplaytime=&quot;5000&quot; data-nav=&quot;true&quot; data-dots=&quot;true&quot; data-items=&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 h-100 bg-overlay bg-overlay-400 bg-dark&quot; style=&quot;background-image:url(/assets/img/photos/bg7.jpg);&quot;&gt;
        &lt;div class=&quot;container h-100&quot;&gt;
          &lt;div class=&quot;row h-100&quot;&gt;
            &lt;div class=&quot;col-md-10 offset-md-1 col-lg-7 offset-lg-0 col-xl-6 col-xxl-5 text-center text-lg-start justify-content-center align-self-center align-items-start&quot;&gt;
              &lt;h2 class=&quot;display-1 fs-56 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s&quot;&gt;We bring solutions to make life easier.&lt;/h2&gt;
              &lt;p class=&quot;lead fs-23 lh-sm mb-7 text-white animate__animated animate__slideInRight animate__delay-2s&quot;&gt;We are a creative company that focuses on long term relationships with customers.&lt;/p&gt;
              &lt;div class=&quot;animate__animated animate__slideInUp animate__delay-3s&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-outline-white rounded-pill&quot;&gt;Read More&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
          &lt;/div&gt;
          &lt;!--/.row --&gt;
        &lt;/div&gt;
        &lt;!--/.container --&gt;
      &lt;/div&gt;
      &lt;!--/.swiper-slide --&gt;
      &lt;div class=&quot;swiper-slide h-100 bg-overlay bg-overlay-400 bg-dark&quot; style=&quot;background-image:url(/assets/img/photos/bg8.jpg);&quot;&gt;
        &lt;div class=&quot;container h-100&quot;&gt;
          &lt;div class=&quot;row h-100&quot;&gt;
            &lt;div class=&quot;col-md-11 col-lg-8 col-xl-7 col-xxl-6 mx-auto text-center justify-content-center align-self-center&quot;&gt;
              &lt;h2 class=&quot;display-1 fs-56 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s&quot;&gt;We are trusted by over a million customers.&lt;/h2&gt;
              &lt;p class=&quot;lead fs-23 lh-sm mb-7 text-white animate__animated animate__slideInRight animate__delay-2s&quot;&gt;Here a few reasons why our customers choose us.&lt;/p&gt;
              &lt;div class=&quot;animate__animated animate__slideInUp animate__delay-3s&quot;&gt;&lt;a href=&quot;/assets/media/movie.mp4&quot; class=&quot;btn btn-circle btn-white btn-play ripple mx-auto mb-5&quot; data-glightbox&gt;&lt;i class=&quot;icn-caret-right&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
          &lt;/div&gt;
          &lt;!--/.row --&gt;
        &lt;/div&gt;
        &lt;!--/.container --&gt;
      &lt;/div&gt;
      &lt;!--/.swiper-slide --&gt;
      &lt;div class=&quot;swiper-slide h-100 bg-overlay bg-overlay-400 bg-dark&quot; style=&quot;background-image:url(/assets/img/photos/bg9.jpg);&quot;&gt;
        &lt;div class=&quot;container h-100&quot;&gt;
          &lt;div class=&quot;row h-100&quot;&gt;
            &lt;div class=&quot;col-md-10 offset-md-1 col-lg-7 offset-lg-5 col-xl-6 offset-xl-6 col-xxl-5 offset-xxl-6 text-center text-lg-start justify-content-center align-self-center align-items-start&quot;&gt;
              &lt;h2 class=&quot;display-1 fs-56 mb-4 text-white animate__animated animate__slideInDown animate__delay-1s&quot;&gt;Just sit and relax.&lt;/h2&gt;
              &lt;p class=&quot;lead fs-23 lh-sm mb-7 text-white animate__animated animate__slideInRight animate__delay-2s&quot;&gt;We make sure your spending is stress free so that you can have the perfect control.&lt;/p&gt;
              &lt;div class=&quot;animate__animated animate__slideInUp animate__delay-3s&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-outline-white rounded-pill&quot;&gt;Contact Us&lt;/a&gt;&lt;/div&gt;
            &lt;/div&gt;
            &lt;!--/column --&gt;
          &lt;/div&gt;
          &lt;!--/.row --&gt;
        &lt;/div&gt;
        &lt;!--/.container --&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;</code></pre>