added: third model

templates/index.html

@@ -13,6 +13,7 @@
     <div class="bg-black text-white flex flex-row justify-end py-1">
       <button class="mx-8 font-bold tablink active rounded-2xl p-2 hover:bg-purple-500 duration-150" onclick="openModel(event, 'Model1')">Model 1</button>
       <button class="mx-8 font-bold tablink rounded-2xl p-2 hover:bg-purple-500 duration-150" onclick="openModel(event, 'Model2')">Model 2</button>
+      <button class="mx-8 font-bold tablink rounded-2xl p-2 hover:bg-purple-500 duration-150" onclick="openModel(event, 'Model3')">Model 3</button>
     </div>
 
     <div id="Model1" class="Model bg-gradient-to-r from-purple-400 to-purple-700 text-gray-800">
@@ -61,7 +62,7 @@
         <section class="mt-8 h-full flex-auto rounded-lg md:mt-0 md:ml-8">
           <div class="bg-white p-16 rounded-lg">
             <h1 class="text-2xl mb-8">Your estimate insurance cost:</h1>
-            <h2 class="text-5xl font-bold">$<span id="insurance_cost">0.00</span></h2>
+            <h2 class="text-5xl font-bold">$<span id="insurance_cost">0.00 USD</span></h2>
               <div class="mt-8">
                 <p id="respAge"></p>
                 <p id="respSex"></p>
@@ -86,6 +87,14 @@
       ></iframe>
     </div>
 
+    <div id="Model3" class="Model">
+      <iframe
+      src="https://hilmizr-yolov5-ricedisease.hf.space"
+      frameborder="0"
+      class="h-screen w-screen"
+      ></iframe>
+    </div>
+
     <style>
       .active {
         background-color: rgb(124 58 237);