{#

Element ID: Element17
Element Name: AR Demo
#}


<section class="ar-demo hide-mobile">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <h1 class="ar-demo__title h2">{{element.title}}</h1>
          <div class="qr-code__wrap">
            <div class="qr-code__col">
              <img class="" src="{{ site.theme.link }}/frontend/img/oxy.png" alt="Oxy smiling">
            </div>
            <div class="qr-code__col">
              <div class="bubble-small">
                <div class="bubble-small__img-wrap">
                  <img class="" src="{{ site.theme.link }}/frontend/img/qr-info-bubble.png" alt="">
                </div>
                <div class="bubble-small__content">
                  <h1 class="bubble-small__title"><span>{{element.bubble_title}}</span></h1>
                  <p class="bubble-small__text">{{element.bubble_text}}</p>
                </div>
                <img class="bubble-small__arrow" src="{{ site.theme.link }}/frontend/img/arrow-rounded.png" alt="">
              </div>
              <div class="qr-code__img-wrap">
                <img class="qr-code__img" src="{{ TimberImage(element.qr_code).src }}" alt="{{ TimberImage(element.qr_code).alt }}">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>