From 0f9f344afed0924e9630f5b10397223170e86674 Mon Sep 17 00:00:00 2001 From: Sukhbir Singh Date: Fri, 31 May 2024 02:00:06 +0530 Subject: [PATCH] Format Code Structure --- Css-files/ContactUpdate.css | 364 ++++++++++-------- Css-files/cart.css | 31 +- Css-files/content.css | 272 ++++++++------ Css-files/login1.css | 36 +- Css-files/menu.css | 133 +++---- Css-files/scroll-top-button.css | 26 +- Css-files/services.css | 106 ++++-- Css-files/signup1.css | 24 +- Css-files/style.css | 384 ++++++++++--------- Html-files/ContactUpdate.html | 234 ++++++------ Html-files/book-table.html | 11 +- Html-files/cart.html | 13 +- Html-files/cart.js | 2 +- Html-files/contact.html | 61 ++-- Html-files/contact_GSSoC_contriburted.html | 23 +- Html-files/loaderMenu.html | 406 ++++++++++----------- Html-files/login.html | 27 +- Html-files/menu.html | 73 ++-- Html-files/menu.js | 6 +- Html-files/scriptlogin.js | 20 +- Html-files/scriptsignup.js | 4 +- Html-files/services.html | 44 +-- Html-files/signup.html | 103 +++--- Html-files/subscription.css | 298 ++++++++------- Html-files/subscription.html | 112 +++--- LICENSE | 2 +- README.md | 4 +- contact_GSSoC_contributed.html | 35 +- content/cart.html | 5 +- content/contact.html | 3 + content/content.css | 278 +++++++------- content/home.html | 3 + content/menu.html | 5 +- content/services.html | 58 +-- hamburger.js | 9 +- index.html | 167 ++++----- login1.css | 1 - menu.js | 2 +- signup1.css | 1 - style.css | 221 ++++++----- 40 files changed, 1923 insertions(+), 1684 deletions(-) diff --git a/Css-files/ContactUpdate.css b/Css-files/ContactUpdate.css index eb7528f5..b8c97a96 100644 --- a/Css-files/ContactUpdate.css +++ b/Css-files/ContactUpdate.css @@ -53,7 +53,7 @@ body { font-weight: 400; } -#active-page{ +#active-page { color: #dc3545; border-bottom: 2px solid #dc3545; } @@ -133,7 +133,8 @@ p { display: inline-block; padding: 0.625rem 1.875rem; line-height: 1.5625rem; - background-color: rgb(138, 37, 37);; + background-color: rgb(138, 37, 37); + ; border: 0.1875rem solid yellow; color: var(--white-color); font-size: 0.9375rem; @@ -172,8 +173,10 @@ p { 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 */ + 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 { @@ -186,19 +189,21 @@ p { .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 */ + border-bottom: 1px solid #fff; + /* Add bottom border on hover */ + border-top: 1px solid #fff; + /* Add top border on hover */ } .navbar.fixed-top { - position: fixed; + position: fixed; top: 0; - width: 100%; - z-index: 1030; + width: 100%; + z-index: 1030; } .navbar.scrolled { - background-color: rgba(176, 63, 63, 0.6); + background-color: rgba(176, 63, 63, 0.6); backdrop-filter: blur(10px); color: #fff; } @@ -221,6 +226,7 @@ p { .navbar-nav .nav-item { margin-bottom: 10px; } + .navbar-nav .nav-link { font-size: 1.2rem; } @@ -230,10 +236,11 @@ p { } } -nav{ +nav { height: 3rem; } -.navigbar{ + +.navigbar { display: flex; justify-content: space-between; background: #0000007c; @@ -243,28 +250,36 @@ nav{ padding-bottom: 1rem; padding-top: 1rem; } -.logo{ + +.logo { color: rgba(255, 183, 0, 0.705); font-size: 1.2rem; font-weight: 700; } -.ul1,.ul2{ + +.ul1, +.ul2 { display: flex; gap: 20px; list-style-type: none; } -.ul1 li a, .ul2 li a{ + +.ul1 li a, +.ul2 li a { font-size: 1rem; } -.ul1 li a:hover{ - color:#f13800e4; + +.ul1 li a:hover { + color: #f13800e4; } -.ul2 li a:hover{ - color: rgba(255, 183, 0, 0.705) ; + +.ul2 li a:hover { + color: rgba(255, 183, 0, 0.705); } -.cart{ + +.cart { color: white; -} +} /* Hamburger menu styles */ @@ -306,12 +321,14 @@ nav{ /* .navbar-toggler.active + .hamburger-menu { display: block; } */ -.navbar-toggler.active + .hamburger-menu { +.navbar-toggler.active+.hamburger-menu { display: block; position: absolute; - top: 3rem; /* Adjust based on your navbar height */ + top: 3rem; + /* Adjust based on your navbar height */ right: 0; - background-color: #000; /* Adjust background color */ + background-color: #000; + /* Adjust background color */ width: 100%; padding: 1rem; } @@ -330,39 +347,49 @@ nav{ /* Additional styling for active state of hamburger menu */ .navbar-toggler.active { - background-color: #ccc; /* Change background color when active */ + background-color: #ccc; + /* Change background color when active */ } + /* Media query for smaller screens */ @media screen and (min-width: 768px) { .hamburger-menu { - display: none; /* Hide hamburger menu on larger screens */ + display: none; + /* Hide hamburger menu on larger screens */ } - #menu-toggle{ + + #menu-toggle { display: none; } - + } + @media screen and (max-width: 768px) { - .ul1,.ul2{ + + .ul1, + .ul2 { display: none; } - #menu-toggle{ + + #menu-toggle { position: absolute; right: 0; } - .navigbar{ + + .navigbar { height: 3rem; } - + } + /* ========================================== explore food section Design ========================================== */ -.explore-food .card{ - border:none; - background-color:transparent; +.explore-food .card { + border: none; + background-color: transparent; border-radius: 0.9375rem; } @@ -370,22 +397,24 @@ nav{ transform: scale(0.9); } -.explore-food .card img{ +.explore-food .card img { border-radius: 15px 15px 0 0; object-fit: cover; width: 500px; height: 300px; } -.explore-food .card span{ - display:block; + +.explore-food .card span { + display: block; font-size: 1.5rem; font-weight: 700; - color:var(--primary-color); + color: var(--primary-color); padding-bottom: 1rem; - border-bottom:0.0625rem solid #eee; + border-bottom: 0.0625rem solid #eee; } -.explore-food p{ - color:var(--text-color); + +.explore-food p { + color: var(--text-color); font-size: 14px; line-height: 22px; } @@ -395,47 +424,53 @@ nav{ testimonial section Design ========================================== */ -.testimonial-section{ - background:lavender; +.testimonial-section { + background: lavender; } -.testimonial-section h2{ - color:var(--black-color); + +.testimonial-section h2 { + color: var(--black-color); } -.testimonial-section .carousel-item{ - margin-top:3rem; - padding:10rem 3.125rem; - background-color:white; + +.testimonial-section .carousel-item { + margin-top: 3rem; + padding: 10rem 3.125rem; + background-color: white; border-radius: 0.9375rem; text-align: center; border: 4px solid brown; } -.testimonial-section .carousel-caption img{ +.testimonial-section .carousel-caption img { width: 20rem; height: 160px; - padding:0.3125rem; + padding: 0.3125rem; } -.testimonial-section .carousel-caption p{ + +.testimonial-section .carousel-caption p { font-size: 1.125rem; line-height: 1.5625rem; font-weight: 300; - color:var(--black-color); - padding:0 11% 0.625rem; + color: var(--black-color); + padding: 0 11% 0.625rem; } -.testimonial-section .carousel-indicators{ - bottom:-2.8125rem; + +.testimonial-section .carousel-indicators { + bottom: -2.8125rem; } -.testimonial-section .carousel-indicators button{ - width:15px; - height:15px; - outline:none; + +.testimonial-section .carousel-indicators button { + width: 15px; + height: 15px; + outline: none; border-radius: 50%; border: none; - margin-right:1rem; - opacity:0.2; + margin-right: 1rem; + opacity: 0.2; } -.testimonial-section .carousel-indicators button.active{ - opacity:1; + +.testimonial-section .carousel-indicators button.active { + opacity: 1; } @@ -445,9 +480,9 @@ footer section Design ========================================== */ -.foot-panel2{ +.foot-panel2 { background-color: rgb(138, 37, 37); - color:white; + color: white; height: 300px; /* height: fit-content; */ display: flex; @@ -455,42 +490,45 @@ footer section Design 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; text-decoration: none; } -.foot_panel4{ + +.foot_panel4 { background-color: rgb(66, 16, 16); color: white; font-size: 0.9rem; text-align: center; } -.foot_panel4 h4{ + +.foot_panel4 h4 { color: white; } -.item{ + +.item { padding-bottom: 0px; } -.pages{ +.pages { padding-top: 25px; } -.copyright{ - padding-top: 10px; +.copyright { + padding-top: 10px; } form { @@ -506,8 +544,8 @@ label { input, textarea { - height:30px; - width:max-content; + height: 30px; + width: max-content; padding: 3px; box-sizing: border-box; border-radius: 4px; @@ -515,18 +553,19 @@ textarea { border: #212123 1px; } -#butt{ - background-color:rgb(66, 16, 16); +#butt { + background-color: rgb(66, 16, 16); color: white; padding: 3px; - border: 1px solid white ; + border: 1px solid white; border-radius: 4px; cursor: pointer; } #butt:hover { - background-color:rgb(196, 89, 89); + background-color: rgb(196, 89, 89); } + .social-icons a { font-size: 1.2rem; padding: 10px; @@ -557,141 +596,152 @@ textarea { background-color: #040204; color: white; } + .copyright { background-color: rgb(66, 16, 16); padding-top: 10px; } + #author { padding: 3px; border-radius: 3px; color: #dddddd; } + /* Form Control */ -.newsletter .form-control{ - height:3.225rem; - padding:0 1.25rem; +.newsletter .form-control { + height: 3.225rem; + padding: 0 1.25rem; font-size: 0.875rem; - width:100%; + width: 100%; border-radius: 0; - background:transparent; - border:0.1875rem solid var(--white-color); - color:var(--black-color); + background: transparent; + border: 0.1875rem solid var(--white-color); + color: var(--black-color); font-weight: 700; } -.newsletter .main-btn{ - height:2.25rem; - padding:0 1.25rem; + +.newsletter .main-btn { + height: 2.25rem; + padding: 0 1.25rem; font-size: 0.875rem; border-radius: 0; background-color: var(--white-color); - border:0.1875rem solid var(--white-color); - color:var(--black-color); + border: 0.1875rem solid var(--white-color); + color: var(--black-color); font-weight: 700; } -.newsletter:hover .form-control{ - border:0.1875rem solid var(--primary-color); - color:var(--black-color); + +.newsletter:hover .form-control { + border: 0.1875rem solid var(--primary-color); + color: var(--black-color); } -.newsletter:hover .main-btn{ - background:var(--primary-color); - border:0.1875rem solid var(--primary-color); + +.newsletter:hover .main-btn { + background: var(--primary-color); + border: 0.1875rem solid var(--primary-color); } + .newsletter .form-control:hover, -.newsletter .form-control:focus{ - outline:none; +.newsletter .form-control:focus { + outline: none; box-shadow: none; - border-color:var(--primary-color); + border-color: var(--primary-color); } /* */ @media only screen and (max-width: 800px) { .testimonial-section .carousel-caption img { width: 50%; - height:100px; + height: 100px; } - .testimonial-section .carousel-caption p{ + + .testimonial-section .carousel-caption p { font-size: 1rem; } } + @media only screen and (max-width: 1390px) { .testimonial-section .carousel-caption img { width: 40%; - height:100px; + height: 100px; } } + @media (max-width: 991px) { - /*custom classes */ - .text-content{ - width:100%; - } - /* carousel design */ - .testimonial-section .carousel-caption p{ - padding:0; - } + /*custom classes */ + .text-content { + width: 100%; + } - /* footer link */ - .footer .footer-social a i{ - padding:0 0.75rem; - } + /* carousel design */ + .testimonial-section .carousel-caption p { + padding: 0; + } + + /* footer link */ + .footer .footer-social a i { + padding: 0 0.75rem; + } } @media (max-width: 767px) { - /* custom css */ - h1 { - font-size: 2.8rem; - } - - h2 { - font-size: 1.3rem; - line-height: 28px; - } - .foot-panel2{ - - height: fit-content; - display: grid; - grid-template-columns: repeat(2, minmax(20px, 1fr)); - - /* flex-direction: column; */ - grid-template-columns: 2; - padding: 30px; - + /* custom css */ + h1 { + font-size: 2.8rem; } - - .foot-panel2 ul{ - margin-top: 20px; + + h2 { + font-size: 1.3rem; + line-height: 28px; } + .foot-panel2 { - /* carousel design */ - .testimonial-section .carousel-item{ - padding:11rem 3.125rem; - } + height: fit-content; + display: grid; + grid-template-columns: repeat(2, minmax(20px, 1fr)); + + /* flex-direction: column; */ + grid-template-columns: 2; + padding: 30px; + + } + + .foot-panel2 ul { + margin-top: 20px; + } + + + /* carousel design */ + .testimonial-section .carousel-item { + padding: 11rem 3.125rem; + } } @media (max-width:330px) { - /* carousel design */ - .testimonial-section .carousel-item{ - padding:13rem 3.125rem; - } + /* carousel design */ + .testimonial-section .carousel-item { + padding: 13rem 3.125rem; + } } + @media (max-width:400px) { - .foot-panel2{ - + .foot-panel2 { + height: fit-content; display: grid; grid-template-columns: repeat(3, minmax(20px, 1fr)); /* flex-direction: column; */ grid-template-columns: 2; padding: 30px; - -} -.foot-panel2 ul{ + } + + .foot-panel2 ul { margin-top: 20px; -} -} - - \ No newline at end of file + } +} \ No newline at end of file diff --git a/Css-files/cart.css b/Css-files/cart.css index f84fb486..8372824a 100644 --- a/Css-files/cart.css +++ b/Css-files/cart.css @@ -1,20 +1,24 @@ * { box-sizing: border-box; } + .cart-section { align-items: center; padding: 25px 15px; flex-direction: column; } + .cart { padding: 1% 2%; width: 80%; margin-top: 20px; flex-direction: column; } + #cart-items { width: 100%; } + .cart-item { width: 100%; display: flex; @@ -23,13 +27,16 @@ padding: 20px 10px; border-bottom: 1px solid gray; } + .cart-item:hover { background-color: rgb(229, 229, 229); } + .cart-item img { border-radius: 50%; box-shadow: 0 0 5px rgb(196, 74, 74); } + .detail { display: flex; flex-wrap: wrap; @@ -37,12 +44,15 @@ align-items: center; width: 60%; } + .quantity-wrapper { padding: 5px; border-radius: 25px; border: 1px solid gray; } -.quantity-wrapper *, .btn { + +.quantity-wrapper *, +.btn { display: inline-block; width: 30px; height: 30px; @@ -52,17 +62,21 @@ transition: 0.3s; cursor: pointer; } + .btn { - font-family:Verdana, Geneva, Tahoma, sans-serif; + font-family: Verdana, Geneva, Tahoma, sans-serif; } + .remove { line-height: 25px; } + .btn:hover { background-color: rgb(196, 74, 74); color: white; } + .decrease-quantity.disable { opacity: 0.3; pointer-events: none; @@ -74,10 +88,12 @@ text-align: right; color: rgb(196, 74, 74); } + #cart-total span { font-size: 13px; color: gray; } + .empty-cart { display: flex; flex-direction: column; @@ -85,28 +101,35 @@ align-items: center; justify-content: center; } + .empty-cart * { text-align: center; } + .empty-cart p { max-width: 500px; width: 100%; } -.empty-cart h4, .empty-cart button { + +.empty-cart h4, +.empty-cart button { margin: 20px; } + input, textarea { width: 100%; } + @media all and (max-width: 768px) { .cart { width: 100%; } + .detail { flex-direction: column; justify-content: left; - align-items:flex-start; + align-items: flex-start; gap: 5px; } } \ No newline at end of file diff --git a/Css-files/content.css b/Css-files/content.css index 36a9ef2e..af63a85d 100644 --- a/Css-files/content.css +++ b/Css-files/content.css @@ -4,7 +4,7 @@ } body { - background-color:black; + background-color: black; } .head_container:before { @@ -15,17 +15,18 @@ body { width: 100%; opacity: 0.4; z-index: -1; - + } -#active-page{ +#active-page { color: #dc3545; border-bottom: 2px solid #dc3545; } -.head_container_service{ - height:500px; +.head_container_service { + height: 500px; } + .head_container_service:before { background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); content: ""; @@ -34,12 +35,13 @@ body { width: 100%; opacity: 0.4; z-index: -1; - + } .navbar { padding: 8px 10px; } + .navbar ul { overflow: hidden; } @@ -49,6 +51,7 @@ body { list-style: none; padding: 8px 20px; } + .navbar li:hover { opacity: 0.7; } @@ -59,24 +62,31 @@ body { color: white; font-size: 1.3rem; } + /* Styling for the contact navbar */ .navbarbg { padding: 8px 0; - background-color: rgb(169, 33, 33); /* Maroon background color */ - text-align: center; /* Align contents to center */ + background-color: rgb(169, 33, 33); + /* Maroon background color */ + text-align: center; + /* Align contents to center */ } /* Styling for the list items */ .navbarbg ul { - display: inline-block; /* Ensure the list is displayed horizontally */ - padding-left: 0; /* Remove default padding */ + display: inline-block; + /* Ensure the list is displayed horizontally */ + padding-left: 0; + /* Remove default padding */ } /* Styling for the list items */ .navbarbg li { - display: inline-block; /* Display list items horizontally */ + display: inline-block; + /* Display list items horizontally */ list-style: none; - margin: 0 10px; /* Add some space between items */ + margin: 0 10px; + /* Add some space between items */ } /* Styling for the links */ @@ -95,25 +105,29 @@ body { .menu_container { padding: 55px 70px 30px 70px; - background-color: rgb(224, 224, 252); + background-color: rgb(224, 224, 252); } + .menu_container h2 { font-family: 'Oswald', sans-serif; font-size: 2rem; - color:rgb(138, 37, 37); + color: rgb(138, 37, 37); padding-left: 50px; } + .mainhead { text-align: center; padding-top: 30px; padding-bottom: 50px; } + .mainhead h1 { font-family: "Bree Serif", serif; font-size: 3.8rem; color: white; padding-bottom: 20px; } + .head_container_service .mainhead { text-align: center; padding-top: 30px; @@ -136,6 +150,7 @@ body { color: brown; background-color: #f2f2f2; } + .butt { border: 1.3px solid brown; font-size: 1.1rem; @@ -218,7 +233,7 @@ body { .first_cont .items h3 { font-size: 1.2rem; - margin: 10px ; + margin: 10px; } .first_cont .items p { @@ -228,37 +243,39 @@ body { /* service */ .service_container { /* padding: 55px 70px 30px 70px; */ - background-color: rgb(224, 224, 252); + background-color: rgb(224, 224, 252); } -.second_cont{ +.second_cont { display: flex; padding: 40px; justify-content: center; } -.second_cont1{ + +.second_cont1 { display: flex; padding: 0px 20px 100px 20px; justify-content: center; } -.deals{ +.deals { display: flex; background-color: white; border: 2px solid rgb(138, 37, 37); /* box-shadow: 0 0 10px rgba(138, 37, 37, 0.5); */ border-radius: 10px; - padding:15px 30px; - margin:20px 50px; + padding: 15px 30px; + margin: 20px 50px; } -.deals p{ +.deals p { font-size: 1.1rem; /* font-weight: bold; */ padding-top: 2px; font-family: "Bree Serif", serif; } -.deals i{ + +.deals i { margin: 0px 10px; padding: 0px 10px; font-size: 2rem; @@ -283,7 +300,7 @@ body { max-width: 1000px; width: 90%; margin: 0 auto; - box-shadow: 1px 1px 5px rgba(0,0,0,0.1); + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); } .book-table-container form { @@ -314,70 +331,76 @@ body { } /* testimonal */ -.testimonalsection{ +.testimonalsection { padding-top: 400px; } -.testimonal__container{ + +.testimonal__container { display: flex; padding: 3rem; } -.testimonal__card{ + +.testimonal__card { text-align: center; - padding:2rem 3rem 2.5rem; - border:2px solid rgba(224, 224, 252, 0.678); - transition:border .4s,background-color .4s; + padding: 2rem 3rem 2.5rem; + border: 2px solid rgba(224, 224, 252, 0.678); + transition: border .4s, background-color .4s; background-color: white; box-shadow: 0 0 10px rgba(224, 224, 252, 0.678); border: 1px solid rgb(186, 186, 201); - padding:40px 30px ; + padding: 40px 30px; margin: 5px; - color:rgb(107, 107, 122); + color: rgb(107, 107, 122); } -.testimonal__image{ - width:100px; - height:100px; - border-radius:50%; - margin:0 auto 1.5rem; + +.testimonal__image { + width: 100px; + height: 100px; + border-radius: 50%; + margin: 0 auto 1.5rem; } -.testimonal__title{ + +.testimonal__title { margin-bottom: .75rem; } -.testimonal__description{ + +.testimonal__description { margin-bottom: 1.25rem; } -.section__title{ + +.section__title { text-align: center; font-size: 2rem; - color:rgb(58, 58, 66); + color: rgb(58, 58, 66); } /* footer */ -.foot-panel2{ - background-color: rgb(138, 37, 37); - color:white; - height: 300px; - display: flex; - justify-content: space-evenly; - /* margin-top: 50px; */ +.foot-panel2 { + background-color: rgb(138, 37, 37); + color: white; + height: 300px; + display: flex; + justify-content: space-evenly; + /* margin-top: 50px; */ } -.footer-colums{ - margin-top: 20px; +.footer-colums { + margin-top: 20px; } -.footer-colums p{ - font-weight: 700; +.footer-colums p { + font-weight: 700; } -.footer-colums a{ - display: block; - font-size: 0.85rem; - margin-top: 10px; - color: #dddddd; - text-decoration: none ; +.footer-colums a { + display: block; + font-size: 0.85rem; + margin-top: 10px; + color: #dddddd; + text-decoration: none; } -.footer-colums a{ +.footer-colums a { display: block; font-size: 0.85rem; margin-top: 10px; @@ -385,10 +408,11 @@ body { text-decoration: none; } -.foot-panel2 ul a:hover{ +.foot-panel2 ul a:hover { text-decoration: underline; color: #dddddd; } + /* .foot-pannel3{ background-color:rgb(66, 16, 16); color: white; @@ -398,53 +422,53 @@ body { justify-content: center; } */ -.foot_panel4{ - background-color: rgb(66, 16, 16); - color: white; - height: 160px; - font-size: 0.9rem; - text-align: center; +.foot_panel4 { + background-color: rgb(66, 16, 16); + color: white; + height: 160px; + font-size: 0.9rem; + text-align: center; } -.pages{ - padding-top: 25px; +.pages { + padding-top: 25px; } -.copyright{ +.copyright { background-color: rgb(66, 16, 16); - padding-top: 10px; + padding-top: 10px; } form { - padding-top: 20px; - display: grid; - /* gap: 10px; */ - padding-bottom: 100px; + padding-top: 20px; + display: grid; + /* gap: 10px; */ + padding-bottom: 100px; } label { - font-weight: bold; + font-weight: bold; } input, textarea { - height:30px; - width: 120%; - padding: 2.5px; - box-sizing: border-box; - border-radius: 2px; + height: 30px; + width: 120%; + padding: 2.5px; + box-sizing: border-box; + border-radius: 2px; } -#butt{ - background-color:rgb(66, 16, 16); - color: white; - border: 1px solid white ; - border-radius: 2px; - cursor: pointer; +#butt { + background-color: rgb(66, 16, 16); + color: white; + border: 1px solid white; + border-radius: 2px; + cursor: pointer; } #butt :hover { - background-color:rgb(196, 89, 89); + background-color: rgb(196, 89, 89); } .social-icons a { @@ -479,15 +503,15 @@ textarea { } /* Cart page styling */ -.cart-section{ +.cart-section { padding: 55px 70px 30px 70px; - background-color: rgb(224, 224, 252); + background-color: rgb(224, 224, 252); display: flex; justify-content: center; flex-wrap: wrap; } -.cart{ +.cart { width: 80%; background-color: #f2f2f2; text-align: center; @@ -498,34 +522,41 @@ textarea { padding: 5%; } -.cart table,th,td{ +.cart table, +th, +td { text-align: center; border: 2px solid black; width: 75%; - color: black; + color: black; } -#bill{ +#bill { color: rgb(196, 74, 74); } + .star-button { background: none; border: none; cursor: pointer; - color: #ccc; /* Default color for empty star */ + color: #ccc; + /* Default color for empty star */ font-size: 15px; padding: 0; } .star-button:hover, .star-button:focus { - color: #f1c40f; /* Yellow color for filled star */ + color: #f1c40f; + /* Yellow color for filled star */ outline: none; } .star-button.rated { - color: #f1c40f; /* Yellow color for filled star */ + color: #f1c40f; + /* Yellow color for filled star */ } + .menu_items .items { position: relative; /* Ensure relative positioning for the parent container */ @@ -583,12 +614,13 @@ textarea { /* updated nav bar */ -nav{ +nav { height: 3rem; background: #0000007c; } -.navigbar{ + +.navigbar { box-sizing: border-box; display: flex; justify-content: space-between; @@ -596,40 +628,48 @@ nav{ height: 3rem; width: 95%; margin: 0 auto; - + } -.logo{ + +.logo { color: rgba(255, 183, 0, 0.705); font-size: 1.2rem; font-weight: 700; font-family: "Poppins", sans-serif; } -.ul1,.ul2{ + +.ul1, +.ul2 { display: flex; gap: 20px; list-style-type: none; align-items: center; - flex: 1; /* Distribute remaining space equally */ - justify-content: center; /* Center items horizontally */ - margin: 0; /* Remove default margin */ - padding: 0; /* Remove default padding */ + flex: 1; + /* Distribute remaining space equally */ + justify-content: center; + /* Center items horizontally */ + margin: 0; + /* Remove default margin */ + padding: 0; + /* Remove default padding */ } -.ul1 li a, .ul2 li a{ + +.ul1 li a, +.ul2 li a { color: white; font-size: 1rem; text-decoration: none; text-align: center; } -.ul1 li a:hover{ - color:#f13800e4; -} -.ul2 li a:hover{ - color: rgba(255, 183, 0, 0.705) ; -} -.cart{ - color: white; -} +.ul1 li a:hover { + color: #f13800e4; +} +.ul2 li a:hover { + color: rgba(255, 183, 0, 0.705); +} - \ No newline at end of file +.cart { + color: white; +} \ No newline at end of file diff --git a/Css-files/login1.css b/Css-files/login1.css index 0d45373c..b132c9b1 100644 --- a/Css-files/login1.css +++ b/Css-files/login1.css @@ -28,7 +28,7 @@ body * { flex-direction: column; } -.left-login > h1 { +.left-login>h1 { color: white; font-size: 2.5vw; } @@ -57,7 +57,7 @@ body * { background-color: white; } -.card-login > h1 { +.card-login>h1 { /* color: #8A2525; */ color: rgb(208, 50, 50); font-weight: 800; @@ -71,14 +71,16 @@ body * { align-items: flex-start; justify-content: center; margin: 10px 0px; - position:relative; + position: relative; } -.icon{ - position:absolute; - top:calc(55%); - left:84.9%; + +.icon { + position: absolute; + top: calc(55%); + left: 84.9%; } -.textfield > input { + +.textfield>input { width: 100%; border: none; border-radius: 10px; @@ -91,13 +93,13 @@ body * { box-sizing: border-box; } -.textfield > label { +.textfield>label { color: black; margin-bottom: 10px; font-weight: bold; } -.textfield > input::placeholder { +.textfield>input::placeholder { color: #000000; } @@ -117,7 +119,7 @@ body * { box-shadow: 0px 10px 40px -12px #00ff8052; } -.btn-login:hover{ +.btn-login:hover { background: rgba(208, 50, 50, 0.9); } @@ -137,22 +139,22 @@ body * { box-shadow: 0px 10px 40px -12px #00ff8052; } -#google-login:hover{ +#google-login:hover { background: rgba(208, 50, 50, 0.9); } -@media only screen and (max-width: 950px){ - .card-login{ +@media only screen and (max-width: 950px) { + .card-login { width: 85%; } } -@media only screen and (max-width: 600px){ - .main-login{ +@media only screen and (max-width: 600px) { + .main-login { flex-direction: column; } - .left-login > h1 { + .left-login>h1 { display: none; } diff --git a/Css-files/menu.css b/Css-files/menu.css index 3f838f58..268a0423 100644 --- a/Css-files/menu.css +++ b/Css-files/menu.css @@ -1,120 +1,106 @@ - - - - - - - - - - - - - - - - - - - @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap'); -:root{ - --green: rgb(139, 36, 36);; - --black: rgb(139, 36, 36);; - --light-color:#666; - --box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1); +:root { + --green: rgb(139, 36, 36); + ; + --black: rgb(139, 36, 36); + ; + --light-color: #666; + --box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .1); } -*{ +* { font-family: 'Nunito', sans-serif; - margin:0; padding:0; + margin: 0; + padding: 0; box-sizing: border-box; text-decoration: none; - outline: none; border:none; + outline: none; + border: none; text-transform: capitalize; transition: all .2s linear; } -html{ +html { font-size: 62.5%; overflow-x: hidden; scroll-padding-top: 5.5rem; scroll-behavior: smooth; } -section{ - padding:2rem 9%; +section { + padding: 2rem 9%; } -section:nth-child(even){ - background:#eee; +section:nth-child(even) { + background: #eee; } -.sub-heading{ +.sub-heading { text-align: center; - color:var(--green); + color: var(--green); font-size: 2.5rem; padding-top: 1rem; margin-bottom: 10px; } -.heading{ +.heading { text-align: center; - color:var(--black); + color: var(--black); font-size: 3rem; padding-bottom: 2rem; text-transform: uppercase; } -.btn{ +.btn { margin-top: 1rem; display: inline-block; font-size: 1.7rem; - color:#fff; + color: #fff; background: var(--black); border-radius: .5rem; cursor: pointer; - padding:.8rem 3rem; + padding: .8rem 3rem; } -.btn:hover{ +.btn:hover { background: var(--green); letter-spacing: .1rem; } -.menu .box-container{ +.menu .box-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); - gap:1.5rem; + gap: 1.5rem; } -.menu .box-container .box{ +.menu .box-container .box { background: #fff; - border:.1rem solid rgba(0,0,0,.2); + border: .1rem solid rgba(0, 0, 0, .2); border-radius: .5rem; - box-shadow: var(--box-shadow); + box-shadow: var(--box-shadow); } -.menu .box-container .box .image{ +.menu .box-container .box .image { height: 25rem; width: 100%; - padding:1.5rem; + padding: 1.5rem; overflow: hidden; position: relative; } -.menu .box-container .box .image img{ +.menu .box-container .box .image img { height: 100%; width: 100%; border-radius: .5rem; object-fit: cover; } -.menu .box-container .box .image .fa-heart{ +.menu .box-container .box .image .fa-heart { position: absolute; - top:2.5rem; right: 2.5rem; + top: 2.5rem; + right: 2.5rem; height: 5rem; width: 5rem; line-height: 5rem; @@ -122,47 +108,48 @@ section:nth-child(even){ font-size: 2rem; background: #fff; border-radius: 50%; - color:var(--black); + color: var(--black); } -.menu .box-container .box .image .fa-heart:hover{ +.menu .box-container .box .image .fa-heart:hover { background-color: var(--green); - color:#fff; + color: #fff; } -.menu .box-container .box .content{ - padding:2rem; +.menu .box-container .box .content { + padding: 2rem; padding-top: 0; } - .menu .box-container .box:hover{ - scale: 1.04; - box-shadow: solid 1px rgb(139, 36, 36); - border-color: rgb(139, 36, 36); -} -.menu .box-container .box .content .stars{ + +.menu .box-container .box:hover { + scale: 1.04; + box-shadow: solid 1px rgb(139, 36, 36); + border-color: rgb(139, 36, 36); +} + +.menu .box-container .box .content .stars { padding-bottom: 1rem; } -.menu .box-container .box .content .stars i{ - font-size: 1.7rem; - color:var(--green); +.menu .box-container .box .content .stars i { + font-size: 1.7rem; + color: var(--green); } -.menu .box-container .box .content h3{ - color:var(--black); +.menu .box-container .box .content h3 { + color: var(--black); font-size: 2.5rem; } -.menu .box-container .box .content p{ - color:var(--light-color); +.menu .box-container .box .content p { + color: var(--light-color); font-size: 1.6rem; - padding:.5rem 0; + padding: .5rem 0; line-height: 1.5; } -.menu .box-container .box .content .price{ - color:var(--green); +.menu .box-container .box .content .price { + color: var(--green); margin-left: 1rem; font-size: 2.5rem; -} - +} \ No newline at end of file diff --git a/Css-files/scroll-top-button.css b/Css-files/scroll-top-button.css index 1f208e98..b9b83c31 100644 --- a/Css-files/scroll-top-button.css +++ b/Css-files/scroll-top-button.css @@ -1,9 +1,9 @@ .material-symbols-outlined { font-variation-settings: - 'FILL' 0, - 'wght' 400, - 'GRAD' 0, - 'opsz' 24 + 'FILL' 0, + 'wght' 400, + 'GRAD' 0, + 'opsz' 24 } .scroll-top-button { @@ -15,7 +15,7 @@ display: flex; justify-content: center; align-items: center; - background: linear-gradient(45deg, rgb(234, 16, 16),#f2a736); + background: linear-gradient(45deg, rgb(234, 16, 16), #f2a736); color: #f3f7f8; border: none; border-radius: 50%; @@ -25,11 +25,19 @@ } @keyframes bouncing { - 0% {top: 82%;} - 50% {top: 81%;} - 100% {top: 82%;} + 0% { + top: 82%; + } + + 50% { + top: 81%; + } + + 100% { + top: 82%; + } } -.scroll-top-button{ +.scroll-top-button { animation: bouncing 1s infinite ease-in-out; } \ No newline at end of file diff --git a/Css-files/services.css b/Css-files/services.css index 4f78fb63..3562eccf 100644 --- a/Css-files/services.css +++ b/Css-files/services.css @@ -1,96 +1,111 @@ -*{ +* { font-family: "Bree Serif", serif; } -.mainhead:hover h1{ - color: rgb(138, 37, 37); - + +.mainhead:hover h1 { + color: rgb(138, 37, 37); + } + .section__title { font-size: 4em; - font-weight: bold; - background: linear-gradient(90deg, rgb(138, 37, 37), rgb(237, 116, 116), rgb(138, 37, 37)); - -webkit-background-clip: text; - color: transparent; - animation: gradient-animation 3s infinite; + font-weight: bold; + background: linear-gradient(90deg, rgb(138, 37, 37), rgb(237, 116, 116), rgb(138, 37, 37)); + -webkit-background-clip: text; + color: transparent; + animation: gradient-animation 3s infinite; } + .section__title:hover { border-bottom: 3px solid rgb(138, 37, 37); - /* Add bottom border on hover */ - border-top: 3px solid rgb(138, 37, 37); - width: 50%; - margin-left: 370px; + /* Add bottom border on hover */ + border-top: 3px solid rgb(138, 37, 37); + width: 50%; + margin-left: 370px; } -#active-page{ +#active-page { color: #dc3545; border-bottom: 2px solid #dc3545; - } - - @keyframes gradient-animation { - 0% { - background-position: 0% 50%; - } - - 50% { - background-position: 100% 50%; - } - - 100% { - background-position: 0% 50%; - } - } -.head_container_service{ +} + +@keyframes gradient-animation { + 0% { + background-position: 0% 50%; + } + + 50% { + background-position: 100% 50%; + } + + 100% { + background-position: 0% 50%; + } +} + +.head_container_service { height: fit-content; } + .first_cont { flex-wrap: wrap; } + .items { overflow: hidden; max-width: 230px; } -.items img{ +.items img { transition: 0.3s; z-index: 12; } -.items:hover img{ + +.items:hover img { transform: scale(1.1); } + .but { transition: 0.5s; cursor: pointer; } + .but:hover { background-color: rgb(138, 37, 37); color: white; transform: translateX(10px); } -.testimonalsection{ +.testimonalsection { padding-top: 20px; } -.fa-star, .fa-star-half-stroke { + +.fa-star, +.fa-star-half-stroke { color: goldenrod; } -.testimonal__container{ + +.testimonal__container { flex-wrap: wrap; justify-content: center; } + .testimonal__title { color: rgb(138, 37, 37); } + .testimonal__card { position: relative; background-color: transparent; border-radius: 5px; margin: 0; - + } .testimonal__image:hover { transform: translateY(10px); } + .testimonal__swiper { background-color: white; margin: 5px; @@ -101,28 +116,35 @@ width: 330px; } + .testimonal__swiper:hover { border-radius: 50%; } -.testimonal__swiper > div { + +.testimonal__swiper>div { background-color: rgb(138, 37, 37); height: 33%; border-radius: 5px 5px 70% 70%; transition: 0.5s ease-in-out; } -.testimonal__swiper:hover > div { + +.testimonal__swiper:hover>div { height: 200%; border-radius: 20%; } + .testimonal__swiper * { transition: 0.3s ease-in-out; } + .testimonal__swiper:hover * { color: white; } -.second_cont{ + +.second_cont { flex-wrap: wrap; } + .deals { flex: 1 1 300px; flex-wrap: wrap; @@ -130,14 +152,18 @@ justify-content: center; transition: 0.3s; } + .deals:hover { transform: translateY(-10px); background-color: rgb(138, 37, 37); color: white; border-color: white; } + input, -textarea {width: 100%;} +textarea { + width: 100%; +} #butt:hover { background-color: rgb(196, 89, 89); diff --git a/Css-files/signup1.css b/Css-files/signup1.css index 69078a64..e2443bd2 100644 --- a/Css-files/signup1.css +++ b/Css-files/signup1.css @@ -187,7 +187,7 @@ body * { flex-direction: column; } -.left-login > h1 { +.left-login>h1 { color: white; font-size: 2.5vw; } @@ -215,7 +215,7 @@ body * { background-color: white; } -.card-login > h1 { +.card-login>h1 { color: rgb(208, 50, 50); font-weight: 800; margin: 0; @@ -233,14 +233,15 @@ body * { padding-bottom: 0.2rem; padding-top: 0.2rem; } -.icon1{ + +.icon1 { position: absolute; - top:calc(55%); - left:80.5%; + top: calc(55%); + left: 80.5%; font-size: 25px; } -.textfield > input { +.textfield>input { width: 100%; border: none; border-radius: 10px; @@ -253,17 +254,18 @@ body * { box-sizing: border-box; } -.textfield > label { +.textfield>label { color: black; margin-bottom: 10px; font-weight: bold; } -.textfield > input::placeholder { +.textfield>input::placeholder { color: #000000; } -.btn-login, #google-login { +.btn-login, +#google-login { width: 100%; padding: 16px 0; margin: 10px 0; @@ -298,7 +300,7 @@ body * { flex-direction: column; } - .left-login > h1 { + .left-login>h1 { display: none; } @@ -319,4 +321,4 @@ body * { .card-login { width: 90%; } -} +} \ No newline at end of file diff --git a/Css-files/style.css b/Css-files/style.css index cd93047e..220ecf49 100644 --- a/Css-files/style.css +++ b/Css-files/style.css @@ -6,9 +6,10 @@ body { background-color: black; } + .navbar { padding: 8px 0px; - } +} .navbar ul { overflow: auto; @@ -109,10 +110,10 @@ body { background: #f2f2f2; margin-bottom: 20px; /* float: left; */ - transition: .3s all ease-in-out ; + transition: .3s all ease-in-out; } -#about .box:hover{ +#about .box:hover { box-shadow: #212123 1px 1px 8px; scale: 1.015; cursor: pointer; @@ -158,7 +159,7 @@ body { } .service_container:before { - background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300) ; + background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); content: ""; position: absolute; @@ -262,7 +263,7 @@ body { } .menu_items .items { - background-color:#f2f2f2; + background-color: #f2f2f2; border: 3px solid brown; padding: 0; margin: 15px; @@ -274,7 +275,7 @@ body { transition: 0.3s all ease-in; } -.menu_items .items:hover{ +.menu_items .items:hover { box-shadow: #212123 1px 1px 8px; cursor: pointer; scale: 1.02; @@ -331,16 +332,19 @@ body { border: 2px solid white; cursor: pointer; } -.btn a{ + +.btn a { text-decoration: none; color: brown; } -.btn a:hover{ + +.btn a:hover { color: white; } .move { - background-color: rgb(224, 224, 252);; + background-color: rgb(224, 224, 252); + ; height: 60px; } @@ -415,9 +419,9 @@ body { font-size: 0.85rem; } */ -.foot-panel2{ +.foot-panel2 { background-color: rgb(138, 37, 37); - color:white; + color: white; height: 300px; /* height: fit-content; */ display: flex; @@ -425,15 +429,15 @@ body { 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; @@ -441,10 +445,11 @@ ul a{ text-decoration: none; } -.foot-panel2 ul a:hover{ +.foot-panel2 ul a:hover { text-decoration: underline; color: #dddddd; } + /* .foot-pannel3{ background-color:rgb(66, 16, 16); color: white; @@ -456,7 +461,7 @@ ul a{ -.foot_panel4{ +.foot_panel4 { background-color: rgb(66, 16, 16); color: white; height: 160px; @@ -465,17 +470,17 @@ ul a{ } -.item{ +.item { padding-bottom: 0px; } -.pages{ +.pages { padding-top: 25px; } -.copyright{ - padding-top: 10px; +.copyright { + padding-top: 10px; } form { @@ -491,8 +496,8 @@ label { input, textarea { - height:30px; - width:max-content; + height: 30px; + width: max-content; padding: 3px; box-sizing: border-box; border-radius: 4px; @@ -500,49 +505,53 @@ textarea { border: #212123 1px; } -#butt{ - background-color:rgb(66, 16, 16); +#butt { + background-color: rgb(66, 16, 16); color: white; padding: 3px; - border: 1px solid white ; + border: 1px solid white; border-radius: 4px; cursor: pointer; } #butt:hover { - background-color:rgb(196, 89, 89); + background-color: rgb(196, 89, 89); } -.social-icons a{ +.social-icons a { font-size: 1.2rem; padding: 15px; text-decoration: none; color: white; } -.fb{ + +.fb { color: #1877F2; cursor: pointer; } -.instagram{ +.instagram { color: #dd4c8d; cursor: pointer; } -.twitter{ - color: #1DA1F2; + +.twitter { + color: #1DA1F2; cursor: pointer; } -#author{ - background-color:#871a7e ; +#author { + background-color: #871a7e; padding: 3px; border-radius: 3px; } + @media screen and (max-width:500px) { .menu_items .items { max-width: fit-content; max-height: fit-content; } + /* .menu_items .items { max-width: fit-content; max-height: fit-content; @@ -561,7 +570,7 @@ textarea { /* background: #f2f2f2; */ /* margin-bottom: 20px; */ /* float: left; */ - + .pages { height: fit-content; @@ -573,13 +582,14 @@ textarea { } } + /* responsiveness */ @media screen and (max-width:1120px) { #about { /* margin: 34px; */ flex-direction: column-reverse; - + } .service { @@ -587,16 +597,19 @@ textarea { padding: 5px; /* box-sizing: fixed; */ } + .service .box { padding: 20px 20px; /* border: 2px solid rgb(224, 224, 252); */ text-align: center; font-size: 1.3rem; } - .service_container{ - height: fit-content; - /* height: 1000px; */ + + .service_container { + height: fit-content; + /* height: 1000px; */ } + .service .box_main h1 { font-size: 3.5rem; } @@ -616,7 +629,7 @@ textarea { z-index: -1; /* background-repeat: no-repeat; */ } - + .menu_items { flex-direction: column; @@ -625,158 +638,177 @@ textarea { } @media screen and (max-width:780px) { - .app_download{ + .app_download { padding: 40px 20px; - height:fit-content; + height: fit-content; } - -.foot-panel2{ - - height: fit-content; - display: grid; - grid-template-columns: repeat(2, minmax(20px, 1fr)); - /* flex-direction: column; */ - grid-template-columns: 2; - padding: 30px; - + .foot-panel2 { + + height: fit-content; + display: grid; + grid-template-columns: repeat(2, minmax(20px, 1fr)); + + /* flex-direction: column; */ + grid-template-columns: 2; + padding: 30px; + + } + + .foot-panel2 ul { + margin-top: 20px; + } + + input, + textarea { + height: 30px; + width: 90%; + padding: 3px; + margin: 4px; + box-sizing: border-box; + border-radius: 2px; + } + + #butt { + padding: 3px; + margin: 4px; + width: 90%; + } + +} + +.btn { + cursor: pointer; +} + +.contact_page { + background-color: rgb(213, 213, 238); + /*background:linear-gradient(135deg,rgba(155, 155, 241,0.3),rgba(155, 155, 241,0.4),rgba(0,0,255,0.4),rgba(0,0,255,0.4)); +*/ +} + +.main_content { + display: flex; + justify-content: flex-end; + align-items: center; } -.foot-panel2 ul{ +.contact_info { + align-items: start; + gap: 20px; + flex-direction: columns; + margin: auto; + /*padding-left:2px;*/ + max-width: 40%; +} + +.contact_form>* { + width: 80%; + height: 50px; margin-top: 20px; + border: none; + border-radius: 30px; + padding: 20px; + background-color: rgb(224, 224, 239); + color: blueviolet; + transition: transform 250ms ease; } -input, textarea { - height: 30px; - width: 90%; - padding: 3px; - margin: 4px; - box-sizing: border-box; - border-radius: 2px; +.contact_form>*:hover { + border: blueviolet solid 2px; + transform: scale(1.08); } -#butt{ - padding: 3px; - margin: 4px; - width: 90%; + +.contact_form>*::placeholder { + color: blueviolet; + font-size: 1vw; } - + +.get_in_touch { + font-family: "Mooli", serif; + font-weight: bold; + font-size: 2em; + color: blueviolet; + display: inline-block; + position: relative; } -.btn{ - cursor: pointer; + +.contact_message { + font-family: "Mooli", serif; + font-size: 1em; + color: blueviolet; + margin-top: 15px; +} + +.contact_header { + background: linear-gradient(90deg, rgb(128, 0, 0), rgb(64, 0, 0), rgb(32, 0, 0)); } -.contact_page{ - background-color:rgb(213, 213, 238); - /*background:linear-gradient(135deg,rgba(155, 155, 241,0.3),rgba(155, 155, 241,0.4),rgba(0,0,255,0.4),rgba(0,0,255,0.4)); -*/} -.main_content{ - display:flex; - justify-content:flex-end; - align-items:center; -} -.contact_info{ - align-items:start; - gap:20px; - flex-direction:columns; - margin:auto; - /*padding-left:2px;*/ - max-width:40%; -} -.contact_form > *{ - width:80%; - height:50px; - margin-top:20px ; - border:none; - border-radius:30px; - padding:20px; - background-color:rgb(224, 224, 239); - color:blueviolet; - transition:transform 250ms ease; -} -.contact_form>*:hover{ - border: blueviolet solid 2px; - transform:scale(1.08); -} -.contact_form>*::placeholder{ - color:blueviolet; - font-size:1vw; -} - -.get_in_touch{ - font-family:"Mooli",serif; - font-weight:bold; - font-size:2em; - color:blueviolet; - display:inline-block; - position:relative; -} -.contact_message{ - font-family:"Mooli",serif; - font-size:1em; - color:blueviolet; - margin-top:15px; -} -.contact_header{ - background:linear-gradient(90deg,rgb(128,0,0),rgb(64,0,0),rgb(32,0,0)); -} -.get_in_touch::after{ - content:''; - position:absolute; - left:0; - bottom:0; - height:2.5px; - background-color:blueviolet; - width:calc(100% + 1em); - transform:scaleX(0.1); - transform-origin:left; - border-radius:90px; - transition:transform 250ms ease; -} -.get_in_touch:hover::after{ - transform:scaleX(1); -} -.contact_submit{ - width:30%; - color:white; - background:linear-gradient(135deg,blue,rgb(155, 155, 241),rgb(155, 155, 241)); -} -.contact_submit:hover{ - background:linear-gradient(135deg,rgb(155, 155, 241),blue); -} -.contact_us{ - width:50%; - height:100vh; - background-image:url("../Images/contact_page_background_image.png" ); - background-size:cover; - background-repeat:no-repeat; - background-color:rgba(0,0,0,0.65); - background-blend-mode: multiply; - display:flex; - align-items:center; - justify-content:space-evenly; - flex-wrap:wrap; - color:rgb(242, 225, 225); - font-family:"Dancing Script", cursive; - font-weight:bolder; - font-size:5vw; -} -.contact_us > h1{ - max-width:60%; - text-align:center; -} -@media(max-width:800px) -{ - .contact_info{ - width:80vw; - } - .contact_us{ - display:none; - } + +.get_in_touch::after { + content: ''; + position: absolute; + left: 0; + bottom: 0; + height: 2.5px; + background-color: blueviolet; + width: calc(100% + 1em); + transform: scaleX(0.1); + transform-origin: left; + border-radius: 90px; + transition: transform 250ms ease; +} + +.get_in_touch:hover::after { + transform: scaleX(1); +} + +.contact_submit { + width: 30%; + color: white; + background: linear-gradient(135deg, blue, rgb(155, 155, 241), rgb(155, 155, 241)); } + +.contact_submit:hover { + background: linear-gradient(135deg, rgb(155, 155, 241), blue); +} + +.contact_us { + width: 50%; + height: 100vh; + background-image: url("../Images/contact_page_background_image.png"); + background-size: cover; + background-repeat: no-repeat; + background-color: rgba(0, 0, 0, 0.65); + background-blend-mode: multiply; + display: flex; + align-items: center; + justify-content: space-evenly; + flex-wrap: wrap; + color: rgb(242, 225, 225); + font-family: "Dancing Script", cursive; + font-weight: bolder; + font-size: 5vw; +} + +.contact_us>h1 { + max-width: 60%; + text-align: center; +} + +@media(max-width:800px) { + .contact_info { + width: 80vw; + } + + .contact_us { + display: none; + } +} + @media screen and (max-width:440px) { - .intro_container{ + .intro_container { height: fit-content; padding: 100px; } -} - +} \ No newline at end of file diff --git a/Html-files/ContactUpdate.html b/Html-files/ContactUpdate.html index fe2e43b0..24061fa3 100644 --- a/Html-files/ContactUpdate.html +++ b/Html-files/ContactUpdate.html @@ -1,43 +1,46 @@ + Contact us - Food Ordering Website + - - - - - + integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" + crossorigin="anonymous" referrerpolicy="no-referrer" /> + + + + + + - + + - +
@@ -72,7 +77,10 @@

Exclusive Offers

-

Discover a world of flavors with our diverse culinary offerings. From savory dishes crafted with fresh, local ingredients to indulgent desserts that delight the senses, each bite tells a story. Savor the fusion of traditional recipes and innovative twists, bringing global tastes to your table. Taste the difference today!

+

Discover a world of flavors with our diverse culinary offerings. From savory dishes crafted with fresh, + local ingredients to indulgent desserts that delight the senses, each bite tells a story. Savor the + fusion of traditional recipes and innovative twists, bringing global tastes to your table. Taste the + difference today!

@@ -82,7 +90,8 @@

Exclusive Offers

🎉 Grab your savings now with our unbeatable new discounts! 💸
-

Don't miss out on our exclusive offers! 🎉 Enjoy massive discounts 💸 on your favorite items and save big on every purchase! 🛍ī¸

+

Don't miss out on our exclusive offers! 🎉 Enjoy massive discounts 💸 on your favorite items and save + big on every purchase! 🛍ī¸

@@ -91,8 +100,9 @@
🎉 Grab your savings now with our unbeatable new discounts! 💸
-
🤝 Exciting new collaborations just launched! Discover the latest partnerships today! 🌟
-

Experience the thrill of our new collaborations! 🤩 Discover innovative partnerships and enjoy exclusive benefits now! 🌍✨

+
🤝 Exciting new collaborations just launched! Discover the latest partnerships today! 🌟
+

Experience the thrill of our new collaborations! 🤩 Discover innovative partnerships and enjoy + exclusive benefits now! 🌍✨

@@ -102,7 +112,8 @@
🤝 Exciting new collaborations just launched! Discover the latest partners
🎮 New games alert! Level up your fun with our latest releases! 🚀
-

Dive into the excitement with our new game releases! 🎉 Challenge yourself and explore thrilling adventures today! 🕹ī¸đŸŒŸ

+

Dive into the excitement with our new game releases! 🎉 Challenge yourself and explore thrilling + adventures today! 🕹ī¸đŸŒŸ

@@ -113,12 +124,12 @@
🎮 New games alert! Level up your fun with our latest releases! 🚀
- +
-

Have A Great Taste !!

+

Have A Great Taste !!

@@ -159,81 +170,83 @@

Have A Great Taste !!

- + + - - + + @@ -241,15 +254,14 @@

Follow Us

- - + \ No newline at end of file diff --git a/Html-files/book-table.html b/Html-files/book-table.html index 58663d9d..c1f75d2a 100644 --- a/Html-files/book-table.html +++ b/Html-files/book-table.html @@ -144,11 +144,12 @@

Contact Us!

Follow Us

- - - - - + + + + +

Stay connected with us on social media for the latest updates, recipes, and foodie adventures.

diff --git a/Html-files/cart.html b/Html-files/cart.html index 4b66f5b3..85e16541 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -110,8 +110,6 @@

C A R T

Early Access to New Recipes VIP Foodie Events Personalized Culinary Experiences - - @@ -130,16 +128,12 @@

C A R T

Contact Us!

- + - - -
@@ -156,8 +150,9 @@

Follow Us

target="_blank"> -

Stay connected with us on social media for the latest updates, recipes, and foodie adventures. -

+ +

Stay connected with us on social media for the latest updates, recipes, and foodie adventures.

+
© 2024 Foodies - All Rights Reserved | Khushi Joshi diff --git a/Html-files/cart.js b/Html-files/cart.js index 0432bcb3..6cb3b378 100644 --- a/Html-files/cart.js +++ b/Html-files/cart.js @@ -51,7 +51,7 @@ function updateTotal() { total += price * quantity; }); - document.getElementById('cart-total').innerHTML = (total!=0) ? `Subtotal: $${total.toFixed(2)}` : ``; + document.getElementById('cart-total').innerHTML = (total != 0) ? `Subtotal: $${total.toFixed(2)}` : ``; handleEmptyCart(total) } diff --git a/Html-files/contact.html b/Html-files/contact.html index 46da8a03..75d272b7 100644 --- a/Html-files/contact.html +++ b/Html-files/contact.html @@ -23,26 +23,26 @@ style="background-image: url('contact_page_background_image.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;">
- +
@@ -102,24 +102,24 @@

Feel Free to Contact Us!

- - -
- + + - + + + @@ -182,11 +182,12 @@

Contact Us!

Follow Us

- - - - - + + + + +

Stay connected with us on social media for the latest updates, recipes, and foodie adventures.

diff --git a/Html-files/contact_GSSoC_contriburted.html b/Html-files/contact_GSSoC_contriburted.html index f2d0c4f6..37b68fee 100644 --- a/Html-files/contact_GSSoC_contriburted.html +++ b/Html-files/contact_GSSoC_contriburted.html @@ -14,12 +14,13 @@ - - - + + + +
@@ -59,20 +59,20 @@

M E N U

- +
- +

Snacks

- -

Indian Thali

-

$10.20

- - + +

Indian Thali

+

$10.20

+ +
@@ -392,11 +392,12 @@

Contact Us!

Follow Us

Stay connected with us on social media for the latest updates, recipes, and foodie adventures.

@@ -414,7 +415,7 @@

Follow Us

- - - + + + Sign up + + + + + -
@@ -228,20 +219,13 @@

"Get ready to explore our delicious range of dishes!"

"Welcome to a world of culinary delights where every bite tells a flavorful story. Explore our diverse menu and savor the essence of exquisite dining."

- - - - - -
- +

Indian Thali

Enjoy a thali full of traditional flavours and memotries

@@ -262,7 +246,6 @@

Snacks

Juices

Boost yourself up with fruit extracts

-
@@ -327,9 +310,7 @@

Juices

food-image - -
@@ -341,7 +322,6 @@

Download the App now!

alt="Get it on Google Play Store"> Download on the Apple App Store -
@@ -362,11 +342,9 @@

Download the App now!





-
--> +
-->