layout: default
<div class=“clearfix”>
<div class="leftSide"> <div class="logoWrapper"> <a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a> </div> <div class="hero"> {{ content }} <div class="buttonWrapper"> <div> {%- assign social = site.links -%} {%- if social.app_store -%} <a href="{{ social.app_store }}" class="appStore"><img src="/assets/img/app-store-badge.svg"></a> {%- endif -%} {%- if social.google_play -%} <a href="{{ social.google_play }}" class="googlePlay"><img src="/assets/img/google-play-badge.svg"></a> {%- endif -%} </div> </div> </div> <div class="qrBlock"> <div id="qrcode" class="qr"></div> <div class="text"> <strong>View on your <br>Mobile Device</strong> Scan the QR code to <br>view on your phone </div> </div> </div> <div class="rightSide"> <div class="phoneBlock"> <div class="include"> {% for image in site.static_files %} {% if image.path contains 'slider' %} {% if image.path contains '.png' or image.path contains '.jpg' %} <img src="{{ site.baseurl }}{{ image.path }}" alt="" /> {% endif %} {% endif %} {% endfor %} </div> <script> $(document).ready(function () { $('.include').slick({ arrows: false, autoplay: true, adaptiveHeight: true }); new QRCode("qrcode", window.location.href); }); </script> </div> </div>
</div>