diff --git a/templates/index.html b/templates/index.html
index 532e242..63f5c41 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -11,6 +11,7 @@
       class="jsbin"
       src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"
     ></script>
+    
 
     <!--Modal-->
     <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
@@ -73,8 +74,10 @@
 
       document.querySelector("#btnLog").addEventListener("click", loguser);
     </script>
+
+   
   </head>
-  <body>
+  <body >
     <ul>
       <li><h1 href="" , id="logo">LOGO</h1></li>
       <li style="float: right">
@@ -159,11 +162,9 @@ <h1>Drop to upload</h1>
       <h1>Translated</h1>
 
       <div class="w3-card-2">
-        <img
-          src="{% static 'image/english.jpg' %}"
-          alt="en"
-          style="width: 100%"
-        />
+        <iframe width=100% height="200"
+src="https://www.youtube.com/embed/pgA9NNN5E4M">
+</iframe>
         <p>
           Video title here<i
             class="bi bi-three-dots-vertical"
@@ -173,11 +174,9 @@ <h1>Translated</h1>
       </div>
 
       <div class="w3-card-2" , id="box">
-        <img
-          src="{% static 'image/spanish.jpg' %}"
-          alt="sp"
-          style="width: 100%"
-        />
+        <iframe width=100% height="200"
+        src="https://www.youtube.com/embed/AACmqiiJJS4">
+        </iframe>
         <p>
           Video title here<i
             class="bi bi-three-dots-vertical"
