diff --git a/.gitignore b/.gitignore index 2097a50..c99aa8c 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,5 @@ config.php config.php +node_modules +package-lock.json diff --git a/global.css b/global.css new file mode 100644 index 0000000..bd6213e --- /dev/null +++ b/global.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/images/dish1-hero.png b/images/dish1-hero.png new file mode 100644 index 0000000..290bad1 Binary files /dev/null and b/images/dish1-hero.png differ diff --git a/images/pizza-hero.png b/images/pizza-hero.png new file mode 100644 index 0000000..49ff8f3 Binary files /dev/null and b/images/pizza-hero.png differ diff --git a/images/pizza-img-membership.png b/images/pizza-img-membership.png new file mode 100644 index 0000000..1585542 Binary files /dev/null and b/images/pizza-img-membership.png differ diff --git a/images/review.png b/images/review.png new file mode 100644 index 0000000..7b5ef6a Binary files /dev/null and b/images/review.png differ diff --git a/index.html b/index.html deleted file mode 100644 index 8489c11..0000000 --- a/index.html +++ /dev/null @@ -1,794 +0,0 @@ - - - - - - etiffy - Homemade Food Delivery - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-

etiffy

-

Savory Moments, Delivered Home

- -

- Begin your adventure with etiffy and indulge in flavors that - connect you with your community and the heart of homemade - goodness. Join us in celebrating the magic that happens when - passion meets food. Welcome to etiffy - where every meal is a - taste of home. -

- - -
- - -
-
-
-
-
-
-
- 24 hours service -
-
-
- Experience the Taste of Home, Delivered -
-

-
-
-
-
-
-
- call us -
-
-
- Support Local Home Chefs -
-

-
-
-
-
-
-
-
-
-
- -
-
-

- Tired of Monotonous Meals? -

- -

- Fed up with repetitive meals? We feel you! etiffy understands your - desire for a customized culinary adventure to break the monotony of - your routine. We've got you covered with a tailored solution that will - turn those long working days into moments of delight. -

-
-

- Discover What etiffy Offers: -

-
- -
- -

- Elevate Your Dining with etiffy – Where Every Bite is a Unique - Delight! -

- - -
-
- Man eating noodles -
-
-
-
-
-
-
-
-
- Logo -
-

- Available all time -

-

- We are available 24/7 in your service. Keeping your tummy full is - our main goal. Delivering quality tiffins and spreading happiness - is our primary goal. -

-
-
-
-
-

- Just give us a call -

-

- Call us anytime at 9820223338 and get details of our - services from our executives. Giving ease of access to our - customers is our speciality. -

-
- Logo -
-
-
-
-
-

- What our customers say -

- -
-
-
- People -
-

- JOEY TRIBBIANI -

-

- Hey, how you doin'? So, I gotta tell you about this amazing - experience I had with Alimento. It's like they read my mind or - something, 'cause they totally get what a guy needs in his - meals, you know what I mean? 🌟🌟🌟🌟, baby! -

-
-
-
-
-
- People -
-

- BARNEY STINSON -

-

- "Legendary! Alimento is the ultimate play in the food game. - Picture this – personalized menus, fresh ingredients that suit - my 'suit up' lifestyle, and deliveries that are as fast as my - pick-up lines. It's not just five stars, it's a suit up, high - five, and legendary salute! " -

-
-
-
-
-
- People -
-

- CHANDLER BING -

-

- "Alimento, cooking up excellence just like my blue meth. With - personalized menus that rival my chemistry equations, - ingredients fresher than my laboratory setup, and deliveries - as precise as my Heisenberg alter ego." -

-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-

- Get in touch -

- -
-
-
- Our contacts -
- -
    -
  • -
    - icon -
    -

    - 10th Street, Civil Lines Sector B13, Himachal Pradesh -

    -
    • -
  • -
    - icon -
    -

    - +91 9820223338 -

    -
    • -
  • -
    - icon -
    -

    - hello@tiffy.com -

    -
    • -
-
-
-
- Send us a message -
- -
-
- - -
-
- -
- -
-
-
-
-
-
-
-
-
- -
-

Frequently Asked Questions

- -
-
What types of products are available on Alimento?▼
-
Alimento offers a diverse selection of homemade dishes, including vegetarian, vegan, gluten-free, and specialty items prepared by passionate home chefs.
-
-
-
How do I place an order? ▼
-
You can place an order by browsing our menu, selecting your favorite dishes, and following the checkout process.
-
- -
-
How is my order delivered? ▼
-
Your order is delivered directly to your specified address by our delivery partners. You will receive a notification with tracking details once your order is on its way.
-
- -
-
What payment methods do you accept? ▼
-
We accept various payment methods, including credit/debit cards, UPI and cash on delivery
-
-
-
How can I contact customer support?▼
-
You can contact our customer support team through the “Contact” section on our website , via email, or by calling our customer service number.
-
- -
- - - - - - - - - - - - - - - - - - diff --git a/index.php b/index.php new file mode 100644 index 0000000..9de689e --- /dev/null +++ b/index.php @@ -0,0 +1,285 @@ + + + + + + + + + Alimento + + + + + + + + + + + + + + + +
+ logo + +
+ + + +
+ +
+
+

Discover the best + food at your place

+

Craving something delicious? Explore the + best food + around you, from local favorites to hidden gemsall + just a tap away!

+
+ +
+
+ + +
+ +
+ +

Or

+ +
+
+
+ +
+ hero-image + hero-image +
+
+ + +
+
+
+ +
+

Easy to order

+

Our user friendly UI makes it + easier for you to order seamlesly.

+
+
+
+ +
+

Safe Delievery

+

Assured no damage to food with + our safe delivery service.

+
+
+
+ +
+

Best Quality

+

Collections of best rated + restaurants maintains our quality standards.

+
+
+ + +
+
+

Our lovely customer loves our food! +

+

“Donec euismod a mauris ornare posuere. Donec porttitor + ex vitae ipsum tincidunt auctor. Pellentesque + habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas”

+
+ + + + + +
+
+

Martin Robbin

+

Delhi, India

+
+
+ + +
+
+
+ review-image +
+
+ + +
+

+ Wanted to list your restaurant?

+

"Got a restaurant? List it with us + and reach more food lovers! Unlock new customers, boost orders all in one + place!"

+ +
+ + +
+
+

Join our membership and get discount + up to 50%

+
+ + +
+
+
+ + +
+
+
+ logo +

We deliver best food to you with our quality vendors + that + serve you the best food in the city.

+ +
+ + + + +
+
+
+
+

Support

+
+ Account + FAQs + Feedback +
+
+
+

Get in touch

+
+ hello@tiffy.com + +91 9820223338 +
+
+
+

Usefull links

+
+ Terms of service + Privacy policy + About us +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/output.css b/output.css new file mode 100644 index 0000000..9fa1ca9 --- /dev/null +++ b/output.css @@ -0,0 +1,1787 @@ +*, ::before, ::after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} + +/* +! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com +*/ + +/* +1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) +2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) +*/ + +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: #e5e7eb; + /* 2 */ +} + +::before, +::after { + --tw-content: ''; +} + +/* +1. Use a consistent sensible line-height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +3. Use a more readable tab size. +4. Use the user's configured `sans` font-family by default. +5. Use the user's configured `sans` font-feature-settings by default. +6. Use the user's configured `sans` font-variation-settings by default. +7. Disable tap highlights on iOS +*/ + +html, +:host { + line-height: 1.5; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ + -moz-tab-size: 4; + /* 3 */ + -o-tab-size: 4; + tab-size: 4; + /* 3 */ + font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + font-feature-settings: normal; + /* 5 */ + font-variation-settings: normal; + /* 6 */ + -webkit-tap-highlight-color: transparent; + /* 7 */ +} + +/* +1. Remove the margin in all browsers. +2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. +*/ + +body { + margin: 0; + /* 1 */ + line-height: inherit; + /* 2 */ +} + +/* +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +3. Ensure horizontal rules are visible by default. +*/ + +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ + border-top-width: 1px; + /* 3 */ +} + +/* +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/* +Remove the default font size and weight for headings. +*/ + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/* +Reset links to optimize for opt-in styling instead of opt-out. +*/ + +a { + color: inherit; + text-decoration: inherit; +} + +/* +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/* +1. Use the user's configured `mono` font-family by default. +2. Use the user's configured `mono` font-feature-settings by default. +3. Use the user's configured `mono` font-variation-settings by default. +4. Correct the odd `em` font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + /* 1 */ + font-feature-settings: normal; + /* 2 */ + font-variation-settings: normal; + /* 3 */ + font-size: 1em; + /* 4 */ +} + +/* +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/* +Prevent `sub` and `sup` elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +3. Remove gaps between table borders by default. +*/ + +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ + border-collapse: collapse; + /* 3 */ +} + +/* +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +3. Remove default padding in all browsers. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-feature-settings: inherit; + /* 1 */ + font-variation-settings: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + font-weight: inherit; + /* 1 */ + line-height: inherit; + /* 1 */ + letter-spacing: inherit; + /* 1 */ + color: inherit; + /* 1 */ + margin: 0; + /* 2 */ + padding: 0; + /* 3 */ +} + +/* +Remove the inheritance of text transform in Edge and Firefox. +*/ + +button, +select { + text-transform: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Remove default button styles. +*/ + +button, +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { + -webkit-appearance: button; + /* 1 */ + background-color: transparent; + /* 2 */ + background-image: none; + /* 2 */ +} + +/* +Use the modern Firefox focus style for all focusable elements. +*/ + +:-moz-focusring { + outline: auto; +} + +/* +Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/* +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/* +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/* +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ +} + +/* +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/* +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to `inherit` in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ +} + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/* +Removes the default spacing and border for appropriate elements. +*/ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +fieldset { + margin: 0; + padding: 0; +} + +legend { + padding: 0; +} + +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} + +/* +Reset default styling for dialogs. +*/ + +dialog { + padding: 0; +} + +/* +Prevent resizing textareas horizontally by default. +*/ + +textarea { + resize: vertical; +} + +/* +1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) +2. Set the default placeholder color to the user's configured gray 400 color. +*/ + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + /* 1 */ + color: #9ca3af; + /* 2 */ +} + +/* +Set the default cursor for buttons. +*/ + +button, +[role="button"] { + cursor: pointer; +} + +/* +Make sure disabled buttons don't get the pointer cursor. +*/ + +:disabled { + cursor: default; +} + +/* +1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) +2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) + This can trigger a poorly considered lint error in some tools but is included by design. +*/ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/* +Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) +*/ + +img, +video { + max-width: 100%; + height: auto; +} + +/* Make elements with the HTML hidden attribute stay hidden by default */ + +[hidden]:where(:not([hidden="until-found"])) { + display: none; +} + +.container { + width: 100%; +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 1536px) { + .container { + max-width: 1536px; + } +} + +.collapse { + visibility: collapse; +} + +.top-5 { + top: 1.25rem; +} + +.m-5 { + margin: 1.25rem; +} + +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} + +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + +.me-2 { + margin-inline-end: 0.5rem; +} + +.me-3 { + margin-inline-end: 0.75rem; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.mt-10 { + margin-top: 2.5rem; +} + +.mt-14 { + margin-top: 3.5rem; +} + +.mt-2 { + margin-top: 0.5rem; +} + +.mt-20 { + margin-top: 5rem; +} + +.mt-3 { + margin-top: 0.75rem; +} + +.mt-4 { + margin-top: 1rem; +} + +.mt-5 { + margin-top: 1.25rem; +} + +.mt-8 { + margin-top: 2rem; +} + +.mt-9 { + margin-top: 2.25rem; +} + +.box-border { + box-sizing: border-box; +} + +.block { + display: block; +} + +.flex { + display: flex; +} + +.table { + display: table; +} + +.grid { + display: grid; +} + +.hidden { + display: none; +} + +.h-32 { + height: 8rem; +} + +.h-5 { + height: 1.25rem; +} + +.h-\[1px\] { + height: 1px; +} + +.h-10 { + height: 2.5rem; +} + +.w-3\/4 { + width: 75%; +} + +.w-32 { + width: 8rem; +} + +.w-36 { + width: 9rem; +} + +.w-40 { + width: 10rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-72 { + width: 18rem; +} + +.w-96 { + width: 24rem; +} + +.w-full { + width: 100%; +} + +.w-max { + width: -moz-max-content; + width: max-content; +} + +.w-auto { + width: auto; +} + +.w-10 { + width: 2.5rem; +} + +.max-w-7xl { + max-width: 80rem; +} + +.max-w-lg { + max-width: 32rem; +} + +.max-w-md { + max-width: 28rem; +} + +.max-w-sm { + max-width: 24rem; +} + +.max-w-xs { + max-width: 20rem; +} + +.border-collapse { + border-collapse: collapse; +} + +.cursor-pointer { + cursor: pointer; +} + +.select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.flex-col { + flex-direction: column; +} + +.flex-wrap { + flex-wrap: wrap; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse; +} + +.items-start { + align-items: flex-start; +} + +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.gap-16 { + gap: 4rem; +} + +.gap-2 { + gap: 0.5rem; +} + +.gap-3 { + gap: 0.75rem; +} + +.gap-4 { + gap: 1rem; +} + +.gap-8 { + gap: 2rem; +} + +.gap-10 { + gap: 2.5rem; +} + +.self-start { + align-self: flex-start; +} + +.self-end { + align-self: flex-end; +} + +.overflow-hidden { + overflow: hidden; +} + +.rounded { + border-radius: 0.25rem; +} + +.rounded-3xl { + border-radius: 1.5rem; +} + +.rounded-full { + border-radius: 9999px; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.rounded-md { + border-radius: 0.375rem; +} + +.rounded-xl { + border-radius: 0.75rem; +} + +.rounded-2xl { + border-radius: 1rem; +} + +.border { + border-width: 1px; +} + +.border-none { + border-style: none; +} + +.border-\[\#585b4d\] { + --tw-border-opacity: 1; + border-color: rgb(88 91 77 / var(--tw-border-opacity)); +} + +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +.border-gray-400 { + --tw-border-opacity: 1; + border-color: rgb(156 163 175 / var(--tw-border-opacity)); +} + +.bg-\[\#6E725E\] { + --tw-bg-opacity: 1; + background-color: rgb(110 114 94 / var(--tw-bg-opacity)); +} + +.bg-\[\#D7DACB\] { + --tw-bg-opacity: 1; + background-color: rgb(215 218 203 / var(--tw-bg-opacity)); +} + +.bg-\[\#E6E8DD\] { + --tw-bg-opacity: 1; + background-color: rgb(230 232 221 / var(--tw-bg-opacity)); +} + +.bg-\[\#FDFFF5\] { + --tw-bg-opacity: 1; + background-color: rgb(253 255 245 / var(--tw-bg-opacity)); +} + +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + +.bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.bg-gray-900 { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +.bg-red-400 { + --tw-bg-opacity: 1; + background-color: rgb(248 113 113 / var(--tw-bg-opacity)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} + +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.bg-\[\#E6E8DD\;\] { + background-color: #E6E8DD;; +} + +.bg-pizza-img { + background-image: url('images/pizza-img-membership.png'); +} + +.bg-cover { + background-size: cover; +} + +.bg-contain { + background-size: contain; +} + +.bg-fixed { + background-attachment: fixed; +} + +.bg-clip-padding { + background-clip: padding-box; +} + +.bg-clip-content { + background-clip: content-box; +} + +.bg-center { + background-position: center; +} + +.bg-bottom { + background-position: bottom; +} + +.bg-top { + background-position: top; +} + +.bg-left { + background-position: left; +} + +.bg-left-bottom { + background-position: left bottom; +} + +.bg-right-bottom { + background-position: right bottom; +} + +.p-1 { + padding: 0.25rem; +} + +.p-3 { + padding: 0.75rem; +} + +.p-5 { + padding: 1.25rem; +} + +.p-2 { + padding: 0.5rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} + +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} + +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.font-poppins { + font-family: Poppins, sans-serif; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.font-bold { + font-weight: 700; +} + +.font-medium { + font-weight: 500; +} + +.font-semibold { + font-weight: 600; +} + +.uppercase { + text-transform: uppercase; +} + +.lowercase { + text-transform: lowercase; +} + +.text-\[\#5C5F50\] { + --tw-text-opacity: 1; + color: rgb(92 95 80 / var(--tw-text-opacity)); +} + +.text-\[\#919388\] { + --tw-text-opacity: 1; + color: rgb(145 147 136 / var(--tw-text-opacity)); +} + +.text-\[\#FDFFF5\] { + --tw-text-opacity: 1; + color: rgb(253 255 245 / var(--tw-text-opacity)); +} + +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgb(107 114 128 / var(--tw-text-opacity)); +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.text-gray-700 { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + +.text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.text-red-100 { + --tw-text-opacity: 1; + color: rgb(254 226 226 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-\[\#6A6E5C\] { + --tw-text-opacity: 1; + color: rgb(106 110 92 / var(--tw-text-opacity)); +} + +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.shadow-gray-300 { + --tw-shadow-color: #d1d5db; + --tw-shadow: var(--tw-shadow-colored); +} + +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.duration-100 { + transition-duration: 100ms; +} + +.duration-75 { + transition-duration: 75ms; +} + +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.hover\:bg-\[\#585b4d\]:hover { + --tw-bg-opacity: 1; + background-color: rgb(88 91 77 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +.hover\:bg-red-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); +} + +.hover\:bg-white:hover { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.hover\:bg-\[\#6A6E5C\]:hover { + --tw-bg-opacity: 1; + background-color: rgb(106 110 92 / var(--tw-bg-opacity)); +} + +.hover\:text-black:hover { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.focus\:border:focus { + border-width: 1px; +} + +.focus\:border-none:focus { + border-style: none; +} + +.focus\:border-white:focus { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + +.focus\:border-red-500:focus { + --tw-border-opacity: 1; + border-color: rgb(239 68 68 / var(--tw-border-opacity)); +} + +.focus\:bg-gray-300:focus { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.focus\:bg-white:focus { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +.active\:bg-gray-100:active { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} + +.active\:bg-gray-300:active { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + +.active\:bg-gray-900:active { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +@media (min-width: 640px) { + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .sm\:mt-16 { + margin-top: 4rem; + } + + .sm\:ml-4 { + margin-left: 1rem; + } + + .sm\:ml-2 { + margin-left: 0.5rem; + } + + .sm\:flex { + display: flex; + } + + .sm\:hidden { + display: none; + } + + .sm\:h-full { + height: 100%; + } + + .sm\:h-80 { + height: 20rem; + } + + .sm\:w-52 { + width: 13rem; + } + + .sm\:w-80 { + width: 20rem; + } + + .sm\:max-w-3xl { + max-width: 48rem; + } + + .sm\:max-w-xl { + max-width: 36rem; + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:items-start { + align-items: flex-start; + } + + .sm\:items-baseline { + align-items: baseline; + } + + .sm\:gap-1 { + gap: 0.25rem; + } + + .sm\:gap-5 { + gap: 1.25rem; + } + + .sm\:rounded-full { + border-radius: 9999px; + } + + .sm\:rounded-xl { + border-radius: 0.75rem; + } + + .sm\:rounded-2xl { + border-radius: 1rem; + } + + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + + .sm\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } + + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } +} + +@media (min-width: 768px) { + .md\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .md\:mt-16 { + margin-top: 4rem; + } + + .md\:mt-32 { + margin-top: 8rem; + } + + .md\:grid { + display: grid; + } + + .md\:w-2\/3 { + width: 66.666667%; + } + + .md\:w-36 { + width: 9rem; + } + + .md\:w-52 { + width: 13rem; + } + + .md\:w-96 { + width: 24rem; + } + + .md\:w-auto { + width: auto; + } + + .md\:max-w-2xl { + max-width: 42rem; + } + + .md\:max-w-3xl { + max-width: 48rem; + } + + .md\:max-w-4xl { + max-width: 56rem; + } + + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .md\:flex-nowrap { + flex-wrap: nowrap; + } + + .md\:gap-2 { + gap: 0.5rem; + } + + .md\:gap-5 { + gap: 1.25rem; + } + + .md\:rounded-full { + border-radius: 9999px; + } + + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } +} + +@media (min-width: 1024px) { + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .lg\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .lg\:flex { + display: flex; + } + + .lg\:h-96 { + height: 24rem; + } + + .lg\:w-1\/2 { + width: 50%; + } + + .lg\:w-40 { + width: 10rem; + } + + .lg\:w-80 { + width: 20rem; + } + + .lg\:w-\[500px\] { + width: 500px; + } + + .lg\:w-auto { + width: auto; + } + + .lg\:max-w-5xl { + max-width: 64rem; + } + + .lg\:max-w-4xl { + max-width: 56rem; + } + + .lg\:justify-center { + justify-content: center; + } + + .lg\:justify-between { + justify-content: space-between; + } + + .lg\:justify-around { + justify-content: space-around; + } + + .lg\:gap-10 { + gap: 2.5rem; + } + + .lg\:gap-16 { + gap: 4rem; + } + + .lg\:rounded-full { + border-radius: 9999px; + } + + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + + .lg\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; + } + + .lg\:px-28 { + padding-left: 7rem; + padding-right: 7rem; + } + + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + + .lg\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } + + .lg\:px-64 { + padding-left: 16rem; + padding-right: 16rem; + } + + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } + + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .lg\:leading-tight { + line-height: 1.25; + } +} + +@media (min-width: 1280px) { + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .xl\:mx-0 { + margin-left: 0px; + margin-right: 0px; + } + + .xl\:mt-20 { + margin-top: 5rem; + } + + .xl\:w-1\/2 { + width: 50%; + } + + .xl\:w-2\/5 { + width: 40%; + } + + .xl\:w-52 { + width: 13rem; + } + + .xl\:w-96 { + width: 24rem; + } + + .xl\:max-w-7xl { + max-width: 80rem; + } + + .xl\:pt-10 { + padding-top: 2.5rem; + } + + .xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } +} \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..2501e34 --- /dev/null +++ b/package.json @@ -0,0 +1,107 @@ +{ + "name": "alimento", + "description": "Alimento is an online homemade food delivery platform that connects passionate home chefs with food enthusiasts. This platform allows home chefs to showcase their culinary skills by offering a variety of homemade dishes to users, who can easily order and enjoy delicious meals from the comfort of their homes.", + "version": "1.0.0", + "main": "darkMode.js", + "dependencies": { + "ansi-regex": "^6.1.0", + "ansi-styles": "^6.2.1", + "any-promise": "^1.3.0", + "anymatch": "^3.1.3", + "arg": "^5.0.2", + "balanced-match": "^1.0.2", + "binary-extensions": "^2.3.0", + "brace-expansion": "^2.0.1", + "braces": "^3.0.3", + "camelcase-css": "^2.0.1", + "chokidar": "^3.6.0", + "color-convert": "^2.0.1", + "color-name": "^1.1.4", + "commander": "^4.1.1", + "cross-spawn": "^7.0.3", + "cssesc": "^3.0.0", + "didyoumean": "^1.2.2", + "dlv": "^1.1.3", + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "fast-glob": "^3.3.2", + "fastq": "^1.17.1", + "fill-range": "^7.1.1", + "foreground-child": "^3.3.0", + "function-bind": "^1.1.2", + "glob": "^10.4.5", + "glob-parent": "^6.0.2", + "hasown": "^2.0.2", + "is-binary-path": "^2.1.0", + "is-core-module": "^2.15.1", + "is-extglob": "^2.1.1", + "is-fullwidth-code-point": "^3.0.0", + "is-glob": "^4.0.3", + "is-number": "^7.0.0", + "isexe": "^2.0.0", + "jackspeak": "^3.4.3", + "jiti": "^1.21.6", + "lilconfig": "^2.1.0", + "lines-and-columns": "^1.2.4", + "lru-cache": "^10.4.3", + "merge2": "^1.4.1", + "micromatch": "^4.0.8", + "minimatch": "^9.0.5", + "minipass": "^7.1.2", + "mz": "^2.7.0", + "nanoid": "^3.3.7", + "normalize-path": "^3.0.0", + "object-assign": "^4.1.1", + "object-hash": "^3.0.0", + "package-json-from-dist": "^1.0.1", + "path-key": "^3.1.1", + "path-parse": "^1.0.7", + "path-scurry": "^1.11.1", + "picocolors": "^1.1.0", + "picomatch": "^2.3.1", + "pify": "^2.3.0", + "pirates": "^4.0.6", + "postcss": "^8.4.47", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.2", + "postcss-nested": "^6.2.0", + "postcss-selector-parser": "^6.1.2", + "postcss-value-parser": "^4.2.0", + "queue-microtask": "^1.2.3", + "read-cache": "^1.0.0", + "readdirp": "^3.6.0", + "resolve": "^1.22.8", + "reusify": "^1.0.4", + "run-parallel": "^1.2.0", + "shebang-command": "^2.0.0", + "shebang-regex": "^3.0.0", + "signal-exit": "^4.1.0", + "source-map-js": "^1.2.1", + "string-width": "^5.1.2", + "string-width-cjs": "^4.2.3", + "strip-ansi": "^7.1.0", + "strip-ansi-cjs": "^6.0.1", + "sucrase": "^3.35.0", + "supports-preserve-symlinks-flag": "^1.0.0", + "thenify": "^3.3.1", + "thenify-all": "^1.6.0", + "to-regex-range": "^5.0.1", + "ts-interface-checker": "^0.1.13", + "util-deprecate": "^1.0.2", + "which": "^2.0.2", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "^7.0.0", + "yaml": "^2.6.0" + }, + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "devDependencies": { + "tailwindcss": "^3.4.14" +}, + "keywords": [], + "author": "", + "license": "ISC" + +} diff --git a/readme.md b/readme.md index dce18ba..dd754db 100644 --- a/readme.md +++ b/readme.md @@ -74,12 +74,15 @@ Alimento is an online homemade food delivery platform that connects passionate h ## 🛠️ Technology Stack -- **Frontend**: HTML, CSS, JavaScript, **Bootstrap** +- **Frontend**: HTML, CSS, JavaScript, **Tailwind CSS** - **Backend**: PHP - **Payment Gateway**: Razorpay API - **Database**: MySQL - +## Setup tour +1. [**Setup Tailwind CSS**](#setup-tailwind) + + ## 🤔 Why Choose Alimento? @@ -137,6 +140,23 @@ You should now see the homepage of the Alimento platform. +

Setup Tailwind css

+ +1. Go to alimento directory in your terminal +2. You should have [node.js](https://nodejs.org/en/download/package-manager) installed. + +- Run the following command: +``` +npm install -D tailwindcss +``` +3. Run the following command to see the tailwind css changes: +- Without running this command you will not see the changes made by tailwind css. Everytime you start the project, you need to run this command in background. +``` +npx tailwindcss -i global.css -o output.css --watch +``` + +Congrats, you've completed the tailwind css setup. + ## 👀 Our Contributors - We extend our heartfelt gratitude for your invaluable contribution to our project! Your efforts play a pivotal role in elevating this project to greater heights. diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..d2e111d --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,16 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: ["*.{html,js,php}"], + theme: { + extend: { + fontFamily: { + 'poppins': ["Poppins", "sans-serif"], + }, + backgroundImage:{ + 'pizza-img': "url('images/pizza-img-membership.png')", + } + }, + }, + plugins: [], +} +