diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md index 382b67da..d1ce73e9 100644 --- a/CODE_OF_CONDUCT.md +++ b/CODE_OF_CONDUCT.md @@ -1,41 +1,41 @@ -# Code of Conduct - -## Our Pledge - -In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to make participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. - -## Our Standards - -Examples of behavior that contributes to creating a positive environment include: - -- Using welcoming and inclusive language -- Being respectful of differing viewpoints and experiences -- Gracefully accepting constructive criticism -- Focusing on what is best for the community -- Showing empathy towards other community members - -Examples of unacceptable behavior by participants include: - -- The use of sexualized language or imagery and unwelcome sexual attention or advances -- Trolling, insulting/derogatory comments, and personal or political attacks -- Public or private harassment -- Publishing others' private information, such as a physical or electronic address, without explicit permission -- Other conduct which could reasonably be considered inappropriate in a professional setting - -## Our Responsibilities - -Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. - -Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. - -## Scope - -This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. - - -## Attribution - -This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html), version 2.0, available at [https://www.contributor-covenant.org/version/2/0/code_of_conduct.html](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html). - -For answers to common questions about this code of conduct, see [FAQ](https://www.contributor-covenant.org/faq). - +# Code of Conduct + +## Our Pledge + +In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to make participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. + +## Our Standards + +Examples of behavior that contributes to creating a positive environment include: + +- Using welcoming and inclusive language +- Being respectful of differing viewpoints and experiences +- Gracefully accepting constructive criticism +- Focusing on what is best for the community +- Showing empathy towards other community members + +Examples of unacceptable behavior by participants include: + +- The use of sexualized language or imagery and unwelcome sexual attention or advances +- Trolling, insulting/derogatory comments, and personal or political attacks +- Public or private harassment +- Publishing others' private information, such as a physical or electronic address, without explicit permission +- Other conduct which could reasonably be considered inappropriate in a professional setting + +## Our Responsibilities + +Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. + +Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. + +## Scope + +This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. + + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html), version 2.0, available at [https://www.contributor-covenant.org/version/2/0/code_of_conduct.html](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html). + +For answers to common questions about this code of conduct, see [FAQ](https://www.contributor-covenant.org/faq). + diff --git a/LICENSE b/LICENSE index b03b27c5..4b26ec43 100644 --- a/LICENSE +++ b/LICENSE @@ -1,21 +1,21 @@ -MIT License - -Copyright (c) 2024 Khushi Joshi - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. +MIT License + +Copyright (c) 2024 Khushi Joshi + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/Learn.md b/Learn.md index a61625fa..6ea413bb 100644 --- a/Learn.md +++ b/Learn.md @@ -1,66 +1,66 @@ - - - -# Contributing to Foodie - A Food Ordering Website - -Welcome to Foodie's open-source project! We're thrilled that you're interested in contributing. This guide will help you get started with making your first contribution to the project. - -## How to Contribute - -1. **Fork the Repository**: Click the "Fork" button in the top-right corner of this repository's page to create your own copy of the project. - -2. **Clone Your Fork**: Clone the repository to your local machine using the following command: - ```bash - git clone https://github.com/yourusername/FoodOrderingWebsite.git - ``` - -3. **Navigate to the Project Directory**: Enter the directory of the cloned project: - ```bash - cd FoodOrderingWebsite - ``` - -4. **Set Up Remote Upstream**: Connect your fork to the original repository to stay updated with its changes: - ```bash - git remote add upstream https://github.com/originalusername/FoodOrderingWebsite.git - ``` - -5. **Create a Branch**: Before making any changes, create a new branch to work on your feature or bug fix: - ```bash - git checkout -b feature-or-fix-name - ``` - -6. **Make Changes**: Now you're ready to make your changes! Feel free to modify existing code, add new features, or fix bugs. - -7. **Commit Your Changes**: Once you've made your changes, commit them with a descriptive message: - ```bash - git add . - git commit -m "Add feature or fix" - ``` - -8. **Push Changes to Your Fork**: Push your changes to your fork on GitHub: - ```bash - git push origin feature-or-fix-name - ``` - -9. **Submit a Pull Request**: Go to your fork on GitHub and click on the "New Pull Request" button. Provide a descriptive title and detailed description of your changes. Then, submit the pull request for review. - -## Code Guidelines - -- Follow the existing code style and structure. -- Write clear and concise commit messages. -- Test your changes thoroughly before submitting a pull request. - -## Resources - -- [GitHub Forking Guide](https://docs.github.com/en/get-started/quickstart/fork-a-repo) -- [Git Handbook](https://guides.github.com/introduction/git-handbook/) -- [Markdown Cheat Sheet](https://www.markdownguide.org/cheat-sheet/) - -## Contact - -If you have any questions or need assistance, feel free to reach out to us via [GitHub Issues](https://github.com/yourusername/FoodOrderingWebsite/issues). - -We appreciate your contributions! -``` - -You can copy and paste this content into a `learn.md` file in your repository. Let me know if you need further assistance! + + + +# Contributing to Foodie - A Food Ordering Website + +Welcome to Foodie's open-source project! We're thrilled that you're interested in contributing. This guide will help you get started with making your first contribution to the project. + +## How to Contribute + +1. **Fork the Repository**: Click the "Fork" button in the top-right corner of this repository's page to create your own copy of the project. + +2. **Clone Your Fork**: Clone the repository to your local machine using the following command: + ```bash + git clone https://github.com/yourusername/FoodOrderingWebsite.git + ``` + +3. **Navigate to the Project Directory**: Enter the directory of the cloned project: + ```bash + cd FoodOrderingWebsite + ``` + +4. **Set Up Remote Upstream**: Connect your fork to the original repository to stay updated with its changes: + ```bash + git remote add upstream https://github.com/originalusername/FoodOrderingWebsite.git + ``` + +5. **Create a Branch**: Before making any changes, create a new branch to work on your feature or bug fix: + ```bash + git checkout -b feature-or-fix-name + ``` + +6. **Make Changes**: Now you're ready to make your changes! Feel free to modify existing code, add new features, or fix bugs. + +7. **Commit Your Changes**: Once you've made your changes, commit them with a descriptive message: + ```bash + git add . + git commit -m "Add feature or fix" + ``` + +8. **Push Changes to Your Fork**: Push your changes to your fork on GitHub: + ```bash + git push origin feature-or-fix-name + ``` + +9. **Submit a Pull Request**: Go to your fork on GitHub and click on the "New Pull Request" button. Provide a descriptive title and detailed description of your changes. Then, submit the pull request for review. + +## Code Guidelines + +- Follow the existing code style and structure. +- Write clear and concise commit messages. +- Test your changes thoroughly before submitting a pull request. + +## Resources + +- [GitHub Forking Guide](https://docs.github.com/en/get-started/quickstart/fork-a-repo) +- [Git Handbook](https://guides.github.com/introduction/git-handbook/) +- [Markdown Cheat Sheet](https://www.markdownguide.org/cheat-sheet/) + +## Contact + +If you have any questions or need assistance, feel free to reach out to us via [GitHub Issues](https://github.com/yourusername/FoodOrderingWebsite/issues). + +We appreciate your contributions! +``` + +You can copy and paste this content into a `learn.md` file in your repository. Let me know if you need further assistance! diff --git a/README.md b/README.md index d340020c..af922496 100644 --- a/README.md +++ b/README.md @@ -1,106 +1,106 @@ -![gssoc](gssoc.png) -
-

Food Ordering Website

- -
- -![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)   -![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)   -Lines of Code   -Stars Badge   -Forks Badge   -![GitHub contributors](https://img.shields.io/github/contributors/khushi-joshi-05/Food-ordering-website?color=blue)   -![GitHub last commit](https://img.shields.io/github/last-commit/khushi-joshi-05/Food-ordering-website?color=red&style=plastic)   -![Repo. Size](https://img.shields.io/github/repo-size/khushi-joshi-05/Food-ordering-website?color=white)   -  -  -  -  -   - - -
-
- -Foodie is a food ordering website that aims to provide users with a seamless experience for ordering food online, taking orders for pickup, and booking tables for dining in. The website showcases the quality and specialties of the food offered, along with a variety of services to cater to different user preferences. - -This repository is aimed to help people to contribute in open source and learn Git and Github. - -## Key Features - -- **Order Online**: Users can easily browse through the menu and place orders for delivery. -- **Take Order**: Customers can also choose to place orders for pickup. -- **Book Table**: For those who prefer dining in, the website offers the option to book a table in advance. -- **Menu**: The menu section provides a comprehensive list of food items available for order, along with descriptions and prices. -- **App Details**: Information about any associated mobile applications for easy access to the service. -- **Contact Page**: A dedicated contact page for users to reach out for inquiries, feedback, or support. - -## Technologies Used -- **HTML**: Markup language for structuring web pages. -- **CSS**: Styling language for designing the visual layout of web pages. -- **JavaScript**: Programming language for adding interactivity and functionality to web pages. -- **GitHub Pages**: Hosting service for publishing the frontend code. - -## Development Steps -1. **Planning and Design**: - - Defined UI requirements based on user needs and business goals. - -2. **HTML Structure**: - - Developed web page structure using HTML elements. - - Organized content into logical sections like header, navigation, main content, and footer. - -3. **CSS Styling**: - - Styled HTML elements to create visually appealing design. - - Implemented responsive design for compatibility across various devices. - -4. **JavaScript Interactivity**: - - Enhanced user interaction with dynamic features like menu filtering and form validation. - - -## Tech Stack - -- **Frontend**: HTML, CSS, JavaScript (for user interface and interactivity) -- **Database**: MongoDB (for storing user data, orders, etc.)~~~~ need to be implemented -- **Responsive Design**: Ensuring compatibility across various devices and screen sizes. - - -## How to Run Locally - -1. Clone the project repository: - -```bash -git clone https://github.com/yourusername/FoodOrderingWebsite.git -``` - -2.Navigate to the project directory: - -``` -cd FoodOrderingWebsite -``` - - -3.Open the index.html file in your preferred web browser to view the website locally. - - - -## Screenshots -These are some snapshots of the project. - -![Landing Page](homepg.png) - -![Service](service.png) - - - - -## License - -[MIT](https://choosealicense.com/licenses/mit/) - -This project is licensed under the MIT License - see the LICENSE file for details. - - - - - - +![gssoc](gssoc.png) +
+

Food Ordering Website

+ +
+ +![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)   +![PRs Welcome](https://img.shields.io/badge/PRs-welcome-green.svg)   +Lines of Code   +Stars Badge   +Forks Badge   +![GitHub contributors](https://img.shields.io/github/contributors/khushi-joshi-05/Food-ordering-website?color=blue)   +![GitHub last commit](https://img.shields.io/github/last-commit/khushi-joshi-05/Food-ordering-website?color=red&style=plastic)   +![Repo. Size](https://img.shields.io/github/repo-size/khushi-joshi-05/Food-ordering-website?color=white)   +  +  +  +  +   + + +
+
+ +Foodie is a food ordering website that aims to provide users with a seamless experience for ordering food online, taking orders for pickup, and booking tables for dining in. The website showcases the quality and specialties of the food offered, along with a variety of services to cater to different user preferences. + +This repository is aimed to help people to contribute in open source and learn Git and Github. + +## Key Features + +- **Order Online**: Users can easily browse through the menu and place orders for delivery. +- **Take Order**: Customers can also choose to place orders for pickup. +- **Book Table**: For those who prefer dining in, the website offers the option to book a table in advance. +- **Menu**: The menu section provides a comprehensive list of food items available for order, along with descriptions and prices. +- **App Details**: Information about any associated mobile applications for easy access to the service. +- **Contact Page**: A dedicated contact page for users to reach out for inquiries, feedback, or support. + +## Technologies Used +- **HTML**: Markup language for structuring web pages. +- **CSS**: Styling language for designing the visual layout of web pages. +- **JavaScript**: Programming language for adding interactivity and functionality to web pages. +- **GitHub Pages**: Hosting service for publishing the frontend code. + +## Development Steps +1. **Planning and Design**: + - Defined UI requirements based on user needs and business goals. + +2. **HTML Structure**: + - Developed web page structure using HTML elements. + - Organized content into logical sections like header, navigation, main content, and footer. + +3. **CSS Styling**: + - Styled HTML elements to create visually appealing design. + - Implemented responsive design for compatibility across various devices. + +4. **JavaScript Interactivity**: + - Enhanced user interaction with dynamic features like menu filtering and form validation. + + +## Tech Stack + +- **Frontend**: HTML, CSS, JavaScript (for user interface and interactivity) +- **Database**: MongoDB (for storing user data, orders, etc.)~~~~ need to be implemented +- **Responsive Design**: Ensuring compatibility across various devices and screen sizes. + + +## How to Run Locally + +1. Clone the project repository: + +```bash +git clone https://github.com/yourusername/FoodOrderingWebsite.git +``` + +2.Navigate to the project directory: + +``` +cd FoodOrderingWebsite +``` + + +3.Open the index.html file in your preferred web browser to view the website locally. + + + +## Screenshots +These are some snapshots of the project. + +![Landing Page](homepg.png) + +![Service](service.png) + + + + +## License + +[MIT](https://choosealicense.com/licenses/mit/) + +This project is licensed under the MIT License - see the LICENSE file for details. + + + + + + diff --git a/content/cart.html b/content/cart.html new file mode 100644 index 00000000..2771f318 --- /dev/null +++ b/content/cart.html @@ -0,0 +1,13 @@ + + + + + + Cart + + + +

OOPs!! Cart information Not Updated ..

+ + + \ No newline at end of file diff --git a/content/contact.html b/content/contact.html new file mode 100644 index 00000000..2273e1c4 --- /dev/null +++ b/content/contact.html @@ -0,0 +1,12 @@ + + + + + + Contact Us + + + +

OOPs!! Contact Information Not Updated ...

+ + \ No newline at end of file diff --git a/content/content.css b/content/content.css new file mode 100644 index 00000000..d32637fb --- /dev/null +++ b/content/content.css @@ -0,0 +1,552 @@ +* { + margin: 0px; + padding: 0px; +} + +body { + background-color:black; +} + + + + +.head_container:before { + background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); + content: ""; + position: absolute; + /* height: 238px; */ + height: 350px; + background-size: cover; + width: 100%; + opacity: 0.4; + z-index: -1; + /* border: 2px solid red; */ +} + + +.head_container_service{ + height:500px; + +} +.head_container_service:before { + background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); + content: ""; + position: absolute; + height: 500px; + width: 100%; + opacity: 0.4; + z-index: -1; + /* border: 2px solid red; */ + +} + +.navbar { + padding: 8px 10px; + +} + +.navbar ul { + overflow: hidden; + +} + +.navbar li { + float: left; + list-style: none; + padding: 8px 20px; + +} +.navbar li:hover { + opacity: 0.7; +} + +.navbar li a { + padding: 3px 3px; + text-decoration: none; + color: white; + font-size: 1.3rem; +} + + + +.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; */ +} +.mainhead { + text-align: center; + padding-top: 30px; + padding-bottom: 50px; +} +.mainhead h1 { + font-family: "Bree Serif", serif; + font-size: 3.8rem; + color: white; + padding-bottom: 20px; +} +.head_container_service .mainhead { + text-align: center; + padding-top: 30px; + padding-bottom: 210px; +} + +/* .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; + padding: 3px 25px; + border-radius: 4px; + font-family: "Bree Serif", serif; + color: brown; + background-color: #f2f2f2; + transition: all .3s ease-in; +} + +.but:hover{ + cursor: pointer; + background-color: brown; + color: white; +} + +.butt { + border: 1.3px solid brown; + font-size: 1.1rem; + padding: 3px 63px 5px 63px; + border-radius: 4px; + font-family: "Bree Serif", serif; + margin-top: 8px; + background-color: brown; + color: white; + transition: all .3s ease-in; +} + +#butt:hover { + background-color: rgb(196, 74, 74); +} + +.butt:hover{ + background-color: white; + color: brown; + cursor: pointer; + +} + +.menu_items { + display: flex; + justify-content: center; +} + +.menu_items .items { + background-color: #f2f2f2; + /* 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: 20px; + margin: 5px; + height: 310px; + width: 230px; + /* border-radius: 10px; */ + text-align: center; + font-family: "Bree Serif", serif; +} + +.menu_items .items img { + justify-content: center; + height: 190px; + width: 230px; +} + +.menu_items .items h3 { + font-size: 1.1rem; + margin-top: 10px; +} + +.menu_items .items p { + margin-bottom: 20px; +} + +.first_cont { + display: flex; + justify-content: center; +} + +.first_cont .items { + background-color: #f2f2f2; + border: 3px solid rgba(138, 37, 37); + box-shadow: 0 0 20px rgba(138, 37, 37, 0.5); + padding: 25px 10px; + margin: 15px; + height: 270px; + width: 230px; + border-radius: 10px; + text-align: center; + font-family: "Bree Serif", serif; +} + +.first_cont .items img { + justify-content: center; + height: 160px; + width: 200px; + +} + +.first_cont .items h3 { + font-size: 1.2rem; + margin: 10px ; +} + +.first_cont .items p { + margin-bottom: 20px; +} + + +.items:hover{ + cursor: pointer; +} + + + +/* service */ + +.service_container { + /* padding: 55px 70px 30px 70px; */ + /* border: 2px solid red; */ + background-color: rgb(224, 224, 252); + +} + +.second_cont{ + display: flex; + padding: 40px; + justify-content: center; +} +.second_cont1{ + display: flex; + padding: 0px 20px 100px 20px; + justify-content: center; +} + +.deals{ + display: flex; + background-color: white; + border: 2px solid rgb(138, 37, 37); + /* box-shadow: 0 0 10px rgba(138, 37, 37, 0.5); */ + border-radius: 10px; + padding:15px 30px; + margin:20px 50px; + transition: all .3s ease-in ; +} +.deals:hover{ + cursor: pointer; + scale: 1.1; + box-shadow: #212123 0px 1px 8px ; +} + +.deals p{ + font-size: 1.1rem; + /* font-weight: bold; */ + padding-top: 2px; + font-family: "Bree Serif", serif; +} +.deals i{ + margin: 0px 10px; + padding: 0px 10px; + font-size: 2rem; +} + +/* testimonal */ +.testimonalsection{ + padding-top: 400px; +} +.testimonal__container{ + display: flex; + padding: 3rem; +} +.testimonal__card{ + text-align: center; + padding:2rem 3rem 2.5rem; + border:2px solid rgba(224, 224, 252, 0.678); + transition:border .4s,background-color .4s; + background-color: white; + box-shadow: 0 0 10px rgba(224, 224, 252, 0.678); + border: 1px solid rgb(186, 186, 201); + padding:40px 30px ; + margin: 5px; + color:rgb(107, 107, 122); +} +.testimonal__image{ + width:100px; + height:100px; + border-radius:50%; + margin:0 auto 1.5rem; +} +.testimonal__title{ + margin-bottom: .75rem; +} +.testimonal__description{ + margin-bottom: 1.25rem; +} +.section__title{ + text-align: center; + font-size: 2rem; + color:rgb(58, 58, 66); +} + +/* footer */ +.foot-panel2{ + background-color: rgb(138, 37, 37); + color:white; + height: 300px; + display: flex; + justify-content: space-evenly; + /* margin-top: 50px; */ +} + +.footer-colums{ + margin-top: 20px; +} + +.footer-colums p{ + font-weight: 700; +} + +.footer-colums a{ + display: block; + font-size: 0.85rem; + margin-top: 10px; + color: #dddddd; + text-decoration: none; +} + +/* .foot-pannel3{ + background-color:rgb(66, 16, 16); + color: white; + border-top: 0.5px solid white; + height: 70px; + display: flex; + justify-content: center; +} */ + + + +.foot_panel4{ + background-color: rgb(66, 16, 16); + color: white; + height: 160px; + font-size: 0.9rem; + text-align: center; + +} + + + +.pages{ + padding-top: 25px; + +} + +.copyright{ + padding-top: 10px; +} + +form { + padding-top: 20px; + display: grid; + /* gap: 10px; */ + padding-bottom: 100px; +} + +label { + font-weight: bold; +} + +input, +textarea { + height:30px; + width:max-content; + padding: 3px; + box-sizing: border-box; + border-radius: 4px; + outline: none; + border: #212123 1px; +} + +#butt{ + background-color:rgb(66, 16, 16); + color: white; + padding: 2px; + border: 1px solid white ; + border-radius: 2px; + cursor: pointer; +} + +#butt :hover { + background-color:rgb(196, 89, 89); +} + +.social-icons i{ + font-size: 1.2rem; + padding: 15px; +} + +.fb{ + color: #1877F2; + cursor: pointer; +} + +.instagram{ + color: #dd4c8d; + cursor: pointer; +} +.twitter{ + color: #1DA1F2; + cursor: pointer; +} + +#author{ + background-color:#871a7e ; + padding: 2px; + border-radius: 3px; +} + + + + + + +/* responsiveness */ + +/* MENU WEB-PAGE */ + +@media screen and (max-width:1170px) { + + h2{ + text-align: center; + } + + .menu_items { + flex-direction: column; + align-items: center; + } + + .pages{ + max-height: fit-content; + padding: 8px; + } + + .head_container_service .mainhead{ + padding: 25px; + } + + .head_container_service:before { + + height:1500px; + background-size: cover; + + } + +} + + + +/* SERVICES WEB-PAGE */ + +@media screen and (max-width:1170px) { + + .first_cont{ + flex-direction: column; + align-items: center; + height: fit-content; + margin-bottom: 50px; + + + + + } + + .service_container{ + height: fit-content; + } + + .testimonal__container{ + flex-direction: column; + + } + .testimonalsection{ + padding: 25px; + } + + .head_container_service{ + height: fit-content; + } + .deals{ + align-items: center; + } +} + +@media screen and (max-width:780px) { + .foot-panel2{ + + height: fit-content; + display: grid; + grid-template-columns: repeat(2, minmax(20px, 1fr)); + + /* flex-direction: column; */ + grid-template-columns: 2; + padding: 25px; + +} + +.foot-panel2 ul{ + margin-top: 20px; + } + + input, textarea { + height: 30px; + width: 90%; + padding: 3px; + margin: 4px; + box-sizing: border-box; + border-radius: 2px; +} +#butt{ + padding: 3px; + margin: 4px; + width: 90%; +} +.testimonal__container{ + padding: 15px; +} + + + + +} + +@media screen and (max-width:610px) { + .second_cont{ + flex-direction: column-reverse; + align-items: center; + } + +} + +@media screen and (max-width:410px) { + .mainhead h1{ + font-size: 2.5rem; + } + +} + diff --git a/content/home.html b/content/home.html new file mode 100644 index 00000000..357ed53e --- /dev/null +++ b/content/home.html @@ -0,0 +1,12 @@ + + + + + + Home + + + +

OOps! Information Not Updated !!..

+ + \ No newline at end of file diff --git a/content/menu.html b/content/menu.html new file mode 100644 index 00000000..4ef9b821 --- /dev/null +++ b/content/menu.html @@ -0,0 +1,261 @@ + + + + + + + Menu + + + + + + + + + + +
+
+ +
+ +
+

M E N U

+ + + +
+
+
+

Snacks

+
+
+ +

Indian Thali

+

$10.20

+ + +
+
+ +

Dessert

+

$10.20

+ + +
+
+ +

Snacks

+

$10.20

+ + +
+
+ +

Juices

+

$10.20

+ + +
+ +
+
+
+ +

Indian Thali

+

$10.20

+ + +
+
+ +

Dessert

+

$10.20

+ + +
+
+ +

Snacks

+

$10.20

+ + +
+
+ +

Juices

+

$10.20

+ + +
+ +
+ +
+
+

Juices

+
+
+ +

Indian Thali

+

$5.10

+ + +
+
+ +

Dessert

+

$5.10

+ + +
+
+ +

Snacks

+

$5.10

+ + +
+
+ +

Juices

+

$5.10

+ + +
+
+ +
+

Indian Thali

+
+
+ +

Indian Thali

+

$15.80

+ + +
+
+ +

Dessert

+

$15.80

+ + +
+
+ +

Snacks

+

$15.80

+ + +
+
+ +

Juices

+

$15.80

+ + +
+
+ + + + + + + + \ No newline at end of file diff --git a/content/services.html b/content/services.html new file mode 100644 index 00000000..6da9db13 --- /dev/null +++ b/content/services.html @@ -0,0 +1,248 @@ + + + + + + Services + + + + + + + + + +
+
+ +
+ +
+

S E R V I C E S

+
+ +
+
+ +

Food Tour and Experiences

+ + + +
+
+ +

Catering Services for Events

+ + + +
+
+ +

Meal Delivery Subscription

+ + + +
+ +
+
+ + + +
+ +
+

+ Customer Opinion +

+ +
+
+
+
+ +

Riya Jain

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

+ +
+ + + + + +
+
+
+
+
+
+
+ +

Sudhanshu Sharma

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

+ +
+ + + + + +
+
+
+
+
+
+
+ +

Angel Dravid

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

+ +
+ + + + + +
+
+
+
+
+
+
+ +

Priya Sharma

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus voluptatibus quidem nostrum neque molestiae fugiat id ex consequatur atque quia quisquam hic accusamus dolores sapiente, ipsum maxime, quo odit ut. +

+ +
+ + + + + +
+
+
+
+
+ + +
+ + + +
+
+ +

Gift Card and Voucher Redemption

+
+
+ +

Exclusive Offers and Promotions

+
+ +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index df0df54b..c187c3a9 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - Document + Foodie!! @@ -46,6 +46,9 @@

Welcome to foodie!

"Savor the Flavors: Discover What Sets Our Restaurant's Cuisine Apart!"

+ + +
Download the App now!
@@ -244,14 +247,14 @@

Contact Us!

Follow Us

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

- © 2023 Foodies . All Rights Reserved. | Developed by Khushi Joshi

+ © 2023 Foodies . All Rights Reserved. | Developed by Khushi Joshi

diff --git a/style.css b/style.css index 1827fdc6..212af205 100644 --- a/style.css +++ b/style.css @@ -85,6 +85,7 @@ body { background-color: white; color: brown; + cursor: pointer; } .about_us { @@ -107,7 +108,13 @@ body { background: #f2f2f2; margin-bottom: 20px; /* float: left; */ + transition: .3s all ease-in-out ; +} +#about .box:hover{ + box-shadow: #212123 1px 1px 8px; + scale: 1.015; + cursor: pointer; } #about .box img { @@ -150,10 +157,14 @@ body { } .service_container:before { - background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300); + background-image: url(https://cdn.tasteatlas.com//images/toplistarticles/d0e6a0a79d5f4197a51f4ca065393ffe.jpg?mw=1300) ; content: ""; position: absolute; + + /* height: 560px; + */ + height: 800px; width: 100%; /* justify-items: center; */ opacity: 0.4; @@ -241,6 +252,7 @@ body { border: 2px solid brown; color: brown; background-color: #f2f2f2; + cursor: pointer; } .menu_items { @@ -258,6 +270,14 @@ body { border-radius: 10px; text-align: center; font-family: 'Bree Serif', serif; + transition: 0.3s all ease-in; +} + +.menu_items .items:hover{ + box-shadow: #212123 1px 1px 8px; + cursor: pointer; + scale: 1.02; + } .menu_items .items img { @@ -306,6 +326,7 @@ body { background-color: rgb(196, 89, 89); color: white; border: 2px solid white; + cursor: pointer; } .move { @@ -388,7 +409,9 @@ body { background-color: rgb(138, 37, 37); color:white; height: 300px; + /* height: fit-content; */ display: flex; + /* padding: 10px; */ justify-content: space-evenly; } @@ -405,6 +428,7 @@ ul a{ font-size: 0.85rem; margin-top: 10px; color: #dddddd; + text-decoration: none; } /* .foot-pannel3{ @@ -452,22 +476,24 @@ label { input, textarea { height:30px; - width: 120%; - padding: 2.5px; + width:max-content; + padding: 3px; box-sizing: border-box; - border-radius: 2px; + border-radius: 4px; + outline: none; + border: #212123 1px; } #butt{ background-color:rgb(66, 16, 16); color: white; - padding: 2px; + padding: 3px; border: 1px solid white ; - border-radius: 2px; + border-radius: 4px; cursor: pointer; } -#butt :hover { +#butt:hover { background-color:rgb(196, 89, 89); } @@ -475,3 +501,161 @@ textarea { font-size: 1.2rem; padding: 15px; } +.fb{ + color: #1877F2; + cursor: pointer; +} + +.instagram{ + color: #dd4c8d; + cursor: pointer; +} +.twitter{ + color: #1DA1F2; + cursor: pointer; +} + +#author{ + background-color:#871a7e ; + padding: 3px; + border-radius: 3px; +} + + + + +/* responsiveness */ + +@media screen and (max-width:1120px) { + #about { + /* margin: 34px; */ + flex-direction: column-reverse; + + } + + .service { + flex-direction: column; + padding: 5px; + /* box-sizing: fixed; */ + } + .service .box { + padding: 20px 20px; + /* border: 2px solid rgb(224, 224, 252); */ + text-align: center; + font-size: 1.3rem; + } + .service_container{ + height: fit-content; + /* height: 1000px; */ + } + .service .box_main h1 { + font-size: 3.5rem; + } + + .service_container:before { + + /* + height: 560px; + */ + /* height: 800px; */ + /* height: fit-content; */ + background-size: cover; + width: 100%; + /* background-repeat: no-repeat; */ + /* justify-items: center; */ + opacity: 0.4; + z-index: -1; + /* background-repeat: no-repeat; */ + } + + + .menu_items { + flex-direction: column; + align-items: center; + } +} + +@media screen and (max-width:780px) { + .app_download{ + padding: 40px 20px; + height:fit-content; + } + + +.foot-panel2{ + + height: fit-content; + display: grid; + grid-template-columns: repeat(2, minmax(20px, 1fr)); + + /* flex-direction: column; */ + grid-template-columns: 2; + padding: 30px; + +} + +.foot-panel2 ul{ + margin-top: 20px; +} + +input, textarea { + height: 30px; + width: 90%; + padding: 3px; + margin: 4px; + box-sizing: border-box; + border-radius: 2px; +} +#butt{ + padding: 3px; + margin: 4px; + width: 90%; +} + +} + +@media screen and (max-width:500px) { + .menu_items .items { + max-width: fit-content; + max-height: fit-content; + } + /* .menu_items .items { + max-width: fit-content; + max-height: fit-content; + + + } */ + + #about .box { + padding: 30px; + margin: 2px 10px; + margin-bottom: 25px; + /* float: left; */ + } + + /* border-radius: 28px; */ + /* background: #f2f2f2; */ + /* margin-bottom: 20px; */ + /* float: left; */ + + + .pages { + height: fit-content; + padding: 8px; + } + + .foot-panel2 { + padding: 20px; + } + +} + +@media screen and (max-width:440px) { + .intro_container{ + height: fit-content; + padding: 100px; + } + + + +} \ No newline at end of file