diff --git a/Css-files/contact_page_background_image.png b/Css-files/contact_page_background_image.png deleted file mode 100644 index 7453e00b..00000000 Binary files a/Css-files/contact_page_background_image.png and /dev/null differ diff --git a/Css-files/content.css b/Css-files/content.css index 1ab2a932..ae3bc2ab 100644 --- a/Css-files/content.css +++ b/Css-files/content.css @@ -8,7 +8,7 @@ body { overflow-x: hidden; } -/* MENU PAGE */ +/* MENU + LOGIN + SIGNUP + CONTACT PAGE */ .head_container { margin-top: 66px; } @@ -36,9 +36,10 @@ body { font-size: 3.8rem; color: white; font-weight: 700; - letter-spacing: 3px; + letter-spacing: 5px; } +/* MENU PAGE SPECIFICS */ .menu-container { padding: 55px 10px 30px 10px; background-color: rgb(224, 224, 252); @@ -60,7 +61,7 @@ body { } } -.menu-container .nav-pills{ +.menu-container .nav-pills { padding-bottom: 50px; } @@ -201,77 +202,174 @@ body { box-shadow: 0px 5px 5px rgba(177, 0, 0, 0.429); } - .filter_container { - text-align: center; - margin: 20px 0; - color: aliceblue; - background-color: transparent; +.filter_container { + text-align: center; + margin: 20px 0; + color: aliceblue; + background-color: transparent; } .filter_container h2 { - font-size: 24px; - margin-bottom: 20px; + font-size: 24px; + margin-bottom: 20px; } .filter_container .filters { - display: flex; - justify-content: center; - align-items: center; - flex-wrap: wrap; - gap: 10px; + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + gap: 10px; } .filter_container label { - font-size: 16px; - margin-right: 10px; + font-size: 16px; + margin-right: 10px; } .filter_container select { - padding: 10px; - border: 1px solid #ccc; - border-radius: 5px; - font-size: 16px; - outline: none; - transition: border-color 0.3s ease; + padding: 10px; + border: 1px solid #ccc; + border-radius: 5px; + font-size: 16px; + outline: none; + transition: border-color 0.3s ease; } .filter_container select:hover, .filter_container select:focus { - border-color: #dc3545; + border-color: #dc3545; } .filter_container button { - padding: 10px 20px; - background-color: #dc3545; - color: #fff; - border: none; - border-radius: 5px; - font-size: 16px; - cursor: pointer; - transition: background-color 0.3s ease; + padding: 10px 20px; + background-color: #dc3545; + color: #fff; + border: none; + border-radius: 5px; + font-size: 16px; + cursor: pointer; + transition: background-color 0.3s ease; } .filter_container button:hover { - background-color: #dc3545; + background-color: #dc3545; } @media (max-width: 768px) { - .filter_container .filters { - flex-direction: column; - align-items: stretch; - } + .filter_container .filters { + flex-direction: column; + align-items: stretch; + } + + .filter_container label, + .filter_container select, + .filter_container button { + width: 100%; + margin-bottom: 10px; + } + + .filter_container button { + margin-top: 10px; + } +} + +/* CONTACT US PAGE */ +.contact-wrapper{ + background-color: rgb(224, 224, 252); +} + +.contact-wrapper h1{ + font-size: 2.8rem; + font-weight: bold; +} + +.contact-wrapper .text{ + font-size: 1rem; + line-height: 1.5; + color: #080808; + margin-bottom: 2rem; +} + +.contact-wrapper .icon i{ + font-size: 1.4rem; + color: rgb(208, 50, 50);; + position: absolute; +} + +.contact-wrapper .icon{ + height: 3rem; + width: 3rem; + border: 1px solid black; + border-radius: 50%; + position: relative; + margin-right: 15px; + margin-left: 5px; +} + +.contact-wrapper .single-contact{ + min-width: 60%; + max-width: 100%; + height: 100%; + background-color: white; + padding: 15px; + border-radius: 20px; + align-items: center; + box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1); +} + +.contact-wrapper .title{ + font-weight: 700; +} + +.contact-wrapper .single-contact p{ + margin-bottom: 0; + overflow-wrap: break-word; +} + +.contact-wrapper .contact-info{ + width: 70%; +} + +.contact-form-wrapper{ + background-color: rgb(224, 224, 252); +} + +.contact-form-wrapper .form-control{ + box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); + border: none; + padding-left: 25px; +} + +.contact-form-wrapper input{ + padding: 15px; + border-radius: 30px; +} + +.contact-form-wrapper textarea{ + padding: 20px; + border-radius: 15px; +} + +.contact-form-wrapper .btn { + padding: 10px 20px; + margin-top: 5px; + border: none; + border-radius: 30px; + outline: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 3px; + color: white; + background: rgb(208, 50, 50); + box-shadow: 0px 10px 40px -12px #b10f1f85; + } + +.contact-form-wrapper .btn:hover { + background: rgba(208, 50, 50, 0.9); + } - .filter_container label, - .filter_container select, - .filter_container button { - width: 100%; - margin-bottom: 10px; - } - .filter_container button { - margin-top: 10px; - } -} @@ -318,98 +416,12 @@ body { background-size: cover; } -/* 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 */ -} - -/* Styling for the list items */ -.navbarbg ul { - 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 */ - list-style: none; - margin: 0 10px; - /* Add some space between items */ -} - -/* Styling for the links */ -.navbarbg li a { - padding: 5px 10px; - text-decoration: none; - color: white; - font-size: 1.3rem; -} - -/* Hover effect for list items */ -.navbarbg li:hover { - opacity: 0.7; -} - -.menu_container { - padding: 55px 70px 30px 70px; - background-color: rgb(224, 224, 252); -} - -.menu_container h2 { - font-family: "Oswald", sans-serif; - font-size: 2rem; - color: rgb(138, 37, 37); - padding-left: 50px; -} - .head_container_service .mainhead { text-align: center; padding-top: 30px; padding-bottom: 10px; } -.search-bar { - width: 150px; - margin: 12px; -} - -.search-input { - background-color: transparent; - margin-top: 5px; - color: white; - border-style: none; -} - -.search-input:active { - border-style: none; - outline: none; -} - -.search-button { - outline: none; - background-color: transparent; - border-style: none; -} - -.searchImg { - width: 23px; - height: 23px; -} - -/* .mainhead p { - font-size: 1.2rem; - color: brown; - font-family: "Bree Serif", serif; - margin: 15px 10px; -} */ - .but { border: 1.3px solid brown; font-size: 1.1rem; @@ -439,69 +451,6 @@ body { color: orangered; } -.menu_container { - padding: 10px 70px 30px 70px; - background-color: rgb(224, 224, 252); -} - -.menu_container h2 { - font-family: 'Oswald', sans-serif; - font-size: 2rem; - color: rgb(138, 37, 37); -} - -.menu_items { - display: flex; - flex-wrap: wrap; - max-width: 90vw; - justify-content: center; -} - -.menu_items .items { - background-color: #f2f2f2; - background: white; - /* border: 2px solid brown; - box-shadow: 0 0 10px rgba(138, 37, 37, 0.5); */ - box-shadow: 0 0 10px rgba(224, 224, 252, 0.678); - border: 1px solid rgb(186, 186, 201); - padding: 0 0 40px 0; - margin: 5px; - height: 310px; - width: 230px; - border-radius: 10px; - /* overflow: hidden; */ - text-align: center; - font-family: "Bree Serif", serif; - overflow: hidden; - position: relative; -} - -.menu_items .items img { - height: 190px; - width: 230px; - border-radius: 10px 10px 0 0; - object-fit: cover; - transition: transform 0.3s ease; - -webkit-transition: transform 0.3s ease; - -moz-transition: transform 0.3s ease; - -ms-transition: transform 0.3s ease; - -o-transition: transform 0.3s ease; -} - -.menu_items .items h3 { - font-size: 1.1rem; - margin-top: 10px; -} - -.menu_items .items p { - margin-bottom: 10px; -} - -.menu_items .items:hover { - cursor: pointer; - scale: 1.02; -} - .first_cont { display: flex; justify-content: center; @@ -782,72 +731,6 @@ td { background-color: #a52a2ad7; } -/* updated nav bar */ -/* nav { - height: 3rem; - width: 100%; - background-color: black; -} - -.navigbar { - display: flex; - justify-content: space-between; - align-items: center; - position: fixed; - top: 0; - width: 100%; - z-index: 1000; - padding: 0 2rem; - background-color: black; - height: 3rem; - margin: 0 auto; - box-sizing: border-box; -} - -.logo { - color: rgba(255, 183, 0, 0.705); - font-size: 1.2rem; - font-weight: 700; - font-family: "Poppins", sans-serif; -} - -.ul1, -.ul2 { - display: flex; - gap: 20px; - list-style-type: none; - align-items: center; - flex: 1; - justify-content: center; - margin: 0; - padding: 0; -} -.ul2 { - justify-content: flex-end; -} -.ul1 { - flex-grow: 1; - justify-content: center; -} -.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; -} */ .menu_items .items img:hover { transform: scale(1.1); box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; @@ -861,177 +744,16 @@ td { transition: 3s, 1s ease-in-out; } -.contact-form-section { - display: flex; - align-items: center; - justify-content: center; - padding: 50px 0; - padding-left: 250px; -} - -.container { +/* .container { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; -} - +} */ +/* .img-fluid { height: 300px; width: 300px; margin-top: 250px; margin-left: 100px; -} - -.contact-form { - width: 100%; -} - -.form-group.row { - display: flex; - justify-content: space-between; -} - -.form-group .col-md-6 { - flex: 0 0 48%; -} - -.full-width { - width: 100%; -} - -.contact { - margin-left: 30%; - font-size: 35px; -} - -main::before { - background-image: url("contact_page_background_image.png"); - content: ""; - position: absolute; - height: 238px; - width: 100%; - opacity: 0.4; - z-index: -1; -} - -main { - position: relative; - background-color: #fdf6fc; - z-index: 0; -} - -.contact-form-section .form-background { - /* background-image: url("form_background.jpg"); */ - background: linear-gradient(to top left, - rgb(247, 218, 244), - rgb(255, 230, 251)); - background-size: cover; - background-position: center; - padding: 10px; - border-radius: 10px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - margin-top: 70px; - border: #040204; -} - -.contact-form .form-group { - margin-bottom: 1rem; -} - -.contact-form .form-label { - font-weight: bold; - margin-left: 20px; -} - -.contact-form .form-control { - width: 85%; - padding: 0.5rem; - border: 1px solid #ccc; - border-radius: 0.25rem; - margin-left: 20px; -} - -.contact-form-section textarea { - width: 85%; - /* Adjust the width as needed */ - height: 100px; - /* Adjust the height as needed */ - padding: 10px; - margin: 10px 0; - border: 1px solid #ccc; - border-radius: 4px; - box-sizing: border-box; -} - -.contact-form .btn { - background-color: #fda8af; - color: white; - padding: 0.5rem 1rem; - border: none; - border-radius: 0.25rem; - cursor: pointer; - width: 40%; - margin-left: 150px; -} - -.contact-form .btn:hover { - background-color: #fc7676; -} - -.contact-form-section { - padding: 40px 0; -} - -.get-in-touch { - padding: 20px; -} - -.get-in-touch h1 { - font-size: 2.8rem; - color: #333; - margin-top: 210px; - font-weight: bold; - /* Bold text */ -} - -.get-in-touch p { - color: #080808; - /* Medium-dark text color for readability */ - font-size: 1rem; - /* Standard text size */ - line-height: 1.5; - /* Better line spacing */ -} - -.contact-info p { - display: flex; - /* Use flexbox to align icons and text */ - align-items: center; - /* Vertically center align items */ - margin: 10px 0; - /* Space between each contact info item */ -} - -.contact-info p i { - color: #e91e63; - /* Icon color to match theme or branding */ - margin-right: 10px; - /* Space between icon and text */ - font-size: 1.2rem; - /* Slightly larger icons */ -} - -.contact-info p a { - color: #e91e63; - /* Link color matching the icon color */ - text-decoration: none; - /* Remove underline from links */ - transition: color 0.3s; - /* Smooth color transition on hover */ -} - -.contact-info p a:hover { - color: #333; - /* Darken color on hover */ -} \ No newline at end of file +} */ diff --git a/Css-files/footer.css b/Css-files/footer.css index 1fbc8268..911186d5 100644 --- a/Css-files/footer.css +++ b/Css-files/footer.css @@ -24,8 +24,8 @@ footer { color: #dddddd; } -#email, -#message { +#footer-email, +#footer-message { padding-left: 10px; padding-right: 10px; background-color: rgba(210, 167, 167, 0.5); @@ -33,13 +33,13 @@ footer { border: none; } -#email:focus, -#message:focus { +#footer-email:focus, +#footer-message:focus { box-shadow: none; } -#email::placeholder, -#message::placeholder { +#footer-email::placeholder, +#footer-message::placeholder { color: white; } diff --git a/Css-files/login.css b/Css-files/login.css new file mode 100644 index 00000000..7f9ad149 --- /dev/null +++ b/Css-files/login.css @@ -0,0 +1,127 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); + +.main-content-login { + background-color: brown; + padding: 4rem 0; + font-family: 'Noto Sans', sans-serif; +} + +.left-login img{ + width: 100%; +} + +.right-login .title, .modal .title { + color: rgb(208, 50, 50); + font-weight: 700; +} + +.card-body { + padding: 7%; +} + +.textfield { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + margin: 20px 0px; + position: relative; +} + +.textfield>label { + font-weight: bold; +} + +.textfield>input { + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #E6E6FA; + color: #030707de; + font-size: 12pt; + box-shadow: 0px 2px 5px #00000056; + outline: none; +} + +.textfield>input::placeholder { + color: #000000; +} + +.right-login .row{ + font-size: 0.9rem; +} + +.right-login .row a{ + text-align: right; +} + +.btn-login { + width: 85%; + padding: 16px 0; + margin: 20px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 3px; + color: white; + background: rgb(208, 50, 50); + box-shadow: 0px 10px 40px -12px #b10f1f85; +} + +.btn-login:hover { + background: rgba(208, 50, 50, 0.9); +} + +#login-hide { + right: 20px; + position: absolute; + bottom: 10%; +} + +.hide-icon { + font-size: 27px; +} + +.card { + box-shadow: 0px 10px 50px #000000a4; + width: 80%; +} + +@media screen and (width <= 600px) { + .card{ + width: 95%; + } +} + +@media screen and (width < 992px){ + .left-login img{ + width: 60%; + } + .main-content-login{ + padding-bottom: 4rem; + padding-top: 0; + } +} + +#rememberCheckbox{ + border-color: rgb(208, 50, 50); + border-radius: 4px; +} + +#rememberCheckbox:checked{ + background-color: rgb(208, 50, 50); +} + +#rememberCheckbox:focus{ + box-shadow: none; +} + +#login-form a{ + color: rgb(208, 50, 50); + text-decoration: none; +} + diff --git a/Css-files/login1.css b/Css-files/login1.css deleted file mode 100644 index b12daffb..00000000 --- a/Css-files/login1.css +++ /dev/null @@ -1,248 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); - -body { - margin: 0; - font-family: 'Noto Sans', sans-serif; -} - -body * { - box-sizing: border-box; -} - - -.main-login { - width: 100vw; - height: 100vh; - position: relative; - display: flex; - justify-content: center; - align-items: center; -} - -.main-login::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: url('../Images/login.jpg') no-repeat center center fixed; - background-size: cover; - filter: brightness(50%); - z-index: -1; -} - -.content { - position: relative; - z-index: 1; - color: white; - text-align: center; - padding: 20px; -} - -.left-login { - width: 50vw; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.left-login>h1 { - font-size: 2em; /* Adjust the size as needed */ - color: white; - -} -.order-now { - color: red; - font-size: 2.0em; /* Adjust the size as needed */ -} - - - -.left-login-image { - width: 30vw; -} - -.right-login { - width: 50vw; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; -} -.giphy-container { - width: 100%; - height: 0; - padding-bottom: 56%; - position: relative; -} -.giphy-container iframe { - position: absolute; - width: 100%; - height: 100%; - border: 0; -} -.card-login { - width: 60%; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding: 30px 35px; - border-radius: 20px; - box-shadow: 0px 10px 50px #0f0f0fa4; - background-color: white; -} - -.card-login>h1 { - /* color: #8A2525; */ - color: rgb(208, 50, 50); - font-weight: 800; - margin: 0; -} - -.textfield { - width: 100%; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - margin: 10px 0px; - position: relative; -} - -.icon { - position: absolute; - top: calc(55%); - left: 84.9%; -} - -.textfield>input { - width: 100%; - border: none; - border-radius: 10px; - padding: 15px; - background: #E6E6FA; - color: #030707de; - font-size: 12pt; - /* box-shadow: 0px 3px 10px #00000056; */ - outline: none; - box-sizing: border-box; -} - -.textfield>label { - color: black; - margin-bottom: 10px; - font-weight: bold; -} - -.textfield>input::placeholder { - color: #000000; -} - -.btn-login { - width: 100%; - padding: 16px 0; - margin: 25px; - border: none; - border-radius: 8px; - outline: none; - text-transform: uppercase; - font-weight: 800; - letter-spacing: 3px; - color: white; - background: rgb(216, 0, 0); - cursor: pointer; - box-shadow: 0px 10px 40px -12px #21212152; -} - -.btn-login:hover { - background: rgba(232, 228, 0, 0.9); -} - -#google-login { - width: 100%; - padding: 16px 0; - margin: 25px; - border: none; - border-radius: 8px; - outline: none; - text-transform: uppercase; - font-weight: 800; - letter-spacing: 3px; - color: white; - background: rgb(216, 0, 0); - cursor: pointer; - box-shadow: 0px 10px 40px -12px #21212152; -} - -#google-login:hover { - background: rgba(24, 80, 192, 0.9); -} - -.close-btn { - background-color: transparent; - border: none; - font-size: 36px; - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; - color: white; -} - - - - -@media only screen and (max-width: 950px) { - .card-login { - width: 85%; - } -} - -@media only screen and (max-width: 600px) { - .main-login { - flex-direction: column; - } - - .left-login>h1 { - display: none; - } - - .left-login { - width: 100%; - height: auto; - } - - .right-login { - width: 100%; - height: auto; - } - - .left-login-image { - width: 40vh; - } - - .card-login { - width: 90%; - } -} -.forgot-password { - text-align: right; - margin-bottom: 15px; -} - -.forgot-password a { - color: #3bb77e; - text-decoration: none; - font-size: 14px; - font-weight: 500; -} - -.forgot-password a:hover { - text-decoration: underline; -} - - diff --git a/Css-files/menu.css b/Css-files/menu.css deleted file mode 100644 index d6f8adf7..00000000 --- a/Css-files/menu.css +++ /dev/null @@ -1,152 +0,0 @@ -@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 0.5rem 1.5rem rgba(0, 0, 0, 0.1); -} - -* { - font-family: "Nunito", sans-serif; - margin: 0; - padding: 0; - box-sizing: border-box; - text-decoration: none; - outline: none; - border: none; - text-transform: capitalize; - transition: all 0.2s linear; -} - -html { - font-size: 62.5%; - overflow-x: hidden; - scroll-padding-top: 5.5rem; - scroll-behavior: smooth; -} - -section { - padding: 2rem 9%; -} - -section:nth-child(even) { - background: #eee; -} - -.sub-heading { - text-align: center; - color: var(--green); - font-size: 2.5rem; - padding-top: 1rem; - margin-bottom: 10px; -} - -.heading { - text-align: center; - color: var(--black); - font-size: 3rem; - padding-bottom: 2rem; - text-transform: uppercase; -} - -.btn { - margin-top: 1rem; - display: inline-block; - font-size: 1.7rem; - color: #fff; - background: var(--black); - border-radius: 0.5rem; - cursor: pointer; - padding: 0.8rem 3rem; -} - -.btn:hover { - background: var(--green); - letter-spacing: 0.1rem; -} - -.menu .box-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); - gap: 1.5rem; -} - -.menu .box-container .box { - background: #fff; - border: 0.1rem solid rgba(0, 0, 0, 0.2); - border-radius: 0.5rem; - box-shadow: var(--box-shadow); -} - -.menu .box-container .box .image { - height: 25rem; - width: 100%; - padding: 1.5rem; - overflow: hidden; - position: relative; -} - -.menu .box-container .box .image img { - height: 100%; - width: 100%; - border-radius: 0.5rem; - object-fit: cover; -} - -.menu .box-container .box .image .fa-heart { - position: absolute; - top: 2.5rem; - right: 2.5rem; - height: 5rem; - width: 5rem; - line-height: 5rem; - text-align: center; - font-size: 2rem; - background: #fff; - border-radius: 50%; - color: var(--black); -} - -.menu .box-container .box .image .fa-heart:hover { - background-color: var(--green); - color: #fff; -} - -.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 { - padding-bottom: 1rem; -} - -.menu .box-container .box .content .stars i { - font-size: 1.7rem; - color: var(--green); -} - -.menu .box-container .box .content h3 { - color: var(--black); - font-size: 2.5rem; -} - -.menu .box-container .box .content p { - color: var(--light-color); - font-size: 1.6rem; - padding: 0.5rem 0; - line-height: 1.5; -} - -.menu .box-container .box .content .price { - color: var(--green); - margin-left: 1rem; - font-size: 2.5rem; -} diff --git a/Css-files/navbar.css b/Css-files/navbar.css index 2a449aa9..9970cec5 100644 --- a/Css-files/navbar.css +++ b/Css-files/navbar.css @@ -27,12 +27,34 @@ color: rgba(255, 183, 0, 0.705); } -.navbar-nav .nav-link.active { +.navbar-nav.center-links .active { color: #dc3545; border-bottom: 2px solid #dc3545; } +.navbar-nav.end-links .active { + color: rgba(255, 183, 0, 0.705); + border-bottom: 2px solid rgba(255, 183, 0, 0.705); +} + #theme-toggle-icon{ width: 30px; cursor: pointer; +} + +.center-links .nav-item .dropdown-menu{ + background-color: black; + border-radius: 0; + border: none; + padding-top: 0; +} + +.dropdown-item{ + padding: 4px 8px; + color: white; + font-size: 15px; +} + +.dropdown-item:active{ + background-color: #dc3545; } \ No newline at end of file diff --git a/Css-files/signup.css b/Css-files/signup.css new file mode 100644 index 00000000..9e3bd464 --- /dev/null +++ b/Css-files/signup.css @@ -0,0 +1,118 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); + +.main-content-login { + background-color: brown; + padding: 4rem 0; + font-family: 'Noto Sans', sans-serif; +} + +.left-login img { + width: 100%; + transition: transform 0.3s ease; +} + +.left-login img:hover{ + transform: rotate(-5deg) scale(1.1); +} + +.right-login .title { + color: rgb(208, 50, 50); + font-weight: 700; +} + +.card-body { + padding: 7%; +} + +.textfield { + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + margin: 20px 0px; + position: relative; +} + +.textfield>label { + font-weight: bold; +} + +.textfield>input { + width: 100%; + border: none; + border-radius: 10px; + padding: 15px; + background: #E6E6FA; + color: #030707de; + font-size: 12pt; + box-shadow: 0px 2px 5px #00000056; + outline: none; +} + +.textfield>input::placeholder { + color: #000000; +} + +.btn-login { + width: 85%; + padding: 16px 0; + margin: 25px; + border: none; + border-radius: 8px; + outline: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 3px; + color: white; + background: rgb(208, 50, 50); + box-shadow: 0px 10px 40px -12px #b10f1f85; +} + +.btn-login:hover { + background: rgba(208, 50, 50, 0.9); +} + +#signup-hide { + right: 20px; + position: absolute; + bottom: 10%; +} + +.hide-icon { + font-size: 27px; +} + +.card { + box-shadow: 0px 10px 50px #000000a4; + width: 80%; +} + +@media screen and (width <=600px) { + .card { + width: 95%; + } +} + +@media screen and (width < 992px) { + .left-login img { + width: 60%; + } + + .main-content-login { + padding-bottom: 4rem; + padding-top: 0; + } +} + +@media screen and (width >= 2000px) +{ + .left-login img{ + width: 70%; + } +} + +.right-login h1.text-center{ + font-size:13px; + font-weight: bold; +} \ No newline at end of file diff --git a/Css-files/signup1.css b/Css-files/signup1.css deleted file mode 100644 index 6e6f0b07..00000000 --- a/Css-files/signup1.css +++ /dev/null @@ -1,362 +0,0 @@ -/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); - -body { - margin: 0; - font-family: 'Noto Sans', sans-serif; -} - -body * { - box-sizing: border-box; -} - -.main-login { - width: 100vw; - height: 100vh; - background: hsl(240, 61%, 82%); - display: flex; - justify-content: center; - align-items: center; -} - -.left-login { - width: 50vw; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.left-login > h1 { - color: #e13838; - font-size: 2.5vw; -} - -.left-login-image { - width: 35vw; -} - -.right-login { - width: 50vw; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; -} - -.card-login { - width: 60%; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding: 30px 35px; - border-radius: 20px; - box-shadow: 0px 10px 40px #00000056; -} - -.card-login > h1 { - color: #e13838; - font-weight: 800; - margin: 0; -} - -.textfield { - width: 100%; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - margin: 10px 0px; -} - -.textfield > input { - width: 100%; - border: none; - border-radius: 10px; - padding: 15px; - background: #E6E6FA; - color: #030707de; - font-size: 12pt; - box-shadow: 0px 10px 40px #00000056; - outline: none; - box-sizing: border-box; -} - -.textfield > label { - color: #f0ffffde; - margin-bottom: 10px; -} - -.textfield > input::placeholder { - color: #000000; -} - -.btn-login { - width: 100%; - padding: 16px 0; - margin: 25px; - border: none; - border-radius: 8px; - outline: none; - text-transform: uppercase; - font-weight: 800; - letter-spacing: 3px; - color: #bec44b; - background: #5f50d4; - cursor: pointer; - box-shadow: 0px 10px 40px -12px #00ff8052; -} - -#google-login { - width: 100%; - padding: 16px 0; - margin: 25px; - border: none; - border-radius: 8px; - outline: none; - text-transform: uppercase; - font-weight: 800; - letter-spacing: 3px; - color: #bec44b; - background: #5f50d4; - cursor: pointer; - box-shadow: 0px 10px 40px -12px #00ff8052; -} - - -@media only screen and (max-width: 950px){ - .card-login{ - width: 85%; - } -} - -@media only screen and (max-width: 600px){ - .main-login{ - flex-direction: column; - } - - .left-login > h1 { - display: none; - } - - .left-login { - width: 100%; - height: auto; - } - - .right-login { - width: 100%; - height: auto; - } - - .left-login-image { - width: 40vh; - } - - .card-login { - width: 90%; - } -} */ -@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap'); - -body { - margin: 0; - font-family: 'Noto Sans', sans-serif; -} - -body * { - box-sizing: border-box; -} - -.main-login { - width: 100vw; - height: 100vh; - position: relative; - display: flex; - justify-content: center; - align-items: center; -} - -.main-login::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: url('../Images/signbg.jpg') no-repeat center center fixed; - background-size: cover; - filter: brightness(50%); - z-index: -1; -} - -.content { - position: relative; - z-index: 1; - color: white; - text-align: center; - padding: 20px; -} - -.left-login { - width: 50vw; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.left-login>h1 { - color: white; - font-size: 2.5vw; -} - -.left-login-image { - width: 35vw; -} -.order-now { - color: red; - font-size: 1.5em; /* Adjust the size as needed */ -} -.right-login { - width: 50vw; - height: 100vh; - display: flex; - justify-content: center; - align-items: center; -} - -.card-login { - width: 60%; - display: flex; - justify-content: center; - flex-direction: column; - padding: 30px 35px; - border-radius: 20px; - box-shadow: 0px 10px 50px #000000a4; - background-color: white; -} - -.card-login>h1 { - color: rgb(208, 50, 50); - font-weight: 800; - margin: 0; - text-align: center; -} - -.textfield { - width: 100%; - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - margin: 10px 0px; - position: relative; - padding-bottom: 0.2rem; - padding-top: 0.2rem; -} - -.icon1 { - position: absolute; - top: calc(55%); - left: 80.5%; - font-size: 25px; -} - -.textfield>input { - width: 100%; - border: none; - border-radius: 10px; - padding: 15px; - background: #E6E6FA; - color: #030707de; - font-size: 12pt; - /* box-shadow: 0px 3px 10px #00000056; */ - outline: none; - box-sizing: border-box; -} - -.textfield>label { - color: black; - margin-bottom: 10px; - font-weight: bold; -} - -.textfield>input::placeholder { - color: #000000; -} - -.btn-login, -#google-login { - width: 100%; - padding: 16px 0; - margin: 10px 0; - border: none; - border-radius: 8px; - outline: none; - text-transform: uppercase; - font-weight: 800; - letter-spacing: 3px; - color: white; - background: rgb(208, 50, 50); - cursor: pointer; - box-shadow: 0px 10px 40px -12px #00ff8052; -} - -.btn-login:hover { - background: rgba(232, 228, 0, 0.9); -} - -#google-login:hover { - background: rgba(24, 80, 192, 0.9); -} - -.close-btn { - background-color: transparent; - border: none; - font-size: 36px; - position: absolute; - top: 10px; - right: 10px; - cursor: pointer; - color: white; -} - - - - -@media only screen and (max-width: 950px) { - .card-login { - width: 85%; - } -} - -@media only screen and (max-width: 600px) { - .main-login { - flex-direction: column; - } - - .left-login>h1 { - display: none; - } - - .left-login { - width: 100%; - height: auto; - } - - .right-login { - width: 100%; - height: auto; - } - - .left-login-image { - width: 40vh; - } - - .card-login { - width: 90%; - } -} \ No newline at end of file diff --git a/Favicon image/about.txt b/Favicon image/about.txt deleted file mode 100644 index 067b0f28..00000000 --- a/Favicon image/about.txt +++ /dev/null @@ -1,6 +0,0 @@ -This favicon was generated using the following graphics from Twitter Twemoji: - -- Graphics Title: 1f371.svg -- Graphics Author: Copyright 2020 Twitter, Inc and other contributors (https://github.com/twitter/twemoji) -- Graphics Source: https://github.com/twitter/twemoji/blob/master/assets/svg/1f371.svg -- Graphics License: CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/) diff --git a/Favicon image/android-chrome-192x192.png b/Favicon image/android-chrome-192x192.png deleted file mode 100644 index 38c4c2bc..00000000 Binary files a/Favicon image/android-chrome-192x192.png and /dev/null differ diff --git a/Favicon image/android-chrome-512x512.png b/Favicon image/android-chrome-512x512.png deleted file mode 100644 index e9f531bf..00000000 Binary files a/Favicon image/android-chrome-512x512.png and /dev/null differ diff --git a/Favicon image/apple-touch-icon.png b/Favicon image/apple-touch-icon.png deleted file mode 100644 index 40b98cd4..00000000 Binary files a/Favicon image/apple-touch-icon.png and /dev/null differ diff --git a/Favicon image/favicon-16x16.png b/Favicon image/favicon-16x16.png deleted file mode 100644 index 07ddea16..00000000 Binary files a/Favicon image/favicon-16x16.png and /dev/null differ diff --git a/Favicon image/favicon-32x32.png b/Favicon image/favicon-32x32.png deleted file mode 100644 index 7e0efaad..00000000 Binary files a/Favicon image/favicon-32x32.png and /dev/null differ diff --git a/Favicon image/favicon.ico b/Favicon image/favicon.ico deleted file mode 100644 index 6ba6e364..00000000 Binary files a/Favicon image/favicon.ico and /dev/null differ diff --git a/Favicon image/site.webmanifest b/Favicon image/site.webmanifest deleted file mode 100644 index 45dc8a20..00000000 --- a/Favicon image/site.webmanifest +++ /dev/null @@ -1 +0,0 @@ -{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/Html-files/cart.html b/Html-files/cart.html index b1bb2523..b2b3d548 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -47,8 +47,14 @@
  • Menu
    • -
  • - Services +
  • + +
  • Contact Us @@ -59,7 +65,7 @@
    - theme toggler button + theme toggler button
    - theme toggler button + theme toggler button
    - theme toggler button + theme toggler button
    - theme toggler button + theme toggler button
    - theme toggler button + theme toggler button
    -
    +

    Our Happy Clients

    - - At Foodie, we pride ourselves on delivering delicious meals & exceptional service. Don’t just take our word - for it—hear what our satisfied customers have to say!

    - - -
    - - -
    -
    -
    - - Matt Gilbert - At Foodie, we pride ourselves on delivering delicious meals & exceptional service. Don't just take our word for it - hear what our satisfied customers have to say!

    -
    - -
    -
    -
    -
    -
    Reviews And Ratings
    -
    - 4.2 -
    - - - - - - - -

    Based on 456 Ratings

    -
    -
    - -
    -
    -

    Reliability

    -

    4.5

    -
    -
    -
    -
    -

    Payout Rating

    -

    4.8

    -
    -
    -
    -
    -

    Positive Solution

    -

    4.5

    -
    -
    -
    +
    - +
    @@ -555,54 +431,56 @@

    Laren Green

    -
    -

    Frequently Asked Questions (FAQ)

    -
    -

    How do I place an order?

    -

    To place an order, browse our menu, select the items you want, and add them to your cart. Once you’re ready, click on the cart icon and proceed to checkout. Follow the instructions to complete your order.

    -
    +
    +
    +

    Frequently Asked Questions (FAQ)

    -
    -

    What payment methods do you accept?

    -

    We accept various payment methods including credit/debit cards, net banking, and popular digital wallets. You can select your preferred payment method at the checkout page.

    -
    +
    +

    How do I place an order?

    +

    To place an order, browse our menu, select the items you want, and add them to your cart. Once you’re + ready, click on the cart icon and proceed to checkout. Follow the instructions to complete your + order.

    +
    -
    -

    Can I schedule an order for later?

    -

    Yes, you can schedule an order for a later time. During checkout, select the delivery time that suits you best.

    -
    +
    +

    What payment methods do you accept?

    +

    We accept various payment methods including credit/debit cards, net banking, and popular digital + wallets. You can select your preferred payment method at the checkout page.

    +
    -
    -

    How can I track my order?

    -

    Once your order is confirmed, you will receive a tracking link via email or SMS. You can use this link to track the status of your delivery in real-time.

    -
    +
    +

    Can I schedule an order for later?

    +

    Yes, you can schedule an order for a later time. During checkout, select the delivery time that suits + you best.

    +
    -
    -

    What should I do if I have a problem with my order?

    -

    If you encounter any issues with your order, please contact our customer support immediately. You can reach us via the contact form on our website, email, or phone. We’re here to help you!

    -
    +
    +

    How can I track my order?

    +

    Once your order is confirmed, you will receive a tracking link via email or SMS. You can use this + link to track the status of your delivery in real-time.

    +
    -
    -

    Is there a minimum order value?

    -

    Yes, there is a minimum order value depending on your location. The minimum order amount will be displayed during the checkout process.

    -
    +
    +

    What should I do if I have a problem with my order?

    +

    If you encounter any issues with your order, please contact our customer support immediately. You can + reach us via the contact form on our website, email, or phone. We’re here to help you!

    +
    + +
    +

    Is there a minimum order value?

    +

    Yes, there is a minimum order value depending on your location. The minimum order amount will be + displayed during the checkout process.

    +
    -
    -

    Do you offer any discounts or promotions?

    -

    We regularly offer discounts and promotions. Check our website or subscribe to our newsletter to stay updated on the latest deals and offers.

    +
    +

    Do you offer any discounts or promotions?

    +

    We regularly offer discounts and promotions. Check our website or subscribe to our newsletter to stay + updated on the latest deals and offers.

    +
    - -

    Free Delivery!

    Download the App now!

    @@ -636,22 +514,9 @@
    See Also
  • Cart
    • -
  • -
    -
    - - -
    -
    • - +
    Exclusive Offers
      @@ -678,7 +543,7 @@
      Exclusive Offers
    - +
    Payment Products
      @@ -702,27 +567,27 @@
      Payment Products
    - - + +

    Contact Us!

    - -
    - - - + + + - +

    Follow Us

    @@ -759,7 +624,7 @@

    Follow Us

    - + - - - document.addEventListener("DOMContentLoaded", function () { - setTimeout(function () { - document.querySelector("body").classList.add("loaded"); - }, 500) -}); - - - - - Toggle Dark Mode - - - -
    - - -
    - - - \ No newline at end of file diff --git a/login1.css b/login1.css deleted file mode 100644 index d402d2a4..00000000 --- a/login1.css +++ /dev/null @@ -1,7 +0,0 @@ -.menu_items h3{ - color: brown; -} -.body{ - padding-top: 30px; - padding-bottom: 30px; -} \ No newline at end of file diff --git a/menu.js b/menu.js deleted file mode 100644 index 471dea93..00000000 --- a/menu.js +++ /dev/null @@ -1,19 +0,0 @@ -// adding items from menu to cart -document.addEventListener('DOMContentLoaded', function () { - var menuContainers = document.querySelectorAll('.menu_container'); - menuContainers.forEach(function (container) { - container.addEventListener('click', function (event) { - if (event.target.classList.contains('butt')) { - var item = event.target.closest('.items'); - var itemName = item.querySelector('h3').textContent; - var itemPrice = item.querySelector('p').textContent; - alert("Item added to cart successfully"); - - localStorage.setItem('itemName', itemName); - localStorage.setItem('itemPrice', itemPrice); - - window.location.href = "cart.html"; - } - }); - }); -}); diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.01_e542e82b.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.01_e542e82b.jpg deleted file mode 100644 index 410ee4e0..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.01_e542e82b.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.02_2438eb74.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.02_2438eb74.jpg deleted file mode 100644 index 28a163c5..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.02_2438eb74.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.02_3dc15ce0.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.02_3dc15ce0.jpg deleted file mode 100644 index 190b580c..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.02_3dc15ce0.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.03_037eed5c.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.03_037eed5c.jpg deleted file mode 100644 index 54ad9c16..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.03_037eed5c.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.03_95c7d9fe.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.03_95c7d9fe.jpg deleted file mode 100644 index 0148ff49..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.03_95c7d9fe.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.03_ec010c65.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.03_ec010c65.jpg deleted file mode 100644 index 8a7c04ee..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.03_ec010c65.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.04_b1bf47f7.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.04_b1bf47f7.jpg deleted file mode 100644 index af7f1783..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.04_b1bf47f7.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 16.32.04_c94adf9c.jpg b/menu/WhatsApp Image 2024-03-05 at 16.32.04_c94adf9c.jpg deleted file mode 100644 index b40de1a5..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 16.32.04_c94adf9c.jpg and /dev/null differ diff --git a/menu/WhatsApp Image 2024-03-05 at 17.11.21_9960cf58.jpg b/menu/WhatsApp Image 2024-03-05 at 17.11.21_9960cf58.jpg deleted file mode 100644 index 385710e5..00000000 Binary files a/menu/WhatsApp Image 2024-03-05 at 17.11.21_9960cf58.jpg and /dev/null differ diff --git a/script.js b/script.js index 5e43c452..6c02cb83 100644 --- a/script.js +++ b/script.js @@ -1,39 +1,3 @@ -const dots = []; -const cursor = { - x: 0, - y: 0, -}; - -for (let i = 0; i < 10; i++) { - const dot = document.createElement("div"); - dot.style.scale=`0.${10-(i)}`; - dot.className = "dot"; - document.body.appendChild(dot); - dots.push(dot); -} - -document.addEventListener("mousemove", (e) => { - cursor.x = e.clientX; - cursor.y = e.clientY; -}); - -function draw() { - let x = cursor.x; - let y = cursor.y; - - dots.forEach((dot, index) => { - const nextDot = dots[index + 1] || dots[0]; - - dot.style.left = x + "px"; - dot.style.top = y + "px"; - - x += (nextDot.offsetLeft - dot.offsetLeft) * 0.5; - y += (nextDot.offsetTop - dot.offsetTop) * 0.5; - }); -} - -setInterval(draw, 10); - document.getElementById("copyright-year").textContent = new Date().getFullYear(); @@ -45,4 +9,11 @@ document.addEventListener("DOMContentLoaded", function () { setTimeout(function () { document.querySelector("body").classList.add("loaded"); }, 500); +}); + +document.querySelectorAll('.faq-item h2').forEach(item => { + item.addEventListener('click', () => { + const parent = item.parentNode; + parent.classList.toggle('active'); + }); }); \ No newline at end of file diff --git a/signup1.css b/signup1.css deleted file mode 100644 index e69de29b..00000000 diff --git a/style.css b/style.css index 84166e97..bb54253c 100644 --- a/style.css +++ b/style.css @@ -5,68 +5,67 @@ padding: 0px; } -body{ - background-color:brown; +body { + background-color: black; overflow-x: hidden; - cursor: none; } :root { - --primary-bg-color: #ffffff; + --primary-bg-color: #ffffff; --primary-text-color: #333335; - --secondary-bg-color: #f2f2f2; - --accent-color: #9e5c48; - --navbar-bg-color: #f2f2f2; + --secondary-bg-color: #f2f2f2; + --accent-color: #9e5c48; + --navbar-bg-color: #f2f2f2; --navbar-hover-color: #e5e5e5; - --card-bg-color: #ffffff; + --card-bg-color: #ffffff; --card-hover-color: #f5f5f5; - --footer-bg-color: #f2f2f2; + --footer-bg-color: #f2f2f2; --footer-hover-color: #e5e5e5; } -.dark-theme{ +.dark-theme { - --primary-bg-color: #212123; + --primary-bg-color: #212123; --primary-text-color: #ffffff; - --secondary-bg-color: #333335; - --accent-color: #9e5c48; - --navbar-bg-color: #333335; + --secondary-bg-color: #333335; + --accent-color: #9e5c48; + --navbar-bg-color: #333335; --navbar-hover-color: #474749; - --card-bg-color: #2c2c2e; + --card-bg-color: #2c2c2e; --card-hover-color: #373739; - --footer-bg-color: #28282a; + --footer-bg-color: #28282a; --footer-hover-color: #333335; } - .poppins-light { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } + /*Scrollbar Style*/ -::-webkit-scrollbar-track -{ - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); - background-color: #CCCCCC; -} -::-webkit-scrollbar -{ - width: 10px; - background-color: #F5F5F5; -} -::-webkit-scrollbar-thumb -{ - background-color: #FFF; +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-color: #CCCCCC; +} + +::-webkit-scrollbar { + width: 10px; + background-color: #F5F5F5; +} + +::-webkit-scrollbar-thumb { + background-color: #FFF; border-radius: 10px; - background-image: -webkit-linear-gradient(90deg, - rgba(0, 0, 0, 1) 0%, - rgba(0, 0, 0, 1) 25%, - transparent 100%, - rgba(0, 0, 0, 1) 75%, - transparent) + background-image: -webkit-linear-gradient(90deg, + rgba(0, 0, 0, 1) 0%, + rgba(0, 0, 0, 1) 25%, + transparent 100%, + rgba(0, 0, 0, 1) 75%, + transparent) } + /* Home carousel/slider */ #homeSlider .homeimg { max-height: 170vh; @@ -341,9 +340,9 @@ body{ color: brown; background-color: #f2f2f2; } - -.menu_items .items{ - text-align: center; + +.menu_items .items { + text-align: center; max-height: 370px; background-color: #f2f2f2; border: 3px solid brown; @@ -359,19 +358,19 @@ body{ background-color: #ca8787; } -.menu_items .card-body{ +.menu_items .card-body { min-height: 130px; padding: 5px 5px 5px 5px; } -.menu_items .img-container{ +.menu_items .img-container { width: 90%; margin-top: 1em; margin-right: auto; margin-left: auto; } -.menu_items img{ +.menu_items img { object-fit: cover; object-position: center; height: 220px; @@ -386,11 +385,11 @@ body{ } /* TESTIMONIALS */ -.testimonial-container{ +.testimonial-container { background-color: brown; } -.testimonial-container h2{ +.testimonial-container h2 { font-size: 3rem; margin-bottom: 1rem; text-align: center; @@ -400,48 +399,48 @@ body{ .testimonial-container .description { text-align: center; width: 40%; - color:white; + color: white; margin: auto; } -#testimonials .carousel-inner{ +#testimonials .carousel-inner { min-height: 350px; } -#testimonials .carousel-caption{ +#testimonials .carousel-caption { top: 165px; left: 30%; right: 30%; } #testimonials .img-box { - width: 120px; - height: 120px; - margin: 0 auto; - border-radius: 50%; + width: 120px; + height: 120px; + margin: 0 auto; + border-radius: 50%; } #testimonials .img-box img { - width: 100%; - height: 100%; + width: 100%; + height: 100%; object-fit: cover; border-radius: 50%; } -#testimonials .fa-star{ - color: #ffdc12; +#testimonials .fa-star { + color: #ffdc12; } -#testimonials .list-inline{ +#testimonials .list-inline { list-style-type: none; } -@media screen and (max-width: 768px){ - .testimonial-container .description{ +@media screen and (max-width: 768px) { + .testimonial-container .description { width: 70%; } - #testimonials .carousel-caption{ + #testimonials .carousel-caption { left: 10%; right: 10%; } @@ -449,7 +448,7 @@ body{ } /* IMAGE GALLERY */ -.picture-gallery .col-3{ +.picture-gallery .col-3 { overflow: hidden; } @@ -512,7 +511,7 @@ body{ top: 0; width: 51%; height: 100%; - background:#EEEEEE; + background: #EEEEEE; z-index: 1000; -webkit-transform: translateX(0); transform: translateX(0); @@ -536,7 +535,7 @@ body{ margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; - border-top-color:#DC5F00; + border-top-color: #DC5F00; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; z-index: 99999; @@ -551,7 +550,7 @@ body{ bottom: 5px; border-radius: 50%; border: 3px solid transparent; - border-top-color:#373A40; + border-top-color: #373A40; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } @@ -600,177 +599,86 @@ body{ @-webkit-keyframes spin { 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes spin { 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } -.testimonial-section { - padding: 2rem; - background-color: #f9f9f9; -} - -.testimonial-tagline { - text-align: center; - font-size: 2rem; - margin-bottom: 1rem; -} - -.testimonial-description { - text-align: center; - font-size: 1.2rem; - margin-bottom: 2rem; -} - -.global-review-card .card { - border: none; - background: #ffffff; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -} - -.global-review-card .card-body { - text-align: start; -} - -.rating-value { - font-size: 2rem; - font-weight: bold; -} - -.stars { - color: #f8ce0b; - font-size: 1.5rem; -} - -.rating{ - display: flex; - justify-content: start; -} - -.rating-count { - font-size: 0.9rem; - color: #888; -} - -.progress { - height: 1rem; - background: #e9ecef; -} - -.progress-bar { - background: #17a2b8; - line-height: 1rem; - font-size: 0.75rem; - text-align: left; - padding-left: 0.5rem; -} - -.row { - display: flex; - align-items: center; -} - -.img-box img { - width: 100%; - border-radius: 50%; -} - -.overview { - font-size: 1.25rem; - font-weight: bold; -} - -.testimonial-text { - font-size: 1rem; - margin: 0.5rem 0; -} - -.star-rating .list-inline { - padding-left: 0; - margin: 0; -} - -.star-rating .list-inline li { - color: #f8ce0b; - font-size: 1.5rem; -} - -.text-rating{ - display: flex; - justify-content: space-between; -} +/* FAQS CONTAINER */ +.faq-section { + background-color: brown; -.summery:hover { - cursor: pointer; -} + .faq-container { + max-width: 800px; + padding: 50px 20px; + color: white; + border-radius: 10px; + } -/*custom cursor*/ -.dot { - width: 30px; - height: 30px; - background: rgb(194, 194, 194); - position: fixed; - border-radius: 50%; - pointer-events: none; - transform: translate(-50%, -50%); - z-index: 9999; -} + .faq-container h1 { + text-align: center; + margin-bottom: 20px; + } -/*Drop down*/ -ul li ul.dropdown { - width: auto; - background: #000; /* Black background */ - position: absolute; - z-index: 999; - display: none; - padding: 10px 0; - border-radius: 4px; /* Rounded corners */ -} + .faq-item { + margin-bottom: 20px; + border-bottom: 1px solid #ddd; + padding-bottom: 10px; + } -/* Show dropdown menu on hover */ -.nav-link:focus { - outline: none; -} -ul li:hover ul.dropdown { - display: block; -} + .faq-item h2 { + cursor: pointer; + margin: 0; + padding: 10px; + background-color: brown; + border: 1px solid #ddd; + border-radius: 5px; + display: flex; + justify-content: space-between; + align-items: center; + position: relative; + } -/* Dropdown menu item styling */ -ul li ul.dropdown li { - display: block; - background: #000; /* Black background */ - margin: 2px 0; -} + .faq-item h2:hover { + background-color: brown; + } -ul li ul.dropdown li a { - display: block; - padding: 10px 20px; - text-decoration: none; - color: #fff; /* White font color */ - white-space: nowrap; /* Prevent text wrapping */ -} + .faq-item p { + display: none; + margin: 10px 0 0; + } -ul li ul.dropdown li a:hover { - background: #ff0000; /* Red background on hover */ - color: #fff; /* Ensure font color remains white */ -} + .faq-item.active p { + display: block; + } -/* Optional: styling for active links */ + .faq-item h2::after { + content: '\25BC'; + /* Unicode for downward arrow */ + font-size: 1rem; + color: white; + transition: transform 0.3s ease; + } + .faq-item.active h2::after { + transform: rotate(-180deg); + /* Rotate the arrow when active */ + } +} \ No newline at end of file