diff --git a/Mern.jpg b/Mern.jpg
new file mode 100644
index 0000000..0ba9c82
Binary files /dev/null and b/Mern.jpg differ
diff --git a/android.png b/android.png
new file mode 100644
index 0000000..4e638e0
Binary files /dev/null and b/android.png differ
diff --git a/flutter.png b/flutter.png
new file mode 100644
index 0000000..095cee9
Binary files /dev/null and b/flutter.png differ
diff --git a/german.jpeg b/german.jpeg
new file mode 100644
index 0000000..83d275f
Binary files /dev/null and b/german.jpeg differ
diff --git a/index.html b/index.html
index fd8849f..b91ef28 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Restraunt</title>
+    <title>Restaurant</title>
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
@@ -12,6 +12,10 @@
       referrerpolicy="no-referrer"
     />
     <link rel="stylesheet" href="style.css" />
+    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
   </head>
   <body>
     <nav class="navbar">
@@ -36,7 +40,7 @@ <h1 class="logo">RS</h1>
     <section class="showcase-area" id="showcase">
       <div class="showcase-container">
         <h1 class="main-title" id="home">Eat Right Food</h1>
-        <p>Eat Healty, it is good for our health.</p>
+        <p>Eat healthy, it is <span class="typing"></span></p>
         <a href="#food-menu" class="btn btn-primary">Menu</a>
       </div>
     </section>
@@ -111,7 +115,7 @@ <h2 class="food-menu-heading">Courses Offered</h2>
       <div class="food-menu-container container">
         <div class="food-menu-item">
           <div class="food-img">
-            <img src="shorturl.at/tyMZ0" alt="" />
+            <img src="android.png" alt="" />
           </div>
           <div class="food-description">
             <h2 class="food-titile">Android</h2>
@@ -126,7 +130,7 @@ <h2 class="food-titile">Android</h2>
         <div class="food-menu-item">
           <div class="food-img">
             <img
-              src="shorturl.at/rBJTY"
+              src="ml.jpeg"
               alt="error"
             />
           </div>
@@ -141,7 +145,7 @@ <h2 class="food-titile">Machine Learning</h2>
         </div>
         <div class="food-menu-item">
           <div class="food-img">
-            <img src="shorturl.at/qNT12" alt="" />
+            <img src="react.png" alt="" />
           </div>
           <div class="food-description">
             <h2 class="food-titile">React JS</h2>
@@ -154,7 +158,7 @@ <h2 class="food-titile">React JS</h2>
         </div>
         <div class="food-menu-item">
           <div class="food-img">
-            <img src="shorturl.at/gnEMS" alt="" />
+            <img src="flutter.png" alt="" />
           </div>
           <div class="food-description">
             <h2 class="food-titile">Flutter</h2>
@@ -167,7 +171,7 @@ <h2 class="food-titile">Flutter</h2>
         </div>
         <div class="food-menu-item">
           <div class="food-img">
-            <img src="shorturl.at/sxMV9" alt="" />
+            <img src="Mern.jpg" alt="" />
           </div>
           <div class="food-description">
             <h2 class="food-titile">MERN</h2>
@@ -180,7 +184,7 @@ <h2 class="food-titile">MERN</h2>
         </div>
         <div class="food-menu-item">
           <div class="food-img">
-            <img src="shorturl.at/fkquA" alt="" />
+            <img src="german.jpeg" alt="" />
           </div>
           <div class="food-description">
             <h2 class="food-titile">German</h2>
@@ -264,7 +268,7 @@ <h2 class="testimonial-title">What Our Customers Say</h2>
     <section id="contact">
       <div class="contact-container container">
         <div class="contact-img">
-          <img src="https://i.postimg.cc/1XvYM67V/restraunt2.jpg" alt="" />
+          <img src="https://i.postimg.cc/1XvYM67V/restaurant2.jpg" alt="" />
         </div>
 
         <div class="form-container">
@@ -281,7 +285,7 @@ <h2>Contact Us</h2>
       </div>
     </section>
     <footer id="footer">
-      <h2>Restraunt &copy; all rights reserved</h2>
+      <h2>Restaurant &copy; all rights reserved</h2>
     </footer>
   </body>
   <!-- 
@@ -316,4 +320,17 @@ <h2>Restraunt &copy; all rights reserved</h2>
       });
     });
   </script>
+
+  <!-- Some js on typing behaviour -->
+  <script>
+    
+$(document).ready(function(){
+  var typed = new Typed(".typing", {
+    strings: ["good for our health."],
+    typeSpeed: 110,
+    backSpeed: 50,
+    loop: true
+  });
+});
+  </script>
 </html>
diff --git a/ml.jpeg b/ml.jpeg
new file mode 100644
index 0000000..a966630
Binary files /dev/null and b/ml.jpeg differ
diff --git a/react.png b/react.png
new file mode 100644
index 0000000..2bf207e
Binary files /dev/null and b/react.png differ
diff --git a/style.css b/style.css
index 1d8b92c..e35b4de 100644
--- a/style.css
+++ b/style.css
@@ -83,6 +83,7 @@ body {
   margin-left: 1.5rem;
   margin-bottom: 0.5rem;
   font-size: 1.2rem;
+  padding: 0 15px;
 }
 
 .menu-items a {
@@ -382,6 +383,8 @@ body {
 .contact-container {
   display: flex;
   background: #fff;
+  border:none;
+  border-radius: 20px;
 }
 
 .contact-img {
@@ -394,6 +397,8 @@ body {
   width: 100%;
   object-position: center;
   object-fit: cover;
+  border:none;
+  border-radius: 20px;
 }
 
 .form-container {
