diff --git a/src/partials/mobile-menu.html b/src/partials/mobile-menu.html
index 7d2029f..c9fdaf1 100644
--- a/src/partials/mobile-menu.html
+++ b/src/partials/mobile-menu.html
@@ -1,3 +1,38 @@
 <div class="mobile-menu">
-
+  <div class="modal">
+    <button type="button" class="modal-btn">
+      <svg
+        class="modal-close-icon-mini"
+        width="20"
+        height="20"
+        aria-label="close-icon"
+        onclick="closeMobileMenu()"
+      >
+        <use href="./img/icons.svg#miniX"></use>
+      </svg>
+      <svg
+        class="modal-close-icon-big"
+        width="24"
+        height="24"
+        aria-label="close-icon"
+        onclick="closeMobileMenu()"
+      >
+        <use href="./img/icons.svg#bigX"></use>
+      </svg>
+    </button>
+    <ul class="modal-menu">
+      <li class="modal-menu-item">
+        <a href="#how-it-works" class="modal-menu-link">how it works</a>
+      </li>
+      <li class="modal-menu-item">
+        <a href="#vegetables" class="modal-menu-link">vegetables</a>
+      </li>
+      <li class="modal-menu-item-shop">
+        <a href="#reviews" class="modal-menu-link">reviews</a>
+      </li>
+      <li class="">
+        <a href="#your-order" class="modal-menu-link-shop">shop now</a>
+      </li>
+    </ul>
+  </div>
 </div>