FAQ

mail@pastecode.io avatar
unknown
plain_text
a year ago
3.9 kB
6
Indexable
Never
<section id="shopify-section-template--19106266349914__16400990552675e254" class="shopify-section">
  <style>
    /* Styles for the hero section */
    .banner {
      position: relative;
      height: 900px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: left;
      color: #fff;
    }

    .banner__media {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(50%); /* Adjust the brightness value as needed */
    }

    .banner__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity value as needed */
      z-index: 1;
    }

    .banner__box {
      position: absolute;
      left: 25rem;
      top: 7cm;
      z-index: 2;
    }

    .banner__subheading {
      font-size: 15px;
      margin-bottom: 0.2em;
    }

    .banner__heading {
      font-size: 54px;
      margin-top: 0.1em;
      margin-bottom: 0.2em;
      line-height: 1.2;
      display: flex;
      flex-wrap: wrap;
    }

    .banner__heading span {
      display: block;
    }

    .banner__subtitle {
      font-size: 20px;
      display: flex;
      flex-wrap: wrap;
    }

    .banner__subtitle span {
      display: block;
    }

    /* Mobile Styles */
    @media screen and (max-width: 700px) {
      .banner__subheading {
        font-size: 24x;
      }

      .banner__heading {
        font-size: 30px;
      }

      .banner__subtitle {
        font-size: 17px;
      }

      .banner__box {
        padding: 5%;
        left: 2rem;
        top: 2cm;
      }

      .banner__media.banner-mobile {
        height: 1200px;
        max-height: 800px;
        transform: scale(1);
      }

      .banner__media.banner-desktop {
        display: none;
      }
    }

    /* Desktop Styles */
    @media screen and (min-width: 768px) {
      .banner__media.banner-mobile {
        display: none;
      }
    }
  </style>

  <div id="Banner-template--19106266349914__16400990552675e254" class="banner banner--medium">
    <div class="banner__overlay"></div>
    <video playsinline="" loop="" autoplay="" muted="" class="banner__media banner-mobile">
      <source type="video/mp4" src="https://cdn.shopify.com/videos/c/o/v/905175ceeb8e41748afae8fdcff61675.mp4">
      <img src="" alt="" title="Your browser does not support the <video> tag">
    </video>
    <video playsinline="" loop="" autoplay="" muted="" class="banner__media banner-desktop">
      <source type="video/mp4" src="https://cdn.shopify.com/videos/c/o/v/905175ceeb8e41748afae8fdcff61675.mp4">
      <img src="" alt="" title="Your browser does not support the <video> tag">
    </video>
    <div class="banner__content banner__content--middle banner__mobile_content--top">
      <div class="banner__box">
        <h1 class="banner__heading">
          <span> FAQ and areas of use
        </h1>
        <h3 class="banner__subheading" style="font-size: 19px; color: white;">In association with: </h3>
        <h2 class="banner__subtitle">
          <!-- Logo 1 -->
          <img src="https://cdn.shopify.com/s/files/1/0686/9581/8505/files/UU_logo_vit.png?v=1689003842" alt="Logo 1" style="width: 40px; height: 40px; margin-right: 20px;">
          <!-- Logo 2 -->
          <img src="https://cdn.shopify.com/s/files/1/0686/9581/8505/files/ffffff.png?v=1689015609" alt="Logo 2" style="width: 70px; height: 40px; margin-right: 20px;">
          <!-- Logo 3 -->
          <img src="https://cdn.shopify.com/s/files/1/0686/9581/8505/files/original.png?v=1689017373" alt="Logo 3" style="width: 140px; height: 25px; margin-right: px;">
        </h2>
 
      </div    </div>
  </div>
</section>