From 036b1863811792e42e715d00cfbdb4865ff38ff8 Mon Sep 17 00:00:00 2001
From: kamalesh-og
Date: Fri, 10 May 2024 23:12:27 +0530
Subject: [PATCH 001/111] done
---
style.css | 27 +++++++++++++++++++++++++++
1 file changed, 27 insertions(+)
diff --git a/style.css b/style.css
index 1827fdc6..72e13379 100644
--- a/style.css
+++ b/style.css
@@ -475,3 +475,30 @@ textarea {
font-size: 1.2rem;
padding: 15px;
}
+
+.about_us .box:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+.about_us .box {
+ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+}
+
+.btn:hover {
+ background-color: #555;
+ color: white;
+}
+
+.box:hover {
+ transform: scale(1.05);
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+
+.items:hover {
+ transform: translateY(-5px) scale(1.05);
+}
+
+a:hover {
+ color: #555;
+}
\ No newline at end of file
From ffdd10ccb45d981823fbdc577cd226cc2f8518b0 Mon Sep 17 00:00:00 2001
From: Suraj
Date: Mon, 13 May 2024 23:31:41 +0530
Subject: [PATCH 002/111] Added the Marquee Effect
---
index.html | 9 ++++++-
style.css | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
2 files changed, 77 insertions(+), 2 deletions(-)
diff --git a/index.html b/index.html
index 11d87d4c..f98797b3 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,9 @@
rel="stylesheet">
+
@@ -48,7 +51,11 @@ Welcome to foodie!
-
+
+
Get 30% OFF on your first order!
+ Get 30% OFF on your first order!
+ Get 30% OFF on your first order!
+
"Savor the Flavors: Discover What Sets Our Restaurant's Cuisine Apart!"
diff --git a/style.css b/style.css
index e3d95faf..006c8d18 100644
--- a/style.css
+++ b/style.css
@@ -3,6 +3,13 @@
padding: 0px;
}
+.poppins-light {
+ font-family: "Poppins", sans-serif;
+ font-weight: 300;
+ font-style: normal;
+}
+
+
body {
background-color: black;
}
@@ -671,7 +678,7 @@ textarea {
gap: 20px;
flex-direction: columns;
margin: auto;
- /*padding-left:2px;*/
+ /padding-left:2px;/
max-width: 40%;
}
.contact_form > * {
@@ -801,3 +808,64 @@ textarea {
}
+#marque {
+ width: 100%;
+ overflow: hidden;
+ position: relative;
+ white-space: nowrap;
+ background-color: rgb(255, 255, 255);
+}
+
+#marque h1 {
+ display: inline-block;
+ font-size: 3vw;
+ text-transform: uppercase;
+ padding-right: 100px;
+ animation: marquee 10s linear infinite;
+ background: #de6262;
+ background: -webkit-linear-gradient(to right, #de6262, #ffb88c);
+ background: linear-gradient(to right, #de6262, #ffb88c);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+}
+
+@keyframes marquee {
+ 0% {
+ transform: translateX(0);
+ }
+
+ 100% {
+ transform: translateX(-100%);
+ }
+}
+
+#marque-container {
+ display: inline-block;
+ padding-left: 100%;
+}
+
+#marque-container:after {
+ content: "Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order!";
+ padding-left: 100px;
+}
+
+@media (max-width: 768px) {
+ #marque {
+ padding: 1vw;
+ border-top: 1px solid black;
+ border-bottom: 1px solid black;
+ }
+
+ #marque h1 {
+ letter-spacing: 2px;
+ font-size: 3vw;
+ -webkit-text-stroke: 0.3px black;
+ padding-right: 2px;
+ }
+
+ #marque-container:after {
+ content: "Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order! Get 30% OFF on your first order!";
+ padding-left:2px;
+
+ }
+}
From a861c348514d696bcaa7ad5839ade2315e08956f Mon Sep 17 00:00:00 2001
From: Suraj
Date: Mon, 13 May 2024 23:43:03 +0530
Subject: [PATCH 003/111] Fixed a small Bug near padding
---
style.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/style.css b/style.css
index 006c8d18..e1ac2605 100644
--- a/style.css
+++ b/style.css
@@ -678,7 +678,7 @@ textarea {
gap: 20px;
flex-direction: columns;
margin: auto;
- /padding-left:2px;/
+padding-left:2px;
max-width: 40%;
}
.contact_form > * {
From 9c1fb20af378322a0def61fcc0297cd49a872b9a Mon Sep 17 00:00:00 2001
From: kamalesh-og
Date: Fri, 17 May 2024 21:46:27 +0530
Subject: [PATCH 004/111] Added hover effects and refined CSS styles
---
style.css | 236 ++++++++++--------------------------------------------
1 file changed, 44 insertions(+), 192 deletions(-)
diff --git a/style.css b/style.css
index 72e13379..5998d094 100644
--- a/style.css
+++ b/style.css
@@ -1,25 +1,26 @@
+/* Global reset */
* {
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
}
body {
background-color: black;
}
+
+/* Navbar styling */
.navbar {
- padding: 8px 0px;
- }
+ padding: 8px 0;
+}
.navbar ul {
overflow: auto;
- /* background-color: black; */
}
.navbar li {
float: left;
list-style: none;
margin: 2px 20px;
-
}
.navbar li a {
@@ -33,7 +34,7 @@ body {
opacity: 0.7;
}
-
+/* Intro section styling */
.intro_container {
display: flex;
flex-direction: column;
@@ -51,11 +52,10 @@ body {
position: absolute;
height: 800px;
width: 100%;
- top: 0px;
- left: 0px;
+ top: 0;
+ left: 0;
z-index: -1;
opacity: 0.5;
-
}
.intro_container h1 {
@@ -82,32 +82,27 @@ body {
}
.intro_container button:hover {
-
background-color: white;
color: brown;
}
+/* About Us section styling */
.about_us {
background-color: rgb(224, 224, 252);
- padding: 100px 0px 100px 0px;
+ padding: 100px 0;
}
#about {
- /* margin: 34px; */
display: flex;
-
}
-
#about .box {
border: 2px solid brown;
padding: 34px;
margin: 2px 55px;
border-radius: 28px;
background: #f2f2f2;
- margin-bottom: 20px;
- /* float: left; */
-
+ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
#about .box img {
@@ -122,10 +117,16 @@ body {
text-align: center;
}
+.about_us .box:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+/* Primary and secondary headings */
.h-primary {
font-family: 'Bree Serif', serif;
font-size: 2.5rem;
- padding: 40px 80px 80px 80px;
+ padding: 40px 80px;
text-align: center;
color: brown;
}
@@ -137,11 +138,10 @@ body {
text-align: center;
}
-
+/* Service section styling */
.service_container {
display: flex;
flex-direction: column;
- /* padding: 3px 200px; */
height: 550px;
width: auto;
justify-content: center;
@@ -155,43 +155,32 @@ body {
position: absolute;
height: 560px;
width: 100%;
- /* justify-items: center; */
opacity: 0.4;
z-index: -1;
- /* background-repeat: no-repeat; */
}
-
.service {
display: flex;
padding: 20px;
- box-sizing: fixed;
-
-
}
.service .box_main {
- padding-left: 20px;
- padding-right: 40px;
+ padding: 20px 40px;
}
.service .box_main h1 {
font-size: 4.5rem;
font-family: 'Oswald', sans-serif;
-
}
.service .box_main p {
font-family: 'Oswald', sans-serif;
-
}
.service .box {
padding: 140px 20px;
- /* border:2px solid rgb(224, 224, 252); */
text-align: center;
font-size: 1.3rem;
-
}
.service .box a {
@@ -205,9 +194,10 @@ body {
background-color: brown;
}
+/* Menu section styling */
.menu_container {
background-color: rgb(224, 224, 252);
- padding: 100px 0px 100px 0px;
+ padding: 100px 0;
}
.menu_container .mainhead {
@@ -245,11 +235,10 @@ body {
.menu_items {
display: flex;
-
}
.menu_items .items {
- background-color:#f2f2f2;
+ background-color: #f2f2f2;
border: 3px solid brown;
padding: 25px;
margin: 15px;
@@ -258,6 +247,7 @@ body {
border-radius: 10px;
text-align: center;
font-family: 'Bree Serif', serif;
+ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.menu_items .items img {
@@ -271,6 +261,12 @@ body {
margin-top: 10px;
}
+.menu_items .items:hover {
+ transform: translateY(-5px) scale(1.05);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+/* App download section styling */
.app_download {
background-color: brown;
height: 320px;
@@ -281,7 +277,6 @@ body {
.app_download h4 {
font-size: 2rem;
-
}
.app_download h2 {
@@ -308,8 +303,9 @@ body {
border: 2px solid white;
}
+/* Marquee styling */
.move {
- background-color: rgb(224, 224, 252);;
+ background-color: rgb(224, 224, 252);
height: 60px;
}
@@ -317,188 +313,44 @@ body {
color: brown;
font-size: 1.6rem;
padding-top: 10px;
-
}
-/* .footer {
- background-color: rgb(224, 224, 252);;
- height: 700px;
-} */
-
-/* .footer .container {
- border: 2px solid rgb(22, 6, 6);
- color: white;
- padding: 50px;
- margin-left: 50px;
- margin-right: 700px;
- font-size: 1.6rem;
- padding-right: 50px;
-}
-
-.footer input {
- font-size: 1.3rem;
-}
-
-.footer h1 {
- color: white;
- font-family: 'Bree Serif', serif;
- margin-left: 20px;
- padding: 50px;
- font-size: 2.5rem;
-}
-
-.footer button {
- font-size: 1.4rem;
- padding: 10px;
- margin-top: 30px;
- width: 180px;
- font-family: 'Bree Serif', serif;
- color: rgb(22, 6, 6);
- border-radius: 10px;
-} */
-
-/* .footer p {
- text-align: center;
- font-family: 'Bree Serif', serif;
- font-size: 1.2rem;
- margin-bottom: 10px;
- color:brown;
- /* margin-top: 30px; */
-
-
-/* .footer h1{
- font-size: 1.2em;
-} */
-
-/* .footer{
- margin-top: 15px;
-} */
-/* .foot-panel1{
-
- background-color: rgb(122, 37, 37);
- color:white;
- height: 50px;
- display:flex;
- justify-content: center;
- align-items: center;
- font-size: 0.85rem;
-} */
-
-.foot-panel2{
+/* Footer styling */
+.foot-panel2 {
background-color: rgb(138, 37, 37);
- color:white;
+ color: white;
height: 300px;
display: flex;
justify-content: space-evenly;
}
-.foot-panel2 ul{
+.foot-panel2 ul {
margin-top: 20px;
}
-ul p{
+ul p {
font-weight: 700;
}
-ul a{
+ul a {
display: block;
font-size: 0.85rem;
margin-top: 10px;
color: #dddddd;
}
-/* .foot-pannel3{
- background-color:rgb(66, 16, 16);
- color: white;
- border-top: 0.5px solid white;
- height: 70px;
- display: flex;
- justify-content: center;
-} */
-
-
-
-.foot_panel4{
+.foot_panel4 {
background-color: rgb(66, 16, 16);
color: white;
height: 160px;
font-size: 0.9rem;
text-align: center;
-
}
-
-
-.pages{
+.pages {
padding-top: 25px;
-
-}
-
-.copyright{
- padding-top: 10px;
-}
-
-form {
- padding-top: 20px;
- display: grid;
- /* gap: 10px; */
- padding-bottom: 100px;
-}
-
-label {
- font-weight: bold;
-}
-
-input,
-textarea {
- height:30px;
- width: 120%;
- padding: 2.5px;
- box-sizing: border-box;
- border-radius: 2px;
-}
-
-#butt{
- background-color:rgb(66, 16, 16);
- color: white;
- padding: 2px;
- border: 1px solid white ;
- border-radius: 2px;
- cursor: pointer;
}
-#butt :hover {
- background-color:rgb(196, 89, 89);
-}
-
-.social-icons i{
- font-size: 1.2rem;
- padding: 15px;
-}
-
-.about_us .box:hover {
- transform: translateY(-5px);
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
-}
-
-.about_us .box {
- transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
-}
-
-.btn:hover {
- background-color: #555;
- color: white;
-}
-
-.box:hover {
- transform: scale(1.05);
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-}
-
-.items:hover {
- transform: translateY(-5px) scale(1.05);
+.copyright {
+ padding-top: 10px;
}
-
-a:hover {
- color: #555;
-}
\ No newline at end of file
From ddff551278b7feaeae8d6292a2227a71548db3ee Mon Sep 17 00:00:00 2001
From: kamalesh-og
Date: Fri, 17 May 2024 21:49:35 +0530
Subject: [PATCH 005/111] Added hover effects and refined CSS styles
---
style.css | 236 ++++++++++++++++++++++++++++++++++++++++++++----------
1 file changed, 192 insertions(+), 44 deletions(-)
diff --git a/style.css b/style.css
index 5998d094..72e13379 100644
--- a/style.css
+++ b/style.css
@@ -1,26 +1,25 @@
-/* Global reset */
* {
- margin: 0;
- padding: 0;
+ margin: 0px;
+ padding: 0px;
}
body {
background-color: black;
}
-
-/* Navbar styling */
.navbar {
- padding: 8px 0;
-}
+ padding: 8px 0px;
+ }
.navbar ul {
overflow: auto;
+ /* background-color: black; */
}
.navbar li {
float: left;
list-style: none;
margin: 2px 20px;
+
}
.navbar li a {
@@ -34,7 +33,7 @@ body {
opacity: 0.7;
}
-/* Intro section styling */
+
.intro_container {
display: flex;
flex-direction: column;
@@ -52,10 +51,11 @@ body {
position: absolute;
height: 800px;
width: 100%;
- top: 0;
- left: 0;
+ top: 0px;
+ left: 0px;
z-index: -1;
opacity: 0.5;
+
}
.intro_container h1 {
@@ -82,27 +82,32 @@ body {
}
.intro_container button:hover {
+
background-color: white;
color: brown;
}
-/* About Us section styling */
.about_us {
background-color: rgb(224, 224, 252);
- padding: 100px 0;
+ padding: 100px 0px 100px 0px;
}
#about {
+ /* margin: 34px; */
display: flex;
+
}
+
#about .box {
border: 2px solid brown;
padding: 34px;
margin: 2px 55px;
border-radius: 28px;
background: #f2f2f2;
- transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+ margin-bottom: 20px;
+ /* float: left; */
+
}
#about .box img {
@@ -117,16 +122,10 @@ body {
text-align: center;
}
-.about_us .box:hover {
- transform: translateY(-5px);
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
-}
-
-/* Primary and secondary headings */
.h-primary {
font-family: 'Bree Serif', serif;
font-size: 2.5rem;
- padding: 40px 80px;
+ padding: 40px 80px 80px 80px;
text-align: center;
color: brown;
}
@@ -138,10 +137,11 @@ body {
text-align: center;
}
-/* Service section styling */
+
.service_container {
display: flex;
flex-direction: column;
+ /* padding: 3px 200px; */
height: 550px;
width: auto;
justify-content: center;
@@ -155,32 +155,43 @@ body {
position: absolute;
height: 560px;
width: 100%;
+ /* justify-items: center; */
opacity: 0.4;
z-index: -1;
+ /* background-repeat: no-repeat; */
}
+
.service {
display: flex;
padding: 20px;
+ box-sizing: fixed;
+
+
}
.service .box_main {
- padding: 20px 40px;
+ padding-left: 20px;
+ padding-right: 40px;
}
.service .box_main h1 {
font-size: 4.5rem;
font-family: 'Oswald', sans-serif;
+
}
.service .box_main p {
font-family: 'Oswald', sans-serif;
+
}
.service .box {
padding: 140px 20px;
+ /* border:2px solid rgb(224, 224, 252); */
text-align: center;
font-size: 1.3rem;
+
}
.service .box a {
@@ -194,10 +205,9 @@ body {
background-color: brown;
}
-/* Menu section styling */
.menu_container {
background-color: rgb(224, 224, 252);
- padding: 100px 0;
+ padding: 100px 0px 100px 0px;
}
.menu_container .mainhead {
@@ -235,10 +245,11 @@ body {
.menu_items {
display: flex;
+
}
.menu_items .items {
- background-color: #f2f2f2;
+ background-color:#f2f2f2;
border: 3px solid brown;
padding: 25px;
margin: 15px;
@@ -247,7 +258,6 @@ body {
border-radius: 10px;
text-align: center;
font-family: 'Bree Serif', serif;
- transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.menu_items .items img {
@@ -261,12 +271,6 @@ body {
margin-top: 10px;
}
-.menu_items .items:hover {
- transform: translateY(-5px) scale(1.05);
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
-}
-
-/* App download section styling */
.app_download {
background-color: brown;
height: 320px;
@@ -277,6 +281,7 @@ body {
.app_download h4 {
font-size: 2rem;
+
}
.app_download h2 {
@@ -303,9 +308,8 @@ body {
border: 2px solid white;
}
-/* Marquee styling */
.move {
- background-color: rgb(224, 224, 252);
+ background-color: rgb(224, 224, 252);;
height: 60px;
}
@@ -313,44 +317,188 @@ body {
color: brown;
font-size: 1.6rem;
padding-top: 10px;
+
}
-/* Footer styling */
-.foot-panel2 {
- background-color: rgb(138, 37, 37);
+/* .footer {
+ background-color: rgb(224, 224, 252);;
+ height: 700px;
+} */
+
+/* .footer .container {
+ border: 2px solid rgb(22, 6, 6);
color: white;
+ padding: 50px;
+ margin-left: 50px;
+ margin-right: 700px;
+ font-size: 1.6rem;
+ padding-right: 50px;
+}
+
+.footer input {
+ font-size: 1.3rem;
+}
+
+.footer h1 {
+ color: white;
+ font-family: 'Bree Serif', serif;
+ margin-left: 20px;
+ padding: 50px;
+ font-size: 2.5rem;
+}
+
+.footer button {
+ font-size: 1.4rem;
+ padding: 10px;
+ margin-top: 30px;
+ width: 180px;
+ font-family: 'Bree Serif', serif;
+ color: rgb(22, 6, 6);
+ border-radius: 10px;
+} */
+
+/* .footer p {
+ text-align: center;
+ font-family: 'Bree Serif', serif;
+ font-size: 1.2rem;
+ margin-bottom: 10px;
+ color:brown;
+ /* margin-top: 30px; */
+
+
+/* .footer h1{
+ font-size: 1.2em;
+} */
+
+/* .footer{
+ margin-top: 15px;
+} */
+/* .foot-panel1{
+
+ background-color: rgb(122, 37, 37);
+ color:white;
+ height: 50px;
+ display:flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.85rem;
+} */
+
+.foot-panel2{
+ background-color: rgb(138, 37, 37);
+ color:white;
height: 300px;
display: flex;
justify-content: space-evenly;
}
-.foot-panel2 ul {
+.foot-panel2 ul{
margin-top: 20px;
}
-ul p {
+ul p{
font-weight: 700;
}
-ul a {
+ul a{
display: block;
font-size: 0.85rem;
margin-top: 10px;
color: #dddddd;
}
-.foot_panel4 {
+/* .foot-pannel3{
+ background-color:rgb(66, 16, 16);
+ color: white;
+ border-top: 0.5px solid white;
+ height: 70px;
+ display: flex;
+ justify-content: center;
+} */
+
+
+
+.foot_panel4{
background-color: rgb(66, 16, 16);
color: white;
height: 160px;
font-size: 0.9rem;
text-align: center;
+
}
-.pages {
+
+
+.pages{
padding-top: 25px;
+
}
-.copyright {
- padding-top: 10px;
+.copyright{
+ padding-top: 10px;
+}
+
+form {
+ padding-top: 20px;
+ display: grid;
+ /* gap: 10px; */
+ padding-bottom: 100px;
+}
+
+label {
+ font-weight: bold;
+}
+
+input,
+textarea {
+ height:30px;
+ width: 120%;
+ padding: 2.5px;
+ box-sizing: border-box;
+ border-radius: 2px;
}
+
+#butt{
+ background-color:rgb(66, 16, 16);
+ color: white;
+ padding: 2px;
+ border: 1px solid white ;
+ border-radius: 2px;
+ cursor: pointer;
+}
+
+#butt :hover {
+ background-color:rgb(196, 89, 89);
+}
+
+.social-icons i{
+ font-size: 1.2rem;
+ padding: 15px;
+}
+
+.about_us .box:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+.about_us .box {
+ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+}
+
+.btn:hover {
+ background-color: #555;
+ color: white;
+}
+
+.box:hover {
+ transform: scale(1.05);
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+}
+
+.items:hover {
+ transform: translateY(-5px) scale(1.05);
+}
+
+a:hover {
+ color: #555;
+}
\ No newline at end of file
From 8a2da8ed640dc6a1991ab4c7fab192cfef9b34f9 Mon Sep 17 00:00:00 2001
From: kamalesh-og
Date: Fri, 17 May 2024 21:54:08 +0530
Subject: [PATCH 006/111] Added hover effects and refined CSS styles
---
style.css | 9 ---------
1 file changed, 9 deletions(-)
diff --git a/style.css b/style.css
index 72e13379..d16bd90e 100644
--- a/style.css
+++ b/style.css
@@ -485,11 +485,6 @@ textarea {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
-.btn:hover {
- background-color: #555;
- color: white;
-}
-
.box:hover {
transform: scale(1.05);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
@@ -498,7 +493,3 @@ textarea {
.items:hover {
transform: translateY(-5px) scale(1.05);
}
-
-a:hover {
- color: #555;
-}
\ No newline at end of file
From bb949e386abde3d5c7c9cbb14b3e25b4ceab4dc9 Mon Sep 17 00:00:00 2001
From: Pulkit Garg
Date: Mon, 20 May 2024 09:03:42 +0530
Subject: [PATCH 007/111] add hover effect on social media icons
---
Css-files/content.css | 15 ++++++++++++++-
Html-files/menu.html | 2 +-
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/Css-files/content.css b/Css-files/content.css
index fac66ad7..a9258e54 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -375,11 +375,24 @@ textarea {
background-color:rgb(196, 89, 89);
}
-.social-icons i{
+.social-icons a{
font-size: 1.2rem;
padding: 15px;
+ text-decoration: none;
+ color: white;
+}
+
+.fa-facebook:hover {
+ color:#3B5998;
}
+.fa-instagram:hover {
+ color:#D62976;
+}
+
+.fa-twitter:hover {
+ color:#00B6F1;
+}
/* Cart page styling */
.cart-section{
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 5e06f78c..02ad3379 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -4,7 +4,7 @@
- FoodOrderingWebsite
+ Menu - Food Ordering Website
Date: Mon, 20 May 2024 17:54:05 +0530
Subject: [PATCH 008/111] REMOVED DUPLICATES FROM FOOTER
---
Html-files/cart.html | 4 ++--
Html-files/contact.html | 8 +++++++-
Html-files/menu.html | 5 ++---
Html-files/services.html | 4 ++--
index.html | 2 +-
5 files changed, 14 insertions(+), 9 deletions(-)
diff --git a/Html-files/cart.html b/Html-files/cart.html
index fc014320..6d960d0b 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -125,11 +125,11 @@ Follow Us
- © 2023 Foodies . All Rights Reserved. |
+ © 2024 Foodies . All Rights Reserved. |
Khushi Joshi
- © 2024 Foodies . All Rights Reserved. | Developed by Khushi Joshi
+
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 92a808ef..4204662a 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -174,7 +174,13 @@ Follow Us
Stay connected with us on social media for the latest updates, recipes, and foodie adventures.
- © 2023 Foodies . All Rights Reserved. | Developed by Khushi Joshi
+
+ © 2024 Foodies . All Rights Reserved. | Developed by
+ Khushi Joshi
+
+
+
+
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 5e06f78c..31bc9ec7 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -250,12 +250,11 @@ Follow Us
- © 2023 Foodies . All Rights Reserved. | Developed by
+ © 2024 Foodies . All Rights Reserved. | Developed by
Khushi Joshi
- © 2024 Foodies . All Rights Reserved. | Developed by Khushi Joshi
-
+
diff --git a/Html-files/services.html b/Html-files/services.html
index 6c7ebc04..01fcdd02 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -253,11 +253,11 @@ Follow Us
- © 2023 Foodies . All Rights Reserved. |
+ © 2024 Foodies . All Rights Reserved. |
Khushi Joshi
- © 2024 Foodies . All Rights Reserved. | Developed by Khushi Joshi
+
diff --git a/index.html b/index.html
index 9e0383d1..ccf0cad3 100644
--- a/index.html
+++ b/index.html
@@ -348,7 +348,7 @@ Follow Us
- © 2023 Foodies . All Rights Reserved. | Developed by
+ © 2024 Foodies . All Rights Reserved. | Developed by
Khushi
Joshi
From 3cbbfdb7677662840f57ee30731b672b6c8f6823 Mon Sep 17 00:00:00 2001
From: Pulkit Garg
Date: Wed, 22 May 2024 23:49:41 +0530
Subject: [PATCH 009/111] add hover effect on social media icons
---
Css-files/content.css | 29 +++++++++++++++++++++--------
Html-files/contact.html | 17 +++++++----------
Html-files/menu.html | 15 ++++++---------
Html-files/services.html | 13 ++++---------
index.html | 19 ++++++++-----------
style.css | 35 +++++++++++++++++++----------------
6 files changed, 65 insertions(+), 63 deletions(-)
diff --git a/Css-files/content.css b/Css-files/content.css
index bf6be704..ec523fe3 100644
--- a/Css-files/content.css
+++ b/Css-files/content.css
@@ -339,6 +339,7 @@ body {
}
.copyright{
+ background-color: rgb(66, 16, 16);
padding-top: 10px;
}
@@ -374,23 +375,35 @@ textarea {
background-color:rgb(196, 89, 89);
}
-.social-icons a{
- font-size: 1.2rem;
- padding: 15px;
- text-decoration: none;
- color: white;
+.social-icons a {
+ font-size: 1.2rem;
+ padding: 10px;
+ margin: 10px;
+ text-decoration: none;
+ color: black;
+ background-color: white;
+ border-radius: 50%;
+ transition: .2s;
}
.fa-facebook:hover {
- color:#3B5998;
+ background-color: #3B5998;
+ color: white;
}
.fa-instagram:hover {
- color:#D62976;
+ background-color: #D62976;
+ color: white;
}
.fa-twitter:hover {
- color:#00B6F1;
+ background-color: #00B6F1;
+ color: white;
+}
+
+.fa-github:hover {
+ background-color: #040204;
+ color: white;
}
/* Cart page styling */
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 4204662a..2053250c 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -4,7 +4,7 @@
- FoodOrderingWebsite
+ Contact Us - Food Ordering Website
@@ -167,23 +167,20 @@ Contact Us!
Follow Us
Stay connected with us on social media for the latest updates, recipes, and foodie adventures.
-
- © 2024 Foodies . All Rights Reserved. | Developed by
+ © 2024 Foodies - All Rights Reserved |
Khushi Joshi
-
-
-
-
+
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 2c6d7360..16ebf314 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -355,23 +355,20 @@ Contact Us!
Follow Us
Stay connected with us on social media for the latest updates, recipes, and foodie adventures.
-
- © 2024 Foodies . All Rights Reserved. | Developed by
+ © 2024 Foodies - All Rights Reserved |
Khushi Joshi
-
-
-
-
+
diff --git a/Html-files/services.html b/Html-files/services.html
index 01fcdd02..b678af8a 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -4,7 +4,7 @@
- FoodOrderingWebsite
+ Services - Food Ordering Website
@@ -243,25 +243,20 @@ Contact Us!
Follow Us
Stay connected with us on social media for the latest updates, recipes, and foodie adventures.
-
- © 2024 Foodies . All Rights Reserved. |
+ © 2024 Foodies - All Rights Reserved |
Khushi Joshi
-
-
-
-
+
diff --git a/index.html b/index.html
index 1e537fc7..5ad01461 100644
--- a/index.html
+++ b/index.html
@@ -345,24 +345,21 @@ Contact Us!
diff --git a/style.css b/style.css
index 012a4ccf..a37fa5c1 100644
--- a/style.css
+++ b/style.css
@@ -478,6 +478,7 @@ ul a {
}
.copyright {
+ background-color: rgb(66, 16, 16);
padding-top: 10px;
}
@@ -518,31 +519,33 @@ textarea {
.social-icons a {
font-size: 1.2rem;
- padding: 8px;
- margin: 15px;
+ padding: 10px;
+ margin: 10px;
text-decoration: none;
- color: white;
+ color: black;
+ background-color: white;
+ border-radius: 50%;
+ transition: .2s;
}
-.social-icons a:hover {
- color: brown;
- background-color: wheat;
- border-radius: 50px;
+.fa-facebook:hover {
+ background-color: #3B5998;
+ color: white;
}
-.fb {
- color: #1877f2;
- cursor: pointer;
+.fa-instagram:hover {
+ background-color: #D62976;
+ color: white;
}
-.instagram {
- color: #dd4c8d;
- cursor: pointer;
+.fa-twitter:hover {
+ background-color: #00B6F1;
+ color: white;
}
-.twitter {
- color: #1da1f2;
- cursor: pointer;
+.fa-github:hover {
+ background-color: #040204;
+ color: white;
}
#author {
From 1451fe1567233901610fb1fdfc817a305930f720 Mon Sep 17 00:00:00 2001
From: GarimaSingh0109 <130893914+GarimaSingh0109@users.noreply.github.com>
Date: Thu, 23 May 2024 11:09:33 +0530
Subject: [PATCH 010/111] Update style.css
---
style.css | 65 +++++++++----------------------------------------------
1 file changed, 10 insertions(+), 55 deletions(-)
diff --git a/style.css b/style.css
index 9df5c63f..3bde3879 100644
--- a/style.css
+++ b/style.css
@@ -8,55 +8,14 @@ body {
}
.navbar {
padding: 8px 0px;
+ height: 60px;
}
-
-.navbar ul {
- overflow: auto;
- /* background-color: black; */
-}
-
-.navbar li {
- float: left;
- list-style: none;
- margin: 2px 20px;
-}
-
-.navbar li a {
- padding: 1px 3px;
+.navbar a {
text-decoration: none;
color: white;
font-size: 1.3rem;
}
-.navbar li:hover {
- opacity: 0.7;
-}
-
-.rightalign{
- float: right;
-}
-
-.rightalign button{
- border: none;
- color: rgb(255, 255, 255);
- padding: 12px 15px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 1.2rem;
- margin: 4px 2px;
- transition-duration: 0.4s;
- cursor: pointer;
- background-color: rgb(255, 0, 0);
- border-radius: 6px;
- border: 2px solid rgb(209, 14, 14);
-}
-
-.rightalign button:hover {
- background-color: rgb(255, 255, 255);
- color: rgb(215, 6, 6);
-}
-
.intro_container {
display: flex;
flex-direction: column;
@@ -345,7 +304,7 @@ body {
.app_download {
background-color: brown;
- height: 320px;
+ height: 350px;
color: white;
padding-left: 50px;
padding-top: 80px;
@@ -373,8 +332,8 @@ body {
.app-download-img {
max-height: 70px;
- margin-top: 2rem;
- margin-left: 2rem;
+
+ padding: 10px;
}
.move {
@@ -806,23 +765,19 @@ textarea {
}
}
-
-
.navbar li:hover a {
- color: brown;
+ color: brown;
}
.btn:hover {
- background-color: white;
- color: brown;
+ background-color: white;
+ color: brown;
}
.menu_items .items:hover {
- box-shadow: 0 0 20px rgba(138, 37, 37, 0.5);
+ box-shadow: 0 0 20px rgba(138, 37, 37, 0.5);
}
.social-icons i:hover {
- color: brown;
+ color: brown;
}
-
-
From af0da7e929e573c7a016c4b4b539b2765aa8bc59 Mon Sep 17 00:00:00 2001
From: mohitrajjha111
Date: Thu, 23 May 2024 15:59:47 +0530
Subject: [PATCH 011/111] Made about
---
index.html | 61 +++++++++++++++++++++++++----------------------
style.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++------
2 files changed, 95 insertions(+), 36 deletions(-)
diff --git a/index.html b/index.html
index 1e537fc7..2d35c236 100644
--- a/index.html
+++ b/index.html
@@ -81,46 +81,49 @@ Welcome to foodie!
-
+
Get 30% OFF on your first order!
Get 30% OFF on your first order!
Get 30% OFF on your first order!
-
-
-
"Savor the Flavors: Discover What Sets Our Restaurant's Cuisine Apart!"
-
-
-
-
-
-
![](https://shahidining.com.au/wp-content/uploads/2020/05/secret-to-indian-flavour-1536x864.jpg)
+
+
"Savor the Flavors: Discover What Sets Our Restaurant's Cuisine Apart!"
+
+
+
+
+
![](https://shahidining.com.au/wp-content/uploads/2020/05/secret-to-indian-flavour-1536x864.jpg)
-
Authentic Indian Flavors
-
From aromatic curries to flavorful biryanis, our menu showcases the diversity and
- deliciousness of Indian cuisine.
-
+
+
+
Authentic Indian Flavors
+
From aromatic curries to flavorful biryanis, our menu showcases the diversity and deliciousness of Indian cuisine.
+
-
-
![](https://saavi.com.au/wp-content/uploads/2016/02/image0023-1.jpg)
-
Tech-Infused Dining Experience
-
- Customers can use apps to place orders, customize their dishes, and even provide feedback, making
- their visit more convenient and interactive.
-
+
+
+
![](https://saavi.com.au/wp-content/uploads/2016/02/image0023-1.jpg)
+
+
+
Tech-Infused Dining Experience
+
Customers can use apps to place orders, customize their dishes, and even provide feedback, making their visit more convenient and interactive.
+
-
-
![](https://i.ndtvimg.com/i/2015-06/fusion-food_625x350_81434107799.jpg)
-
Innovative Fusion Dishes
-
The combinations of Indian and international cuisines not only tantalize taste buds
- but also provide unique experience.
-
-
+
+
+
![](https://i.ndtvimg.com/i/2015-06/fusion-food_625x350_81434107799.jpg)
+
+
+
Innovative Fusion Dishes
+
The combinations of Indian and international cuisines not only tantalize taste buds but also provide unique experience.
+
-
+
+
diff --git a/style.css b/style.css
index 012a4ccf..e92a0535 100644
--- a/style.css
+++ b/style.css
@@ -81,6 +81,10 @@ body {
background-color: rgb(224, 224, 252);
padding: 100px 0px 100px 0px;
}
+
+ #heading{
+ margin-top: 5%;
+ }
#about {
/* margin: 34px; */
@@ -99,6 +103,12 @@ body {
/* float: left; */
transition: 0.3s all ease-in-out;
}
+
+ .little-container:hover{
+ box-shadow: #212123 1px 1px 8px;
+ scale: 1.015;
+ cursor: pointer;
+ }
#about .box:hover {
box-shadow: #212123 1px 1px 8px;
@@ -106,30 +116,64 @@ body {
cursor: pointer;
}
-#about .box img {
+ /* #about .box img {
height: 160px;
width: 270px;
margin: auto;
display: flex;
-}
+ } */
#about .box p {
font-family: "Bree Serif", serif;
text-align: center;
}
+
+ #container{
+ display: flex;
+ justify-content: space-around;
+ }
+
+ .little-container img{
+ width : 100%;
+ height: auto;
+ border-radius: 5%;
+ }
+
+ .little-container{
+ width: 27%;
+ border: 2px solid brown;
+ padding: 2%;
+ margin: 5% 2%;
+ background: #f2f2f2;
+ border-radius: 5%;
+ margin-bottom: 4%;
+ transition: 0.3s all ease-in-out;
+ box-sizing: border-box;
+ }
.h-primary {
font-family: "Bree Serif", serif;
font-size: 2.5rem;
- padding: 40px 80px 80px 80px;
+ padding: 0.5% 1% 1% 1%;
text-align: center;
color: brown;
}
+
+ .little-container p{
+ font-size: 150%;
+ text-align: center;
+ padding: 1%;
+ }
+
+ .little-container h2{
+ font-size: 150%;
+ padding: 3% 1%;
+ }
.h-secondary {
font-family: "Bree Serif", serif;
font-size: 1.5rem;
- padding: 12px;
+ padding: 0.5%;
text-align: center;
}
@@ -587,12 +631,24 @@ textarea {
}
/* responsiveness */
+
+ @media (max-width : 767px){
+ #container{
+ flex-direction: column;
+ }
+ .little-container{
+ width: 80%;
+ box-sizing: border-box;
+ align-self: center;
+ margin: 1% 0%;
+ }
+ }
@media screen and (max-width: 1120px) {
- #about {
- /* margin: 34px; */
+ /* #about {
+ margin: 34px;
flex-direction: column-reverse;
- }
+ } */
.service {
flex-direction: column;
From 78112153b66c3850c1f3904e8e3cc543bad1734e Mon Sep 17 00:00:00 2001
From: mohitrajjha111
Date: Thu, 23 May 2024 16:02:55 +0530
Subject: [PATCH 012/111] Made about_us section responsive
---
style.css | 7 -------
1 file changed, 7 deletions(-)
diff --git a/style.css b/style.css
index e92a0535..27e0fb6e 100644
--- a/style.css
+++ b/style.css
@@ -116,13 +116,6 @@ body {
cursor: pointer;
}
- /* #about .box img {
- height: 160px;
- width: 270px;
- margin: auto;
- display: flex;
- } */
-
#about .box p {
font-family: "Bree Serif", serif;
text-align: center;
From 62a9b836b5de252a03aa802f1d3e544d5323246d Mon Sep 17 00:00:00 2001
From: munaf ali
Date: Thu, 23 May 2024 21:20:51 +0530
Subject: [PATCH 013/111] added go-to-top btn
---
index.html | 3 +++
1 file changed, 3 insertions(+)
diff --git a/index.html b/index.html
index 1e537fc7..8e7f24a4 100644
--- a/index.html
+++ b/index.html
@@ -365,6 +365,9 @@ Follow Us
+
+
+
diff --git a/style.css b/style.css
index ac5a5106..42edddcc 100644
--- a/style.css
+++ b/style.css
@@ -17,6 +17,8 @@ body {
.navbar {
padding: 8px 0px;
height: 60px;
+ transition: background-color 0.3s, backdrop-filter 0.3s, color 0.3s; /* Added transitions for smooth color change */
+ backdrop-filter: blur(0); /* Initially no blur */
}
.navbar a {
@@ -24,7 +26,17 @@ body {
color: white;
font-size: 1.3rem;
}
-
+.navbar.fixed-top {
+ position: fixed; /* Highlighted Addition */
+ top: 0; /* Highlighted Addition */
+ width: 100%; /* Highlighted Addition */
+ z-index: 1030; /* Highlighted Addition */
+}
+.navbar.scrolled {
+ background-color: rgb(176, 63, 63); /* Fully opaque background color on scrolling */
+ backdrop-filter: blur(10px); /* Added blur effect on scrolling */
+ color: #fff; /* Changed text color to white */
+}
.intro_container {
display: flex;
flex-direction: column;
From 87a4d5e30718fb37a0781d1e412cafa68fe9bbd0 Mon Sep 17 00:00:00 2001
From: ishaa18
Date: Fri, 24 May 2024 20:41:07 +0530
Subject: [PATCH 016/111] Update style.css
---
style.css | 22 +++++++++++++++-------
1 file changed, 15 insertions(+), 7 deletions(-)
diff --git a/style.css b/style.css
index 42edddcc..0a31ebe6 100644
--- a/style.css
+++ b/style.css
@@ -26,16 +26,24 @@ body {
color: white;
font-size: 1.3rem;
}
+/* Navbar link hover effect */
+.navbar a:hover,
+.navbar.scrolled a:hover {
+ color :#fff;
+ border-bottom: 1px solid #fff; /* Add bottom border on hover */
+ border-top: 1px solid #fff; /* Add top border on hover */
+}
+s
.navbar.fixed-top {
- position: fixed; /* Highlighted Addition */
- top: 0; /* Highlighted Addition */
- width: 100%; /* Highlighted Addition */
- z-index: 1030; /* Highlighted Addition */
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 1030;
}
.navbar.scrolled {
- background-color: rgb(176, 63, 63); /* Fully opaque background color on scrolling */
- backdrop-filter: blur(10px); /* Added blur effect on scrolling */
- color: #fff; /* Changed text color to white */
+ background-color: rgb(176, 63, 63);
+ backdrop-filter: blur(10px);
+ color: #fff;
}
.intro_container {
display: flex;
From 9ab978cb87fa5ead7db681e30d4f67a265e24100 Mon Sep 17 00:00:00 2001
From: Suhani Gupta
Date: Fri, 24 May 2024 23:00:16 +0530
Subject: [PATCH 017/111] linked items from menu page to the cart page such
that items adds to cart
---
Html-files/cart.html | 81 +++++++++++---------------
Html-files/cart.js | 136 ++++++++++++++++++++++++++-----------------
Html-files/menu.html | 62 +++++++++++++-------
Html-files/menu.js | 48 +++++++++------
4 files changed, 186 insertions(+), 141 deletions(-)
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 6d960d0b..ef9e65f0 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -1,21 +1,20 @@
-
- My cart
- My Cart
+
-
+
+
@@ -36,34 +35,39 @@ C A R T
+ Use coupon code qN6FVAn4 for 30% off!
-
-
-
-
+
+
Item Name |
Price |
+ Quantity |
+ Actions |
-
+
+
Bill amount |
- Cart Empty |
+
+ $0.00
+ |
+
+
-