From 1a9b1c6974cccf53f6d6212bb4d9e5cf43b44b11 Mon Sep 17 00:00:00 2001 From: Anshikapal05 Date: Tue, 29 Oct 2024 23:37:26 +0530 Subject: [PATCH] Added Restaurant Subscription Plans --- Project Food Menu/index.html | 66 +++++++++++++++++ Project Food Menu/style.css | 138 +++++++++++++++++++++++++++++++++++ 2 files changed, 204 insertions(+) diff --git a/Project Food Menu/index.html b/Project Food Menu/index.html index 06da2fc..da8e50b 100644 --- a/Project Food Menu/index.html +++ b/Project Food Menu/index.html @@ -37,6 +37,7 @@
  • About
  • Category
  • Menu
    • +
  • Subscription
  • Testimonial
  • Contact
    • @@ -199,6 +200,71 @@

    Pav Bhaji

    + + + +
    +
    +
    +

    Retaurant Subscription Plans

    +

    Exclusive Perks for True Food Enthusiasts!
    "Join our culinary community and enjoy access to chef’s specials, members-only discounts, and priority reservations for new menu tastings. Don’t miss out on exclusive, delectable dishes crafted just for you, delivered fresh to your table each month! Choose the perfect dining plan to satisfy your cravings and elevate your dining experience!" +

    + +
    + Food + +
    +

    Basic Plan

    +

    Rs 500/Month

    +
      +
    • 2 Exclusive Meals Per Month
      • +
    • 10% Discount on All Menu Items
      • +
    • Complimentary Drink with Each Visit
      • +
    • Priority Reservations
      • +
    + + Subscribe! +
    + + +
    +

    Premium Plan

    +

    Rs 1000 / Month

    +
      +
    • 5 Exclusive Meals Per Month
      • +
    • 20% Discount on All Menu Items
      • +
    • Complimentary Dessert with Each Meal
      • +
    • VIP Priority Reservations & Early Access to Special Events
      • +
    + Subscribe! +
    + +
    +

    Elite Plan

    +

    Rs 1500 / Month

    +
      +
    • Unlimited Monthly Meals
      • +
    • 30% Discount on All Menu Items
      • +
    • Access to Seasonal Menus & Exclusive Dishes
      • +
    • VIP Reservations Anytime + Exclusive Event Invitations
      • +
    + Subscribe! +
    + Food +
    +
    +
    +
    +

    What Our Customers Say

    diff --git a/Project Food Menu/style.css b/Project Food Menu/style.css index 209c84b..e9792a0 100644 --- a/Project Food Menu/style.css +++ b/Project Food Menu/style.css @@ -335,6 +335,144 @@ body { font-weight: 700; } +/*......./Subscriptions/........*/ + +#subscriptions{ + margin: 0; + padding: 0; + text-align: center; + background-color: #ffffff; +} +.subscriptions-heading{ + margin-top: 50px; + text-align: center; + font-size: 2.2rem; + font-weight: bold; +} +.subscriptions-para{ + margin: 10px; + text-align: center; + font-size: 1rem; +} +.plans-container { + display: flex; + justify-content: center; + gap: 10px; + margin-top: 30px; + /* flex-wrap: wrap; */ +} +.foods-img { + width: 200px; + height: auto; + border-radius: 15px; + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.foods-img:hover { + transform: scale(1.1); +} +.plan { + background-color: #fff; + border-radius: 10px; + /* padding: 10px; */ + height: 380px; + width: 700px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); +} +.plan:hover { + transform: translateY(-10px); + box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} +.plan h3.basic { + font-size: 1.8rem; + font-weight: bold; + margin: 10px; + color: #444; +} + +.plan h3.premium { + font-size: 1.8rem; + font-weight: bold; + margin: 10px; + color: #8f8f8f; +} + +.plan h3.elite { + font-size: 1.8rem; + font-weight: bold; + margin: 10px; + color: #cfaa59; +} + +.plan p { + font-size: 1.2rem; + margin: 10px; + margin-bottom: 20px; +} + +.plan ul { + list-style: none; + font-size: 1rem; + padding: 0; +} + +.plan ul li { + margin-bottom: 10px; + font-size: 0.9rem; +} +/* Responsive Styles */ +@media (max-width: 768px) { + .plans-container { + flex-direction: column; /* Stack plans vertically */ + align-items: center; + } + + .plan { + width: 80%; + margin: 15px 0; + } + + .subscriptions-heading { + font-size: 1.8rem; + } + + .subscriptions-para { + font-size: 0.9rem; + } + + .plan h3 { + font-size: 1.5rem; + } + + .plan p { + font-size: 1rem; + } + + .plan ul li { + font-size: 0.85rem; + } +} + +@media (max-width: 480px) { + .subscriptions-heading { + font-size: 1.5rem; + } + + .plan h3 { + font-size: 1.3rem; + } + + .plan p { + font-size: 0.9rem; + } + + .plan ul li { + font-size: 0.8rem; + } +} + /* ........./ Testimonial /.......... */ #testimonials {