<!DOCTYPE html>
<html lang="en">
  <head>
    <title>&lt;model-viewer&gt; template</title>
    <meta charset="utf-8" />
    <meta name="description" content="&lt;model-viewer&gt; template" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body style="overflow:hidden; padding:10%">

    <h1>&lt;model-viewer&gt; example</h1>
    <br><br>

    <model-viewer
      src="./../assets/index.glb"
      ar alt="XR Fragments demo scene"camera-controls touch-action="none" disable-tap
      field-of-view="80deg" min-field-of-view="25deg" max-field-of-view="100deg" 
      interpolation-decay="200" camera-target="0m 0m 0m" min-camera-orbit="0.1% 0.1% 0.1%" 
      style="width:66vw; height: 66vh; border-radius:5px; border:1px solid #CCC"
    >
    </model-viewer>


    <script src="./../../dist/xrfragment.model-viewer.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js" type="module"></script>

  </body>
</html>