From b72592c0e3812d89906477ff7b4a8daa376c571b Mon Sep 17 00:00:00 2001 From: Priyanshi Agrawal Date: Thu, 17 Oct 2024 16:04:38 +0530 Subject: [PATCH 1/2] add profile and logout feature --- Html-files/profile.html | 422 ++++++++++++++ Html-files/signup.html | 25 +- index.html | 1225 ++++++++++++++++++++++----------------- 3 files changed, 1145 insertions(+), 527 deletions(-) create mode 100644 Html-files/profile.html diff --git a/Html-files/profile.html b/Html-files/profile.html new file mode 100644 index 00000000..c29d4508 --- /dev/null +++ b/Html-files/profile.html @@ -0,0 +1,422 @@ + + + + + + + User Profile + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+

Profile Page

+
+

Name:

+

Email:

+ +
+ + +
+ + + + + + + + + \ No newline at end of file diff --git a/Html-files/signup.html b/Html-files/signup.html index 4979b2d5..5bc2d748 100644 --- a/Html-files/signup.html +++ b/Html-files/signup.html @@ -258,7 +258,7 @@

SIGN U -
+
@@ -329,6 +329,29 @@

SIGN U } animateCircles(); + + //storing user details + document.getElementById('reg-btn').addEventListener('click', function(event) { + event.preventDefault(); // Prevent form submission + + // Get values from the form + const name = document.getElementById('name').value; + const email = document.getElementById('email').value; + const password = document.getElementById('password').value; // You may choose to hash this before storage + + // Store user details in localStorage + const userDetails = { + name: name, + email: email, + password: password // Consider security practices for storing passwords + }; + + localStorage.setItem('userDetails', JSON.stringify(userDetails)); + + // Optionally, redirect to signed page after sign-up + window.location.href = 'signed.html'; // Adjust the path as necessary + }); + diff --git a/index.html b/index.html index 2c04a774..92214931 100644 --- a/index.html +++ b/index.html @@ -6,15 +6,16 @@ Retro - - + + - + - + --> - - - - - + + + + + - + /* Additional responsive adjustments */ + @media (max-width: 600px) { + .box { + max-width: 100%; + /* Allow full width on small screens */ + min-height: auto; + /* Allow height to adjust for smaller screens */ + } + + .card-image { + max-height: 150px; + /* Adjust max height for smaller screens */ + } + } + +
@@ -351,15 +394,16 @@
- + - - - + - +
-

Welcome to Retro!

-

Step back in time and experience the nostalgic charm of days gone by. - Immerse yourself in the world of vintage tech, classic designs, and timeless memories. - Get ready to embark on a journey through the ages, where innovation meets tradition, and the past inspires the future.

+

Welcome to Retro! +

+

Step back in time and experience + the nostalgic charm of days gone by. + Immerse yourself in the world of vintage tech, classic designs, and timeless memories. + Get ready to embark on a journey through the ages, where innovation meets tradition, and the past inspires + the future.

@@ -470,21 +533,31 @@

-

"Step into the past and discover our latest additions!
Explore our new arrivals and uncover the charm of a bygone era!"

+

"Step into the past and + discover our latest additions!
Explore our new arrivals and uncover the charm of a bygone era!"

@@ -492,7 +565,8 @@

Biryani

60s-style florals

-

From aromatic curries to flavorful biryanis, our menu showcases the diversity and +

From aromatic curries to flavorful biryanis, + our menu showcases the diversity and deliciousness of Indian cuisine.

@@ -500,48 +574,53 @@

60s-st Plate

60's Dinning Items

- Elegant porcelain plates with delicate floral patterns. Each plate tells a story of family gatherings and special occasions. + Elegant porcelain plates with delicate floral patterns. Each plate tells a story of family + gatherings and special occasions.

Candy -

Whimsical Nostalgia: The Stardust Bonbon

-

The Stardust Bonbon, a sweet relic from an era when the universe was our playground.

+

Whimsical Nostalgia: The + Stardust Bonbon

+

The Stardust Bonbon, a sweet relic from an era + when the universe was our playground.

- +
-
-
- -

-

Bringing happiness
to you

-

Order your favourite vintage collections!

-
+
+
+ +

+

Bringing happiness
to you

+

Order your favourite vintage collections!

+
- -
-
-
-

Online Delivery


- Order Online -
-
-

Click & Collect


- Take out Order + +
+
+
+

Online Delivery


+ Order Online +
+
+

Click & Collect


+ Take out Order +
-
-
+
-

"Get ready to explore our vintage collections!"

+

"Get ready to explore our vintage + collections!"

"Free on Order above $5000"

- +
@@ -551,24 +630,28 @@

"Get r

Indian Thali

-

Enjoy a thali full of traditional flavours and memotries

+

Enjoy a thali full of traditional + flavours and memotries

Dessert

-

Complete your meal with mouth watering delicacies

+

Complete your meal with mouth + watering delicacies

Snacks

-

Have a lighter version with deliciouis flavours

+

Have a lighter version with + deliciouis flavours

Juices

-

Boost yourself up with fruit extracts

+

Boost yourself up with fruit extracts +

@@ -578,22 +661,26 @@

Juices
  • - food-image + food-image
  • - food-image + food-image
  • - food-image + food-image
  • - food-image + food-image
    • @@ -601,119 +688,135 @@

    Juices
    • - food-image + food-image
    • - food-image + food-image
    • - food-image + food-image
    • - food-image + food-image
    - - -
    -

    Frequently Asked Questions

    -
    - -
    -

    - -

    -
    -
    - Our return policy allows you to return items within 30 days of purchase. -
    + + +
    +

    Frequently Asked Questions

    +
    + +
    +

    + +

    +
    +
    + Our return policy allows you to return items within 30 days of purchase.
    - -
    -

    - -

    -
    -
    - Shipping typically takes 5-7 business days, depending on your location. -
    +
    + +
    +

    + +

    +
    +
    + Shipping typically takes 5-7 business days, depending on your location.
    - -
    -

    - -

    -
    -
    - Yes, we offer international shipping to select countries. -
    +
    + +
    +

    + +

    +
    +
    + Yes, we offer international shipping to select countries.
    - -
    -

    - -

    -
    -
    - If your order hasn't been processed yet, you can contact us to make changes. -
    +
    + +
    +

    + +

    +
    +
    + If your order hasn't been processed yet, you can contact us to make changes.
    - -
    -

    - -

    -
    -
    - We accept all major credit cards, PayPal, and bank transfers. -
    +
    + +
    +

    + +

    +
    +
    + We accept all major credit cards, PayPal, and bank transfers.
    - -
    -

    - -

    -
    -
    - Yes, we provide discounts on bulk orders. Please contact our sales team for more details. -
    +
    + +
    +

    + +

    +
    +
    + Yes, we provide discounts on bulk orders. Please contact our sales team for more details.
    -
    +
    +
    -

    +

    - +

@@ -721,19 +824,22 @@

Free Delivery!

Download the App now!


-

For best discounts and free delivery download the app now from your Google Play Store or App Store.

- Get it on Google Play Store - Download on the Apple App Store +

For best discounts and free + delivery download the app now from your Google Play Store or App Store.

+ Get it on Google Play Store + Download on the Apple App Store
- +
- + - + - + + + - + \ No newline at end of file From 789370e132948a3915eb931942607dbee5721343 Mon Sep 17 00:00:00 2001 From: Priyanshi Agrawal Date: Thu, 17 Oct 2024 16:22:23 +0530 Subject: [PATCH 2/2] label changes --- Html-files/profile.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Html-files/profile.html b/Html-files/profile.html index c29d4508..a63d092c 100644 --- a/Html-files/profile.html +++ b/Html-files/profile.html @@ -404,7 +404,7 @@

Profile Page

document.getElementById('profile-name').textContent = userDetails.name; document.getElementById('profile-email').textContent = userDetails.email; } else { - alert('No user details found! Please log in.'); + alert('No user details found! Please Sign Up.'); document.getElementById('profile-name').textContent = 'No user logged in.'; document.getElementById('profile-email').textContent = ''; window.location.href = "login.html"; // Redirect to login page if no user is logged in