From 68048ee89e46f3f4af30dd1c5faf3a087c1693d1 Mon Sep 17 00:00:00 2001
From: senorita17 <an2ya2001@gmail.com>
Date: Tue, 24 Oct 2023 17:54:07 +0530
Subject: [PATCH] added a login page and hyperlinks to other pages

---
 .vscode/launch.json | 22 +++++++++++++++
 Css/about.css       |  2 +-
 Css/contactform.css |  2 +-
 Css/product.css     |  2 +-
 Css/style.css       |  2 +-
 about.html          | 10 +++----
 contactform.html    | 10 +++----
 index.html          | 10 +++----
 login.html          | 69 +++++++++++++++++++++++++++++++++++++++++++++
 product.html        | 10 +++----
 10 files changed, 115 insertions(+), 24 deletions(-)
 create mode 100644 .vscode/launch.json
 create mode 100644 login.html

diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..2e90707
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,22 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "Attach to Chrome",
+            "port": 9222,
+            "request": "attach",
+            "type": "chrome",
+            "webRoot": "${workspaceFolder}"
+        },
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/Css/about.css b/Css/about.css
index 84b5779..553fac8 100644
--- a/Css/about.css
+++ b/Css/about.css
@@ -15,7 +15,7 @@
 
 a {
     text-decoration: none;
-    color: black;
+    color: rgb(242, 49, 49);
     /* padding: 18px ; */
 }
 
diff --git a/Css/contactform.css b/Css/contactform.css
index a355469..86dd4b4 100644
--- a/Css/contactform.css
+++ b/Css/contactform.css
@@ -96,7 +96,7 @@ padding-top: 20px;
 
 a {
     text-decoration: none;
-    color: black;
+    color: rgb(233, 31, 31);
     /* padding: 18px ; */
 }
 
diff --git a/Css/product.css b/Css/product.css
index ab28f72..92f2730 100644
--- a/Css/product.css
+++ b/Css/product.css
@@ -33,7 +33,7 @@
  } 
  a{
    text-decoration: none; 
-   color: black;
+   color: rgb(235, 41, 41);
  }
  a:hover{
     font-weight: bold;
diff --git a/Css/style.css b/Css/style.css
index 7690d16..61a4a30 100644
--- a/Css/style.css
+++ b/Css/style.css
@@ -35,7 +35,7 @@
 
 a {
     text-decoration: none;
-    color: black;
+    color: rgb(234, 37, 37);
     /* padding: 18px ; */
 }
 
diff --git a/about.html b/about.html
index 631bb9e..eb50486 100644
--- a/about.html
+++ b/about.html
@@ -69,11 +69,11 @@ <h1>Best Quality</h1>
         <div class="menu1">
             <h2 style="font-size: 25px;">MENU</h2>
         <br><br>
-        <p>HOME</p><br>
-        <p>ABOUT</p><br>
-        <p>SERVICES</p><br>
+        <p><a href="index.html">HOME</a></p><br>
+        <p><a href="about.html">ABOUT</a></p><br>
+        <p><a href="product.html">SERVICES</a></p><br>
         <p>BLOG</p><br>
-        <p>CONTACT</p>
+        <p><a href="contactform.html">CONTACT</a></p>
         </div>
     
     </div>
@@ -83,7 +83,7 @@ <h2 style="font-size: 25px;">ACCOUNT</h2>
         <br><br>
         <p>ACCOUNT</p><br>
         <p>CHECKOUT</p><br>
-        <p>LOGIN</p><br>
+        <p><a href="login.html">LOGIN</a></p><br>
         <p>REGISTER</p><br>
         <p>SHOPPING</p>
         </div>
diff --git a/contactform.html b/contactform.html
index 84998f7..9d65fcb 100644
--- a/contactform.html
+++ b/contactform.html
@@ -75,11 +75,11 @@
         <div class="menu1">
             <h2 style="font-size: 25px;">MENU</h2>
         <br><br>
-        <p>HOME</p><br>
-        <p>ABOUT</p><br>
-        <p>SERVICES</p><br>
+        <p><a href="index.html">HOME</a></p><br>
+        <p><a href="about.html">ABOUT</a></p><br>
+        <p><a href="product.html"> SERVICES</a></p><br>
         <p>BLOG</p><br>
-        <p>CONTACT</p>
+        <p><a href="contactform.html">CONTACT</a></p>
         </div>
     
     </div>
@@ -89,7 +89,7 @@ <h2 style="font-size: 25px;">ACCOUNT</h2>
         <br><br>
         <p>ACCOUNT</p><br>
         <p>CHECKOUT</p><br>
-        <p>LOGIN</p><br>
+        <p><a href="login.html">LOGIN</a></p><br>
         <p>REGISTER</p><br>
         <p>SHOPPING</p>
         </div>
diff --git a/index.html b/index.html
index 3185ce9..eb04ed6 100644
--- a/index.html
+++ b/index.html
@@ -298,11 +298,11 @@ <h2 class="price">₹599</h2>&nbsp;<h3 class="price"><del class="del">₹699</de
         <div class="menu1">
             <h2 style="font-size: 25px;">MENU</h2>
         <br><br>
-        <p>HOME</p><br>
-        <p>ABOUT</p><br>
-        <p>SERVICES</p><br>
+        <p><a href="index.html">HOME</a></p><br>
+        <p><a href="about.html">ABOUT</a></p><br>
+        <p><a href="product.html">SERVICES</a></p><br>
         <p>BLOG</p><br>
-        <p>CONTACT</p>
+        <p><a href="contactform.html">CONTACT</a></p>
         </div>
     
     </div>
@@ -312,7 +312,7 @@ <h2 style="font-size: 25px;">ACCOUNT</h2>
         <br><br>
         <p>ACCOUNT</p><br>
         <p>CHECKOUT</p><br>
-        <p>LOGIN</p><br>
+        <p><a href="login.html">LOGIN</a></p><br>
         <p>REGISTER</p><br>
         <p>SHOPPING</p>
         </div>
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..d36933d
--- /dev/null
+++ b/login.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Login Page</title>
+    <style>
+        body {
+            font-family: ui-rounded;
+            text-align: center;
+            background-color: #e74040;
+        }
+        .container {
+            width: 300px;
+            margin: 0 auto;
+            margin-top: 100px;
+            background-color: #fff;
+            padding: 50px;
+            border-radius: 5px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+        .logo {
+            margin-bottom: 20px;
+        }
+        .form-group {
+            margin-bottom: 20px;
+        }
+        .form-group label {
+            display: block;
+            font-weight: bold;
+        }
+        .form-group input[type="text"],
+        .form-group input[type="password"] {
+            width: 100%;
+            padding: 8px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+        .form-group button {
+            background-color: #0074D9;
+            color: #fff;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="logo">
+            <img src="file:///C:/Users/an2ya/Desktop/spotify/Redstore-1/img/logo.png" alt="Logo">
+        </div>
+        <h2>Login</h2>
+        <form action="process_login.php" method="POST">
+            <div class="form-group">
+                <label for="username">Username:</label>
+                <input type="text" id="username" name="username" required>
+            </div>
+            <div class="form-group">
+                <label for="password">Password:</label>
+                <input type="password" id="password" name "password" required>
+            </div>
+            <div class="form-group">
+                <button type="submit">Login</button>
+            </div>
+        </form>
+    </div>
+</body>
+</html>
diff --git a/product.html b/product.html
index b061f67..31c6a91 100644
--- a/product.html
+++ b/product.html
@@ -237,11 +237,11 @@ <h3 class="text">₹329<del class="de">₹1399</del><span class="spn">76%off</sp
         <div class="menu1">
             <h2 style="font-size: 25px;">MENU</h2>
         <br><br>
-        <p>HOME</p><br>
-        <p>ABOUT</p><br>
-        <p>SERVICES</p><br>
+        <p><a href="index.html">HOME</a></p><br>
+        <p><a href="about.html">ABOUT</a></p><br>
+        <p><a href="product.html">SERVICES</a></p><br>
         <p>BLOG</p><br>
-        <p>CONTACT</p>
+        <p><a href="contactform.html">CONTACT</a></p>
         </div>
     
     </div>
@@ -251,7 +251,7 @@ <h2 style="font-size: 25px;">ACCOUNT</h2>
         <br><br>
         <p>ACCOUNT</p><br>
         <p>CHECKOUT</p><br>
-        <p>LOGIN</p><br>
+        <p><a href="login.html">LOGIN</a></p><br>
         <p>REGISTER</p><br>
         <p>SHOPPING</p>
         </div>