<!doctype html>
<html lang="en">
  <head>
    <title>Electric Bed</title>
    <meta charset="utf-8">
    <meta name="description" content="&lt;model-viewer&gt; template">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" href="./styles.css" rel="stylesheet"/>
     <script src="https://cdn.jsdelivr.net/npm/focus-visible@5.0.2/dist/focus-visible.js" defer></script>
    <link rel="stylesheet" href="css/font-icons.css" type="text/css" />
    <link rel="stylesheet" href="css/font-icons.css" type="text/css" />
  </head>
  <body>
    <div id="card">
    <!-- <model-viewer> HTML element -->
    <model-viewer src="Bed.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="loading.gif"  shadow-intensity="0.88" shadow-softness="1" autoplay exposure="1">
      <div class="progress-bar hide" slot="progress-bar">
          <div class="update-bar"></div>
      </div>
      <button slot="ar-button" id="ar-button">
        View in 4D
    </button>
        <div id="button" style = "display:flex; justify-content: space-between;">
          <img src="4.png"  align="center" style="width:80px;  padding-left: 9px;padding-top: 6px;"/>
	  <img src="iitname.png"  style="width:100px;  padding-right: 6px;padding-top: 6px;"/>    
      </div>
       <div id="button1">
          <img src="ex.png"  align="center" style="width:250px;  padding-left: 12px;padding-top: 250px;"></a>
      </div>
      <script>
const myTimeout = setTimeout(myGreeting, 10000);

function myGreeting() {
  document.getElementById("button1").innerHTML = ""
}

</script>
     
      <div id="ar-prompt">
          <img src="ar_hand_prompt.png">
      </div>
    </model-viewer> 
     <section class="attributiontwo">
       <p style="background-image: url('black.png')" style="width:60px;height:60px; padding-left: 0px;padding-top: 10px;">
      
      <span>
        
        <a href="https://www.moglix.com/welltrust-healthcare-wsh-1206-mild-steel-pre-treated-epoxy-powder-coated-plain-bed-with-side-railing-mattress-wheel/mp/msnekpqex3lw52?s_kwcid=AL!10177!3!543397900717!!!g!2175053070183!&utm_source=google&utm_medium=cpc&utm_network=shopping&utm_campaign=&adgroup_id=127139328135&keyword=&gad_source=1&gclid=CjwKCAiAxaCvBhBaEiwAvsLmWHoFyvOWq7TCJJ1VgjT9-h8e8Fwv4_EByPaCC0-dJ5sxw7oSIZbLVxoCp-cQAvD_BwE"><img src="Broucher_1.png" id="youtube-icon" align="center" style="width:30px;height:40px; padding-left: 17px;padding-top: 0px;"></a>
        <a href="https://www.youtube.com/watch?v=2t9dKURDDAU"><img src="Video_1.png" id="youtube-icon" align="center" style="width:30px;height:40px; padding-left: 20px;padding-top: 0px; "></a>
        <a href="https://medintu.in/hospital-beds-and-icu-cots-for-rent/"><img src="web_1.png" id="youtube-icon" align="center" style="width:30px;height:40px; padding-left: 20px;padding-top: 0px; "></a>
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSew4D56CSKpONvc30Ay7cLUY6FnPCOs7zK9IPYRLQWQPswbsg/viewform?usp=sf_link"><img src="form_1.png" id="youtube-icon" align="center" style="width:30px;height:40px; padding-left: 20px;padding-top: 0px;"></a>
        <a href="User Analytics Report.pdf"><img src="analytics_1.png" id="youtube-icon" align="center" style="width:30px;height:40px; padding-left: 20px;padding-top: 0px;"></a>
        <h5>CLICK ON THE ABOVE ICONS FOR MORE FEATURES</h5>
      </span>
         <style>
       h5 {
       text-align: center;
       margin-top:-5px; 
       
       
       font-size: 9px;
         }
          
   </style>  
   
    </section>
      
       </div>
   <script type="module">
  // Import the functions you need from the SDKs you need
  import { initializeApp } from "https://www.gstatic.com/firebasejs/9.21.0/firebase-app.js";
  import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.21.0/firebase-analytics.js";
  // TODO: Add SDKs for Firebase products that you want to use
  // https://firebase.google.com/docs/web/setup#available-libraries

  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  const firebaseConfig = {
    apiKey: "AIzaSyB9Q0rEJwgpUForSuU-Deub86dEErxr6xw",
    authDomain: "varian-aarhus-7468b.firebaseapp.com",
    projectId: "varian-aarhus-7468b",
    storageBucket: "varian-aarhus-7468b.appspot.com",
    messagingSenderId: "1062779231273",
    appId: "1:1062779231273:web:d5cdc6e2eb57d740dd1038",
    measurementId: "G-X2PCG842TC"
  };

  // Initialize Firebase
  const app = initializeApp(firebaseConfig);
  const analytics = getAnalytics(app);
</script>
    <script src="script.js"></script>
    <!-- Loads <model-viewer> for browsers: -->
    <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.0.1/model-viewer.min.js"></script>
  </body>
</html>