diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index f99821f1..4aa61ae5 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -57,6 +57,41 @@ To get started with Food ordering website, follow these simple steps: ``` 5. Create a Pull Request: Navigate back to the original repository and open a pull request from your forked repository. + +### Alternatively, contribute using GitHub Desktop + +1. **Open GitHub Desktop:** + Launch GitHub Desktop and log in to your GitHub account if you haven't already. + +2. **Clone the Repository:** + - If you haven't cloned the Food-ordering-website repository yet, you can do so by clicking on the "File" menu and selecting "Clone Repository." + - Choose the Food-ordering-website repository from the list of repositories on GitHub and clone it to your local machine. + +3. **Switch to the Correct Branch:** + - Ensure you are on the branch that you want to submit a pull request for. + - If you need to switch branches, you can do so by clicking on the "Current Branch" dropdown menu and selecting the desired branch. + +4. **Make Changes:** + Make your changes to the code or files in the repository using your preferred code editor. + +5. **Commit Changes:** + - In GitHub Desktop, you'll see a list of the files you've changed. Check the box next to each file you want to include in the commit. + - Enter a summary and description for your changes in the "Summary" and "Description" fields, respectively. Click the "Commit to " button to commit your changes to the local branch. + +6. **Push Changes to GitHub:** + After committing your changes, click the "Push origin" button in the top right corner of GitHub Desktop to push your changes to your forked repository on GitHub. + +7. **Create a Pull Request:** + - Go to the GitHub website and navigate to your fork of the Food-ordering-website repository. + - You should see a button to "Compare & pull request" between your fork and the original repository. Click on it. + +8. **Review and Submit:** + - On the pull request page, review your changes and add any additional information, such as a title and description, that you want to include with your pull request. + - Once you're satisfied, click the "Create pull request" button to submit your pull request. + +9. **Wait for Review:** + Your pull request will now be available for review by the project maintainers. They may provide feedback or ask for changes before merging your pull request into the main branch of the Food-ordering-website repository. + ## **Pull Request Process 🚀** 1. Ensure that you have self reviewed your code 😀 2. Make sure you have added the proper description for the functionality of the code diff --git a/Css-files/book-table.css b/Css-files/book-table.css new file mode 100644 index 00000000..0102d199 --- /dev/null +++ b/Css-files/book-table.css @@ -0,0 +1,24 @@ +.mainhead::before { + content: ""; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); + background-size: cover; + opacity: 0.4; + z-index: -1; +} + +.mainhead { + text-align: center; + padding-top: 30px; +} + +.mainhead h1 { + font-family: "Bree Serif", serif; + font-size: 3.8rem; + color: white; + font-weight: 700; + letter-spacing: 5px; +} \ No newline at end of file diff --git a/Css-files/cart.css b/Css-files/cart.css index 968e141c..5c25a9e7 100644 --- a/Css-files/cart.css +++ b/Css-files/cart.css @@ -138,7 +138,7 @@ textarea { height: 40px; background-color: brown; color: aliceblue; - z-index: 2000; + z-index: 20; } @media all and (max-width: 768px) { .cart { @@ -197,3 +197,25 @@ background-size: 100% 100%;} font-size: 28px; font-weight: bold; } + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10) , rgb(248, 145, 49), rgb(236, 239, 56)); + } + + ::-webkit-scrollbar { + width:12px; + + } + + ::-webkit-scrollbar-thumb { + background-color: #ff0707; + border-radius: 10px; + border:.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) + } \ No newline at end of file diff --git a/Css-files/cateringservices.css b/Css-files/cateringservices.css index 191c099d..7672bf3e 100644 --- a/Css-files/cateringservices.css +++ b/Css-files/cateringservices.css @@ -111,3 +111,24 @@ textarea { #butt:hover { background-color: rgb(196, 89, 89); } +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10) , rgb(248, 145, 49), rgb(236, 239, 56)); +} + +::-webkit-scrollbar { + width:12px; + +} + +::-webkit-scrollbar-thumb { + background-color: #ff0707; + border-radius: 10px; + border:.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) +} \ No newline at end of file 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..156f6855 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; } @@ -20,8 +20,8 @@ body { position: absolute; top: 0; left: 0; - background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); - background-size: cover; + background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1800); + background-size:cover; opacity: 0.4; z-index: -1; } @@ -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; @@ -537,7 +486,7 @@ body { /* service */ .service_container { - /* padding: 55px 70px 30px 70px; */ + box-sizing: border-box; background-color: rgb(224, 224, 252); } @@ -578,7 +527,7 @@ body { /* Book Table */ .book-table-container { - padding: 50px; + padding: 2vw; background-color: rgb(224, 224, 252); } @@ -631,7 +580,6 @@ body { .testimonal__container { display: flex; - padding: 3rem; } .testimonal__card { @@ -782,72 +730,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 +743,38 @@ 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; +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10) , rgb(248, 145, 49), rgb(236, 239, 56)); + } + + ::-webkit-scrollbar { + width:12px; + + } + + ::-webkit-scrollbar-thumb { + background-color: #ff0707; 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 + border:.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) + } \ No newline at end of file diff --git a/Css-files/detailed-dish.css b/Css-files/detailed-dish.css index 9a7cafe3..1b08c770 100644 --- a/Css-files/detailed-dish.css +++ b/Css-files/detailed-dish.css @@ -118,3 +118,24 @@ gap: 10px; } } +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10) , rgb(248, 145, 49), rgb(236, 239, 56)); + } + + ::-webkit-scrollbar { + width:12px; + + } + + ::-webkit-scrollbar-thumb { + background-color: #ff0707; + border-radius: 10px; + border:.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) + } \ No newline at end of file diff --git a/Css-files/feedback.css b/Css-files/feedback.css new file mode 100644 index 00000000..63298d6c --- /dev/null +++ b/Css-files/feedback.css @@ -0,0 +1,214 @@ +body { + min-width: 100%; + display: flex; + align-items: center; + justify-content: center; + margin: 0; + overflow-x: hidden; + } + + .main-outer { + font-family: "Bree Serif", serif; + line-height: 1.4; + color: rgb(255, 255, 255); + margin: 0; + padding: 3.125rem 1rem; + box-sizing: border-box; + width: 100%; + max-width: 600px; + } + + .main-outer::before { + content: ''; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: -1; + background-image: linear-gradient(115deg, rgba(191, 7, 7, 0.456), rgba(7, 5, 7, 0.67)), url(../Images/homeSliderImages/home-slider-3.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + } + + h1 { + font-weight: 400; + line-height: 1.2; + } + + p { + font-size: 1.125rem; + } + + h1, p { + margin-top: 0; + margin-bottom: 0.5rem; + } + + label, .pform { + display: flex; + align-items: center; + margin-bottom: 0.5rem; + } + + input, button, select, textarea { + margin: 0; + font-family: inherit; + line-height: inherit; + } + + button { + border: none; + } + + form { + background: rgba(255, 255, 255, 0.186); + padding: 2.5rem 0.625rem; + border-radius: 0.25rem; + backdrop-filter: blur(10px); + box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.555); + } + + @media (min-width: 300px) { + form { + padding: 2.5rem; + } + } + + .text-center { + text-align: center; + } + + .description { + font-style: italic; + font-weight: 200; + text-shadow: 1px 1px 1px rgba(0 , 0, 0, 0.4); + } + + fieldset { + margin: 0 auto 1.25rem auto; + padding: 0.25rem; + border: none; + } + + .form-control { + display: block; + width: 100%; + height: 2.375rem; + padding: 0.375rem 0.375rem; + color: #495057; + background-color: #ffffff94; + background-clip: padding-box; + border: 1px solid #ced4da; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + box-sizing: border-box; + } + + .input-radio, .input-checkbox { + display: inline-box; + margin-right: 0.625rem; + min-height: 1.25rem; + min-width: 1.25rem; + } + + .fqual { + display: flex; + justify-content: space-around; + font-size: 17px; + } + + .input-textarea { + min-height: 120px; + width: 95%; + padding: 0.625rem; + + + } + + .submit-button { + display: block; + width: 100%; + padding: 0.75rem; + background: #37af65; + color: inherit; + border-radius: 2px; + cursor: pointer; + } + + .star-rating { + display: flex; + justify-content: space-around; + padding: 0 1.25rem; + } + + .star-button { + background: none; + border: none; + cursor: pointer; + color: #ccc; + font-size: 25px; + padding: 0; + } + + .star-button:hover, .star-button:focus { + color: #f1c40f; + outline: none; + } + + .star-button.rated, .star-button.hover { + color: #f1c40f; + } + + .star-button.greyed { + color: #ccc; + } + + .rate-tit { + font-size: 1.125rem; + margin-bottom: 0.5rem; + text-align: center; + } + + @media (max-width: 800px) { + .main-outer { + max-width: 500px; + } + + .fqual { + font-size: 13px; + } + h1{ + font-size: 26px; + } + } + + @media (max-width: 600px) { + .main-outer { + max-width: 450px; + } + h1{ + font-size: 23px; + } + } + + @media (max-width: 400px) { + form{ + padding: 1.5rem; + } + .fqual { + font-size: 12px; + } + .input-radio, .input-checkbox { + margin-right: 0.325rem; + min-height: 0.45rem; + min-width: 0.45rem; + } + .rate-tit,p { + font-size: 0.9rem; + } + h1{ + font-size: 19px; + } + } 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 b168d970..00000000 --- a/Css-files/login1.css +++ /dev/null @@ -1,193 +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: #8A2525; */ - background: brown; - 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: white; - 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 50px #000000a4; - 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(208, 50, 50); - cursor: pointer; - box-shadow: 0px 10px 40px -12px #00ff8052; -} - -.btn-login:hover { - background: rgba(208, 50, 50, 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(208, 50, 50); - cursor: pointer; - box-shadow: 0px 10px 40px -12px #00ff8052; -} - -#google-login:hover { - background: rgba(208, 50, 50, 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%; - } -} - 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..e36e2d31 100644 --- a/Css-files/navbar.css +++ b/Css-files/navbar.css @@ -1,9 +1,43 @@ +:root { + --a: white; + --drop-bg: #212123; + --nav: black; + --primary-bg-color: #ffffff; + --primary-text-color: #333335; + --secondary-bg-color: #f2f2f2; + --accent-color: #9e5c48; + --navbar-bg-color: #f2f2f2; + --navbar-hover-color: #e5e5e5; + --card-bg-color: #ffffff; + --card-hover-color: #f5f5f5; + --footer-bg-color: #f2f2f2; + --footer-hover-color: #e5e5e5; +} + +.dark-theme { + --a: black; + --drop-bg: #ffffff; + --nav: white; + --primary-bg-color: #212123; + --primary-text-color: #ffffff; + --secondary-bg-color: #333335; + --accent-color: #9e5c48; + --navbar-bg-color: #333335; + --navbar-hover-color: #474749; + --card-bg-color: #2c2c2e; + --card-hover-color: #373739; + --footer-bg-color: #28282a; + --footer-hover-color: #333335; + +} + /* Navbar */ -.navbar[data-bs-theme="dark"] { - --bs-navbar-color: white; +.navbar { + --bs-navbar-color: var(--a); + background-color: var(--nav); } -[data-bs-theme="dark"] .navbar-toggler-icon { + .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } @@ -27,12 +61,35 @@ 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: var(--drop-bg); + color:var(--a); + border-radius: 0; + border: none; + padding-top: 0; +} + +.dropdown-item{ + padding: 4px 8px; + color: var(--a); + font-size: 15px; +} + +.dropdown-item:active{ + background-color: #dc3545; } \ No newline at end of file diff --git a/Css-files/offers.css b/Css-files/offers.css index 2da2a793..46a2b94d 100644 --- a/Css-files/offers.css +++ b/Css-files/offers.css @@ -66,16 +66,26 @@ body { ========================================= */ -::-webkit-scrollbar { - width: 0.625rem; +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10) , rgb(248, 145, 49), rgb(236, 239, 56)); } -::-webkit-scrollbar-track { - background: var(--white-color); +::-webkit-scrollbar { + width:12px; + } ::-webkit-scrollbar-thumb { - background: var(--secondry-color); + background-color: #ff0707; + border-radius: 10px; + border:.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) } /* diff --git a/Css-files/services.css b/Css-files/services.css index be2ae7aa..fd268050 100644 --- a/Css-files/services.css +++ b/Css-files/services.css @@ -2,12 +2,22 @@ font-family: "Bree Serif", serif; } */ -body{ +html{ + width: 100%; + height: 100%; + margin: 0; + padding: 0; overflow-x: hidden; + overflow-y: visible; } -.mainhead:hover h1 { - color: rgb(138, 37, 37); +.head_container { + overflow-x: scroll; +} + +.mainhead { + overflow-x: hidden; + overflow: hidden; } .section1 { @@ -102,8 +112,12 @@ body{ } .testimonal__container { + width: 80vw; + margin: auto; + display: flex; flex-wrap: wrap; justify-content: center; + align-items: center; } .testimonal__title { @@ -173,11 +187,30 @@ body{ border-color: white; } -input, -textarea { - width: 100%; -} + #butt:hover { background-color: rgb(196, 89, 89); -} \ No newline at end of file +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10) , rgb(248, 145, 49), rgb(236, 239, 56)); + } + + ::-webkit-scrollbar { + width:12px; + + } + + ::-webkit-scrollbar-thumb { + background-color: #ff0707; + border-radius: 10px; + border:.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) + } \ No newline at end of file diff --git a/Css-files/services1.css b/Css-files/services1.css index 00da3501..e9a86f4d 100644 --- a/Css-files/services1.css +++ b/Css-files/services1.css @@ -1,10 +1,11 @@ -*{ +* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } -.container{ + +.container { position: relative; display: flex; justify-content: center; @@ -13,10 +14,10 @@ gap: 100px 50px; padding: 55px 50px 0 50px; } + /* background cards size and rounding */ -.container .card -{ - position: relative; +.container .card { + position: relative; display: flex; justify-content: center; align-items: flex-start; @@ -27,12 +28,12 @@ box-shadow: 0 35px 80px rgba(0,0,0,0.15); transition: 0.5s; } -.container .card:hover -{ + +.container .card:hover { height: 350px; } -.container .card .imgbx -{ + +.container .card .imgbx { position: absolute; top: 20px; width: 300px; @@ -42,13 +43,26 @@ transition: 0.5s; overflow: hidden; } -.container .card:hover .imgbx -{ + +@media screen and (max-width:430px) { + .container .card .imgbx { + width: 250px; + } +} + +@media screen and (max-width:350px) { + .container .card .imgbx { + width: 220px; + } +} + +.container .card:hover .imgbx { top: -100px; scale: 0.75; - box-shadow: 0 15px 45px rgba(0,0,0,0.15); + box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15); } -.container .card .imgbx img{ + +.container .card .imgbx img { position: absolute; top: 0; left: 0; @@ -56,31 +70,34 @@ height: 100%; object-fit: cover; } -.container .card .content -{ + +.container .card .content { position: absolute; top: 252px; width: 100%; - padding: 0 30px; + padding: 10px 10px; height: 35px; overflow: hidden; text-align: center; transition: 0.5s; } -.container .card:hover .content -{ + +.container .card:hover .content { top: 150px; height: 250px; } -.container .card .content h2{ + +.container .card .content h2 { font-size: 1.33em; font-weight: 700; color: var(--clr); } -.container .card .content p{ + +.container .card .content p { color: #233; } -.container .card .content a{ + +.container .card .content a { position: relative; top: 15px; display: inline-block; @@ -90,4 +107,25 @@ font-weight: 500; text-decoration: 8px; border-radius: 8px; +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); + background-image: linear-gradient(to top, rgb(246, 10, 10), rgb(248, 145, 49), rgb(236, 239, 56)); +} + +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-thumb { + background-color: #ff0707; + border-radius: 10px; + border: 0.3px solid white; + background-image: -webkit-linear-gradient(90deg, + rgb(20, 21, 12) 0%, + rgb(0, 0, 0) 25%, + transparent 100%, + rgb(247, 4, 4) 75%, + transparent) } \ 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 185ce25c..00000000 --- a/Css-files/signup1.css +++ /dev/null @@ -1,226 +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; -} -.logo{ - background-color: brown; - height: 55px; - width: 100vw; - display: flex; - justify-content:space-between; - align-items: center; -} -.logo img{ - height: 38px; - margin-left: 2rem; - margin-top: 1.3rem; -} -.main-login { - width: 100vw; - height: 100vh; - background:white; - 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: white; - font-size: 2.5vw; -} - -.left-login-image { - width: 35vw; - position: relative; - transition: transform 0.3s ease, opacity 0.3s ease; -} - -.left-login-image:hover { - transform: rotate(-5deg) scale(1.1); - opacity: 0.9; -} - -.left-login-image::before { - content: ''; - position: absolute; - top: -5px; - left: -5px; - right: -5px; - bottom: -5px; - border: 2px solid #ff6f61; - border-radius: 10px; - opacity: 0; - animation: pulse 2s infinite; -} - -@keyframes pulse { - 0% { - opacity: 0; - transform: scale(0.9); - } - 50% { - opacity: 1; - transform: scale(1); - } - 100% { - opacity: 0; - transform: scale(0.9); - } -} - -.right-login { - zoom: 91%; - 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: 10px 35px; - border-radius: 20px; - box-shadow: 0px 10px 50px #000000a4; - background-color:rgb(221, 221, 247); - padding-left: 70px; - padding-right: 70px; -} - -.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(208, 50, 50, 0.9); -} - -#google-login:hover { - background: rgba(208, 50, 50, 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%; - } -} diff --git a/Css-files/style.css b/Css-files/style.css index 2f957a8e..bf9d8283 100644 --- a/Css-files/style.css +++ b/Css-files/style.css @@ -843,4 +843,14 @@ textarea { height: fit-content; padding: 100px; } +} +::-webkit-scrollbar{ + width:20px; +} +::-webkit-scrollbar-track{ + background: red; +} +::-webkit-scrollbar-thumb{ + border-radius: 12px; + background-color: yellow; } \ 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/book-table.html b/Html-files/book-table.html index 6026c6c1..fd2aa00d 100644 --- a/Html-files/book-table.html +++ b/Html-files/book-table.html @@ -1,178 +1,383 @@ - - - - + + + Book Table - Food Ordering Website - - - + href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" + rel="stylesheet" + integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" + crossorigin="anonymous" + /> + + - - + - + + + + - + + +
- - -
+ + + + +
+

B O O K - T A B L E

-
-
-
-

Book Your Table Now!

-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
- -
-
-
+
+
+
+

Book Your Table Now!

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
- - - + + + diff --git a/Html-files/cart.html b/Html-files/cart.html index b1bb2523..d3b8fb88 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -30,7 +30,7 @@
-