<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-dark&quot;&gt;
  &lt;div class=&quot;swiper-container swiper-thumbs-container swiper-fullscreen nav-dark&quot; data-margin=&quot;0&quot; data-autoplay=&quot;true&quot; data-autoplaytime=&quot;5000&quot; data-nav=&quot;true&quot; data-dots=&quot;false&quot; data-items=&quot;1&quot; data-thumbs=&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 bg-overlay bg-overlay-400 bg-dark bg-image&quot; data-image-src=&quot;/assets/img/photos/bg28.jpg&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image&quot; data-image-src=&quot;/assets/img/photos/bg29.jpg&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image&quot; data-image-src=&quot;/assets/img/photos/bg30.jpg&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;swiper-slide bg-overlay bg-overlay-400 bg-dark bg-image&quot; data-image-src=&quot;/assets/img/photos/bg31.jpg&quot;&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/.swiper-wrapper --&gt;
    &lt;/div&gt;
    &lt;!-- /.swiper --&gt;
    &lt;div class=&quot;swiper swiper-thumbs&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/bg28-th.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/bg29-th.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/bg30-th.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;&lt;img src=&quot;/assets/img/photos/bg31-th.jpg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/.swiper-wrapper --&gt;
    &lt;/div&gt;
    &lt;!-- /.swiper --&gt;
    &lt;div class=&quot;swiper-static&quot;&gt;
      &lt;div class=&quot;container h-100 d-flex align-items-center justify-content-center&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
          &lt;div class=&quot;col-lg-8 mx-auto mt-n10 text-center&quot;&gt;
            &lt;h1 class=&quot;fs-19 text-uppercase ls-xl text-white mb-3 animate__animated animate__zoomIn animate__delay-1s&quot;&gt;I&apos;m Julia Sandbox&lt;/h1&gt;
            &lt;h2 class=&quot;display-1 fs-60 text-white mb-0 animate__animated animate__zoomIn animate__delay-2s&quot;&gt;couples &amp; wedding photographer&lt;/h2&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&gt;
      &lt;/div&gt;
      &lt;!-- /.container --&gt;
    &lt;/div&gt;
    &lt;!-- /.swiper-static --&gt;
  &lt;/div&gt;
  &lt;!-- /.swiper-container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>