added a logo and favicon

Rachit4039 · Jun 27, 2024 · 7a8009c · 7a8009c
1 parent 64cf6e1
commit 7a8009c
Show file tree

Hide file tree

Showing 11 changed files with 121 additions and 115 deletions.
diff --git a/AboutUs.html b/AboutUs.html
@@ -1,27 +1,35 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="icon" href="./assets/images/favicon.png" type="image/png" />
+
     <title>About Us</title>
-    <link rel="stylesheet" href="assets/css/AboutUs.css">
-</head>
-<body>
+    <link rel="stylesheet" href="assets/css/AboutUs.css" />
+  </head>
+  <body>
     <header>
-        <h1>About Us</h1>
+      <h1>About Us</h1>
     </header>
     <div class="container">
-        <img src="assets/images/img.jpg" alt="food">
-        <div class="about-details">
-            <span>Welcome to</span>
-            <h2>Our Food Journey</h2>
-            <p>We are passionate about bringing the finest culinary experiences to your table. Our journey started with a vision to celebrate 
-                the diversity of flavors and traditions that make food a universal language of joy. From farm-fresh ingredients to expertly 
-                crafted recipes, we strive to deliver exceptional taste and quality in every dish. Whether you're exploring new tastes or 
-                savoring timeless classics, join us on a flavorful adventure that celebrates the artistry and love we pour into each plate.
-            </p>
-            <button class="btn">Learn More</button>
-        </div>
+      <img src="assets/images/img.jpg" alt="food" />
+      <div class="about-details">
+        <span>Welcome to</span>
+        <h2>Our Food Journey</h2>
+        <p>
+          We are passionate about bringing the finest culinary experiences to
+          your table. Our journey started with a vision to celebrate the
+          diversity of flavors and traditions that make food a universal
+          language of joy. From farm-fresh ingredients to expertly crafted
+          recipes, we strive to deliver exceptional taste and quality in every
+          dish. Whether you're exploring new tastes or savoring timeless
+          classics, join us on a flavorful adventure that celebrates the
+          artistry and love we pour into each plate.
+        </p>
+        <button class="btn">Learn More</button>
+      </div>
     </div>
-</body>
+  </body>
 </html>
diff --git a/Home.html b/Home.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>FoodDsy</title>
+       <link rel="icon" href="./assets/images/favicon.png" type="image/png">
     <link rel="stylesheet" href="assets/css/Home.css">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <script defer src="https://kit.fontawesome.com/f30fac2c61.js" ></script>
@@ -14,7 +15,9 @@
 <body class="">
     <div >
         <nav>
-            <div class="logo">
+            <div class="logo" style="display: flex;">
+
+                <img src="./assets/images/favicon.png"  height="40rem" style="padding-left: 2rem;" alt="">
                 <h1>FoodDsy</h1>
             </div>
             <ul>

diff --git a/Signup.html b/Signup.html
@@ -1,20 +1,21 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="./assets/images/favicon.png" type="image/png" />
     <title>Sign Up</title>
-    <link rel="stylesheet" href="assets/css/signup.css">
-</head>
-<body>
+    <link rel="stylesheet" href="assets/css/signup.css" />
+  </head>
+  <body>
     <div class="signup-container">
-        <h1>Sign Up</h1>
-        <form id="signupForm">
-            <input type="text" placeholder="Username" id="signupUsername">
-            <input type="password" placeholder="Password" id="signupPassword">
-            <button type="submit">Sign Up</button>
-        </form>
+      <h1>Sign Up</h1>
+      <form id="signupForm">
+        <input type="text" placeholder="Username" id="signupUsername" />
+        <input type="password" placeholder="Password" id="signupPassword" />
+        <button type="submit">Sign Up</button>
+      </form>
     </div>
     <script src="assets/js/signup.js"></script>
-</body>
+  </body>
 </html>
diff --git a/assets/css/Home.css b/assets/css/Home.css
@@ -270,24 +270,14 @@ ul li a {
   animation: clickEffect 0.3s;
 }
 
-.gallery {
-  display: flex;
-  flex-wrap: wrap;
+#gallery {
   background: var(--beige);
-  justify-content: center;
-  flex-wrap: wrap;
-}
-.gallery img {
-  margin-inline: 6px;
-  margin-top: 12px;
 }
-.gallery img:hover {
-  box-shadow: 2px 5px 6px 5px gray;
-}
-.gallery img {
-  width: 360px;
-  height: 240px;
+
+#gallery h1 {
+  padding-bottom: 1rem;
 }
+
 .blogs {
   display: flex;
   flex-wrap: wrap;
@@ -341,7 +331,8 @@ footer * {
 .footer-col h2 {
   font-optical-sizing: 1.7em;
   text-transform: uppercase;
-  margin-bottom: 20px;
+
+  padding-bottom: 1rem;
 }
 
 p.email {

diff --git a/assets/css/index.css b/assets/css/index.css
@@ -304,7 +304,7 @@ footer * {
 .footer-col h2 {
   font-optical-sizing: 1.7em;
   text-transform: uppercase;
-  margin-bottom: 20px;
+  padding-bottom: 1rem;
 }
 
 p.email {

diff --git a/assets/images/favicon.png b/assets/images/favicon.png
diff --git a/assets/images/food-logo.png b/assets/images/food-logo.png
diff --git a/checkout.html b/checkout.html
@@ -1,28 +1,26 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="./assets/images/favicon.png" type="image/png" />
     <title>Checkout</title>
-    <link rel="stylesheet" href="assets/css/checkout_styles.css">
-</head>
+    <link rel="stylesheet" href="assets/css/checkout_styles.css" />
+  </head>
 
-<body>
-
+  <body>
     <div class="container">
-        <h1>Checkout</h1>
-        <div class="delivery-option">
-            <label for="delivery-option">Select Delivery Option:</label>
-            <select name="delivery-option" id="delivery-option">
-                <option value="standard">Standard Delivery (Rs.5.00)</option>
-                <option value="express">Express Delivery (Rs.10.00)</option>
-            </select>
-        </div>
-        <button id="confirm-btn">Confirm Delivery Option</button>
-        <div id="result"></div>
+      <h1>Checkout</h1>
+      <div class="delivery-option">
+        <label for="delivery-option">Select Delivery Option:</label>
+        <select name="delivery-option" id="delivery-option">
+          <option value="standard">Standard Delivery (Rs.5.00)</option>
+          <option value="express">Express Delivery (Rs.10.00)</option>
+        </select>
+      </div>
+      <button id="confirm-btn">Confirm Delivery Option</button>
+      <div id="result"></div>
     </div>
     <script src="assets/js/checkout_script.js"></script>
-</body>
-
+  </body>
 </html>
diff --git a/contactus.html b/contactus.html
@@ -1,30 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Contact Us - Food Website</title>
-  <link rel="stylesheet" href="assets/css/contactus.css">
-</head>
-<body>
-  <!-- Message Element -->
-  <div id="messagePopup" class="message-popup">Your message has been submitted!</div>
-
-  <main>
-    <div class="container">
-      <form id="contactForm">
-
-            <h1>Contact Us Form</h1>
-            <input type="text" id="firstName" placeholder="First Name" required>
-            <input type="text" id="lastName" placeholder="Last Name" required>
-            <input type="email" id="email" placeholder="Email" required>
-            <input type="text" id="mobile" placeholder="Mobile" required>
-            <h4>Type Your Message Here...</h4>
-            <textarea required></textarea>
-            <input type="submit" value="Send" id="button">
-      </form>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="./assets/images/favicon.png" type="image/png" />
+    <title>Contact Us - Food Website</title>
+    <link rel="stylesheet" href="assets/css/contactus.css" />
+  </head>
+  <body>
+    <!-- Message Element -->
+    <div id="messagePopup" class="message-popup">
+      Your message has been submitted!
     </div>
-  </main>
-  <script src="assets/js/contactus.js"></script>
-</body>
-</html>
+
+    <main>
+      <div class="container">
+        <form id="contactForm">
+          <h1>Contact Us Form</h1>
+          <input type="text" id="firstName" placeholder="First Name" required />
+          <input type="text" id="lastName" placeholder="Last Name" required />
+          <input type="email" id="email" placeholder="Email" required />
+          <input type="text" id="mobile" placeholder="Mobile" required />
+          <h4>Type Your Message Here...</h4>
+          <textarea required></textarea>
+          <input type="submit" value="Send" id="button" />
+        </form>
+      </div>
+    </main>
+    <script src="assets/js/contactus.js"></script>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="./assets/images/favicon.png" type="image/png">
     <title>FoodDsy</title>
     <link rel="stylesheet" href="assets/css/index.css">
     <script src="https://kit.fontawesome.com/f30fac2c61.js" crossorigin="anonymous"></script>
@@ -12,7 +13,9 @@
 <body class="">
     <div class="container">
         <nav>
-            <div class="logo">
+            <div class="logo" style="display: flex;">
+
+                <img src="./assets/images/favicon.png"  height="40rem" style="padding-left: 2rem;" alt="">
                 <h1>FoodDsy</h1>
             </div>
             <ul>
@@ -50,7 +53,8 @@ <h1>My Cart</h1>
         </nav>
         <div class="main ">
             <div class="mainText">
-                <h1>FoodDsy </h1>
+               <h1>FoodDsy </h1>
+
 
                 <p>A Place for all the foodies where every dish is a celebration of flavor and creativity. </p>
 

diff --git a/login.html b/login.html
@@ -1,25 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="./assets/images/favicon.png" type="image/png" />
     <title>Login</title>
-    <link rel="stylesheet" href="assets/css/login.css">
-</head>
-<body>
+    <link rel="stylesheet" href="assets/css/login.css" />
+  </head>
+  <body>
     <div class="login-container">
-        <h1>Login</h1>
-        <form id="loginForm">
-            <input type="text" placeholder="Username" id="username">
-            <input type="password" placeholder="Password" id="password">
-            <button type="submit">Login</button>
-        </form>
+      <h1>Login</h1>
+      <form id="loginForm">
+        <input type="text" placeholder="Username" id="username" />
+        <input type="password" placeholder="Password" id="password" />
+        <button type="submit">Login</button>
+      </form>
     </div>
     <div class="signup-link">
-        Don't have an account ? <a href="Signup.html">Sign Up</a>
+      Don't have an account ? <a href="Signup.html">Sign Up</a>
     </div>
     <script src="assets/js/login.js"></script>
-</body>
+  </body>
 </html>
-
-