diff --git a/maps/cafe/cafe.html b/maps/cafe/cafe.html
index 8b13789..f14d9cf 100644
--- a/maps/cafe/cafe.html
+++ b/maps/cafe/cafe.html
@@ -1 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The CAFE.in</title>
+    <link rel="stylesheet" href="cafe.css">
+    <link rel="icon" href="https://iiitk.ac.in/images/logo/logo_white.png" sizes="16x16" type="image/png">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
+</head>
+<body>
+ <nav class="nav1">
 
+    
+  <center> <div>
+    <h1 class="htext"><img src="chilli.png" class="first-chilli" alt=""><b>The CAFE.in Menu</b><img src="chilli.png" class = "second-chilli" alt=""></h1>
+  </div></center>
+  <div class="nav"> 
+      <form class="d-flex" role="search">
+          <input  type="search"id="myInput" onkeyup="arnav()" aria-label="Search" placeholder="  Search Here ">
+          <button id ="btn" class="btn btn-outline-success fw-bolder" type="submit">Search</button>
+      </form>
+  </div>
+
+  
+  </nav>
+    <table class="table">
+        <thead class="table-dark">
+          <th>Sr. No.</th>
+          <th>Item</th>
+          <th>Price</th>
+        </thead>
+
+
+        <tbody id="food" class="food">
+        </tbody>
+      </table>
+      <script src="cafe.js"></script>
+</body>
+</html>
