From 4c65fefeba3cdd7b28153568cd2efccf92786ab9 Mon Sep 17 00:00:00 2001 From: JSriwongsa Date: Tue, 30 May 2023 18:42:00 -0500 Subject: [PATCH] added menu section --- restaurant_website/menu.css | 70 ++++ restaurant_website/menu.html | 660 +++++++++++++++++++++++++++++++++++ 2 files changed, 730 insertions(+) create mode 100644 restaurant_website/menu.css create mode 100644 restaurant_website/menu.html diff --git a/restaurant_website/menu.css b/restaurant_website/menu.css new file mode 100644 index 0000000..60be2e3 --- /dev/null +++ b/restaurant_website/menu.css @@ -0,0 +1,70 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + list-style: none; + text-decoration: none; + scroll-behavior: smooth; + font-family: 'Poppins', sans-serif; +} +:root{ + --bg-color:snow; + --main-color:rgb(177, 126, 5); + --minor-color:rgb(49, 48, 48); + --other-color:dimgray; + --text-color:black; + --box-shadow:10px 10px 5px rgba(0, 0, 0, 0.5); +} +html{ + font-size: 100%; +} +.container{ + max-width: 1500px; + margin: auto; + padding: 0 100px; +} +#menu-container{ + padding: 13rem 0; + margin-left: 10rem; + margin-right: 10rem; +} +.menu{ + font-size: 1rem; +} +.menu-group-heading{ + margin: 0; + padding-bottom: 0.5rem; + font-family: 'Vujahday Script'; + color: var(--main-color); + font-size: 2rem; + border-bottom: 2px solid #ccc; +} +.menu-group{ + display: grid; + grid-template-columns: 1fr; + gap: 1.5rem; + padding: 1.5rem 0; +} +.menu-item{ + display: flex; +} +.menu-item-text { + flex-grow: 1; +} +.menu-item-heading{ + display: flex; + justify-content: space-between; + margin: 0; +} +.menu-item-name{ + margin-right: 1.5em; +} +.menu-item-desc{ + line-height: 1.6; +} + + + + + + diff --git a/restaurant_website/menu.html b/restaurant_website/menu.html new file mode 100644 index 0000000..2488e12 --- /dev/null +++ b/restaurant_website/menu.html @@ -0,0 +1,660 @@ + + + + + + Document + + + + + + + + + + + + + + + + + + + + +