diff --git a/web b/web
new file mode 100644
index 0000000..14a6a81
--- /dev/null
+++ b/web
@@ -0,0 +1,176 @@
+ <!DOCTYPE html>
+<html>
+
+<title>
+Chocolate Cave
+</title>
+
+<link rel="icon" 
+      type="image/png"
+      href="download.png">
+<head>
+<link href='https://fonts.googleapis.com/css?family=Julius Sans One' rel='stylesheet'>
+
+        <meta charset="UTF-8">
+         <meta name="description" content="bakery-chocolate cave">
+          <meta name="keywords" content="collection cakes,flavours,etc.">
+            <meta name="ownwer" content="shreyashi tripathi">
+             <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+
+<style>
+a{
+}
+p{
+  font-family: 'Julius Sans One'
+}
+    font-family: 'PT Serif';font-size: 22px;
+}
+
+
+
+* {box-sizing: border-box;}
+
+body { 
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.header {
+  overflow: hidden;
+  background-color: #f1f1f1;
+  padding: 20px 10px;
+}
+
+.header a {
+  float: left;
+  color: black;
+  text-align: center;
+  padding: 12px;
+  text-decoration: none;
+  font-size: 18px; 
+  line-height: 25px;
+  border-radius: 4px;
+}
+
+.header a.logo {
+  font-size: 25px;
+  font-weight: bold;
+}
+
+.header a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+.header a.active {
+  background-color: dodgerblue;
+  color: white;
+}
+
+.header-right {
+  float: right;
+}
+
+@media screen and (max-width: 500px) {
+  .header a {
+    float: none;
+    display: block;
+    text-align: left;
+  }
+  
+  .header-right {
+    float: none;
+  }
+}
+img 1:hover {
+  animation: shake 0.5s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+  0% { transform: translate(1px, 1px) rotate(0deg); }
+  10% { transform: translate(-1px, -2px) rotate(-1deg); }
+  20% { transform: translate(-3px, 0px) rotate(1deg); }
+  30% { transform: translate(3px, 2px) rotate(0deg); }
+  40% { transform: translate(1px, -1px) rotate(1deg); }
+  50% { transform: translate(-1px, 2px) rotate(-1deg); }
+  60% { transform: translate(-3px, 1px) rotate(0deg); }
+  70% { transform: translate(3px, 1px) rotate(-1deg); }
+  80% { transform: translate(-1px, -1px) rotate(1deg); }
+  90% { transform: translate(1px, 2px) rotate(0deg); }
+  100% { transform: translate(1px, -2px) rotate(-1deg); }
+}
+      h1{ 
+        color: rgb(0, 153, 204) ;
+        font-size:50px; 
+        font-family:Candara}
+
+      h2{
+        color:#aa7c8a;
+        font-size:100px}
+
+      ul{
+        color:#33539e;
+        font-size:40px   }
+
+        table,th,td{border :1px black}
+        th{color:black}
+
+         
+
+
+</style>
+
+
+
+<body>
+<body style="background-color:#63C5DA">
+<div class="header">
+  <a href="#default" class="logo"><img src ="7.png"></a>
+  <div class="header-right">
+    <a class="active" href="#home">Home</a>
+    <a href="about.html">About</a>
+    <a href="PF.html" >Popular Flavours</a>
+    <a href="table.html" >Hungry</a>
+    <a href="MAPP.html">Contact</a>
+    
+    
+  </div>
+
+
+             <img src="Untitled.PNG" width="1299" height="700" >
+                 <img src="Capture.PNG" width="1299" >
+                     <img src="CAKES.PNG" width="1299">
+
+            <table>
+
+                <tr><td>
+                     <img src="Capture 1.pnG" width="1299" >
+                </td></tr>
+
+               <td>
+                   <img src="4.PNG" width="1299" >
+                 </td></tr>
+
+                 <td>
+                      <img src="Capture 2.PNG" width="1299" >
+
+                  </td></tr>
+                     </table>
+ 
+<a href="menu.html">
+
+<img src="bg.png">
+</a>
+
+<img src="bag.png">
+
+
+
+</ul>
+
+</body>
+
+
+</html>
