first commit

2023-02-14 23:10:12 +02:00
parent 164b86db1d
commit f79b95ef2f
44 changed files with 2674 additions and 99 deletions
@@ -0,0 +1,61 @@
+<main className="bg-gray-100 min-h-screen w-screen">
+  <main className="max-w-screen-2xl m-auto bg-white">
+    {/* NAVBAR */}
+    <nav className="bg-white p-2 flex justify-between">
+      <a href="" className="font-bold text-gray-700 text-2xl">
+        {" "} OpenTable{" "}
+      </a>
+      <div>
+        <div className="flex">
+          <button
+            className="bg-blue-400 text-white border p-1 px-4 rounded mr-3"
+          >
+            Sign in
+          </button>
+          <button className="border p-1 px-4 rounded">Sign up</button>
+        </div>
+      </div>
+    </nav>
+    {/* NAVBAR */} {/* HEADER */}
+    <div className="h-96 overflow-hidden">
+      <div
+        className="bg-center bg-gradient-to-r from-[#0f1f47] to-[#5f6984] h-full flex justify-center items-center"
+      >
+        <h1 className="text-7xl text-white captitalize text-shadow text-center">
+          Milestones Grill (Toronto)
+        </h1>
+      </div>
+    </div>
+    {/* HEADER */} {/* DESCRIPTION PORTION */}
+    <div className="flex m-auto w-2/3 justify-between items-start 0 -mt-11">
+      <div className="bg-white w-[100%] rounded p-3 shadow">
+        {/* RESAURANT NAVBAR */}
+        <nav className="flex text-reg border-b pb-2">
+          <a href="" className="mr-7"> Overview </a>
+          <a href="" className="mr-7"> Menu </a>
+        </nav>
+        {/* RESAURANT NAVBAR */} {/* MENU */}
+        <main className="bg-white mt-5">
+          <div>
+            <div className="mt-4 pb-1 mb-1">
+              <h1 className="font-bold text-4xl">Menu</h1>
+            </div>
+            <div className="flex flex-wrap justify-between">
+              {/* MENU CARD */}
+              <div className=" border rounded p-3 w-[49%] mb-3">
+                <h3 className="font-bold text-lg">Surf and Turf</h3>
+                <p className="font-light mt-1 text-sm">
+                  A well done steak with lobster and rice
+                </p>
+                <p className="mt-7">$80.00</p>
+              </div>
+              {/* MENU CARD */}
+            </div>
+          </div>
+        </main>
+        {/* MENU */}
+      </div>
+    </div>
+    {/* DESCRIPTION PORTION */}
+  </main>
+</main>