diff --git a/5.png b/5.png new file mode 100644 index 00000000..bdf27778 Binary files /dev/null and b/5.png differ diff --git a/about.html b/about.html new file mode 100644 index 00000000..afb19671 --- /dev/null +++ b/about.html @@ -0,0 +1,96 @@ + + + + + + + About Us | Refoodify Hub + + + + + + + + + + + + + +
+
+
+

About Us

+

+ Refoodify Hub is a pioneering food waste management system that transforms surplus food into life-enhancing nourishment. +
Our innovative platform enables food donations, ensuring nutritious meals reach those in need instead of ending up in landfills. +
Committed to reducing both waste and hunger, we redefine excess as an opportunity for a more sustainable future. +

+ Connect with us! + +
+ +
+
+
+
+ + +
+
+
+
+

Quick Links

+ +
+
+

Connect

+ +
+
+
+
+

+ Tel: 1800-00-000 | + Email: redistributionfood@gmail.com
+ Copyright © 2025 Refoodify Hub | All Rights Reserved.
+ Website developed by: RAKESH | PARTH BEHERA | ANIMESH YADAV | AAKRITI SINGH +

+
+
+ + \ No newline at end of file diff --git a/bg.jpg b/bg.jpg new file mode 100644 index 00000000..0a77a84f Binary files /dev/null and b/bg.jpg differ diff --git a/contact.html b/contact.html new file mode 100644 index 00000000..3a789bf3 --- /dev/null +++ b/contact.html @@ -0,0 +1,95 @@ + + + + + + + Contact Us + + + + + + + + + + + + +
+
+

Contact Us

+

We are here to assist you! Fill out the form below, and we'll respond within 2 business days.

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

Quick Links

+ +
+ +
+

Connect

+ +
+ +
+
+ +
+

+ Tel: 1800-00-000 | + Email: redistributionfood@gmail.com
+ Copyright © 2025 Refoodify Hub | All Rights Reserved.
+ Website developed by: RAKESH | PARTH BEHERA | ANIMESH YADAV | AAKRITI SINGH +

+
+
+ + + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..2c701a33 --- /dev/null +++ b/index.html @@ -0,0 +1,119 @@ + + + + + + + + + + + + FoodYard | Saving Food + + + + + + + + + + + + +
+
+

What is food waste management system?

+
+
+

+ Food waste management systems are designed to reduce the amount of food waste created by businesses and households.


+ + +
+ +

India's contribution to food waste is 68.8 million tonnes annually, per the UNEP's 2021 Food Waste Index Report.

+
+ Social Media Campaign +
+
+
+ + +
+
+

Newsletter

+

Subscribe to get updates on events,
volunteer opportunities, and other news.

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

Quick Links

+ +
+
+

Connect

+ +
+
+
+
+

+ Tel: 1800-00-000 | + Email: redistributionfood@gmail.com
+ Copyright © 2025 Refoodify Hub | All Rights Reserved.
+ Website developed by: RAKESH | PARTH BEHERA | ANIMESH YADAV | AAKRITI SINGH +

+
+
+ + + + diff --git a/logo.png b/logo.png new file mode 100644 index 00000000..6580a5fe Binary files /dev/null and b/logo.png differ diff --git a/register.html b/register.html new file mode 100644 index 00000000..0d22dfb9 --- /dev/null +++ b/register.html @@ -0,0 +1,196 @@ + + + + + + + Donate Food + + + + + + + + + + + +
+
+

Donate Food

+

It's not how much we give, but how much love we put into giving!


+
+ + + + +

Category

+ Veg             + Non-Veg             + Both +

Food Items

+ +

Quantity (in Kg)

+ +

Food Preparation Date and Time

+

+ +

+ I accept the Terms & Conditions. +
+ + + + +
+
+
+ + +
+
+
+
+

Quick Links

+ +
+
+

Connect

+ +
+
+
+
+

+ Tel: 1800-00-000 | + Email: redistributionfood@gmail.com
+ Copyright © 2025 Refoodify Hub | All Rights Reserved.
+ Website developed by: RAKESH | PARTH BEHERA | ANIMESH YADAV | AAKRITI SINGH +

+
+
+ + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 00000000..1191d17c --- /dev/null +++ b/script.js @@ -0,0 +1,9 @@ + +// Email Validation for Newsletter Form +document.querySelector('form').addEventListener('submit', (e) => { + const email = document.querySelector('input[name="emailid"]').value; + if (!/\S+@\S+\.\S+/.test(email)) { + e.preventDefault(); + alert('Please enter a valid email address.'); + } +}); diff --git a/style.css b/style.css new file mode 100644 index 00000000..892bb37b --- /dev/null +++ b/style.css @@ -0,0 +1,639 @@ +*{ + padding:0; + margin:0; + box-sizing:border-box; + font-family:'Poppins',sans-serif; + text-decoration: none; + list-style: none; + scroll-behavior: smooth; +} + +/* Home page */ + +.banner{ + width:100%; + height: 100vh; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; +} + +.banner img{ + position: absolute; + top: 0; + left: 0; + object-fit: cover; + width: 100%; + height: 100%; + pointer-events: none; +} + +.content{ + position: relative; + z-index: 1; + width: 100%; + height: 100vh; + background-image: linear-gradient(rgba(1, 0, 5, 0.6),rgba(4, 1, 17, 0.6)); + + + +} + +nav{ + width: 100%; + position: fixed; + backdrop-filter: blur(10px); + background-image: linear-gradient(rgba(34, 9, 133, 0.2),rgba(11, 8, 24, 0.3)); + box-shadow: 5px 5px 30px rgba(0, 0, 0, 15%); + display: flex; + align-items: center; + justify-content: space-around; +} + +nav .logo{ + width: 50px; + height: 50px; + margin-left: 8%; +} + +nav ul li{ + list-style: none; + display: inline-block; + margin-left: 40px; +} + +.navbar{ + display: flex; + margin-right: 4vh; + padding: 15px; +} + +.navbar a{ + color: white; + font-size: 18px; + padding: 10px 22px; + border-radius: 4px; + font-weight: 500; + text-decoration: none; + transition: ease 0.40s; +} + +.navbar a:hover,.navbar a.active{ + + color: black; + background: white; + box-shadow: 5px 10px 30px rgb(85 85 85 / 20%); + border-radius: 5px; + +} + +nav ul li a{ + text-decoration: none; + color: rgb(255, 255, 255); + font-size: 17px; +} + +.title{ + text-decoration: none; + /* display: inline-block; */ + font-size: 4vh; + color: rgb(255, 255, 255); + padding: 14px 17px; + margin-top: 32vh; + text-align: center; + vertical-align: center; +} + +.title h1{ + font-size: 10vh; + text-shadow: 2px black; + transition: ease 0.3s; +} + +.title h1:hover{ + color:transparent; + -webkit-text-stroke: 1px white; + +} + +.button{ + display: inline-block; + margin-top:5vh; + font-size: 25px; + padding: 10px 30px; + color: rgb(21, 74, 74); + /* background-color:rgb(164, 44, 44); */ + box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.4); + background-color: white; + border-radius: 20px; + text-decoration: none; + transition: ease 0.30s; +} + +.button:hover{ + transform: scale(1.1); + +} + + +.text h2{ + font-size: 40px; + font-weight: 650; + margin-top: 40px; + margin-bottom: 10px; + line-height: 2; + text-align: center; +} + + +.container-box ul li { + font-size: 20px; /* Adjust the font size as needed */ + line-height: 1.8; /* Optional: increase line height for better readability */ +} + +.rowitems{ + display: flex; + align-items: center; + text-align: center; + margin-top: 10px; + margin-left: 30px ; + margin-right: 30px; + margin-bottom:10px ; +} + +.container-box { + border-radius: 5px; + padding: 50px 10px; + transition: all 0.7s ease 0s; + background-color: #154A4A; /* Adds dark teal background */ + color: #ffffff; /* Ensures text is visible */ +} + + +.container-box h4{ + font-size: 20px; + margin-bottom: 5px; + font-weight: 500; +} +.container-box h4 span{ + color: #fc0050; + font-weight:600; +} +.container-box img{ + width: auto; + height: 400px; + padding: 20px; +} + + +.container-box:hover{ + transform: translateY(2px); + box-shadow: 5px 20px 50px rgba(78, 78, 78, 0.1); + border: 1px solid transparent; + border-radius: 0px; +} + + + +.fwm-title{ + text-align: center; +} + +.fwm-title h2{ + font-size: 40px; + font-weight: 650; + padding-top: 75px; + padding-bottom: 10px; + line-height: 2; +} + +.fwm-content{ + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.image{ + position: relative; + transition: all 0.3s cubic-bezier(0.445,0.05,0.55,0.95); + cursor: pointer; + filter: brightness(95%); +} + +.image img{ + width: 100%; + height: 500px; + border-radius: 30px; +} + +.image h3{ + color: white; + position: absolute; + font-size: 30px; + font-weight: 600; + text-align: center; + top: 10px; + right: 20px; +} + +.dest-content{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding-top: 15px; + margin-bottom: 50px; +} + +.location h4{ + font-size: 25px; + letter-spacing: 1px; + font-weight: 600; + margin-bottom: 2px; +} + +.pac-details li{ + font-size: 19px; + color: #4c4c4c; + margin-left: 15px; + margin-bottom: 2px; + list-style-type: disc; +} + +.image:hover{ + filter: brightness(120%); + transform: scale(1.03); +} + + + + + +/* Newsletter */ + +.newsletter{ + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-around; +} + +.newstext h2{ + margin-top: 100px; + font-size: 38px; +} + +.newstext p{ + font-size: 20px; + color: #4c4c4c; +} + +.newsletter form{ + margin-top: 100px; + width: 100%; + position: relative; +} + +.newsletter form input:first-child{ + display: inline-block; + /* width: 300px; */ + font-size: 17px; + outline: none; + border: none; + border-radius: 20px; + padding: 20px 150px 20px 30px; + box-shadow: 5px 10px 30px rgb(85 85 85 / 20%); +} + +.newsletter form input:last-child{ + display: inline-block; + position: absolute; + outline: none; + border: 2px solid transparent; + border-radius: 20px; + color: white; + background-color: rgb(21, 74, 74); + padding: 14px 30px; + cursor: pointer; + font-size: 17px; + font-weight: 450; + top: 6px; + right: 6px; + transition: ease 0.30s; +} + +.newsletter form input:last-child:hover{ + border: 2px solid rgb(21, 74, 74); + background-color: white; + color: rgb(21, 74, 74); +} + + +/* Footer */ + +.footer{ + margin-top: 80px; + background-color: rgb(21, 74, 74); +} + +.foot{ + padding: 20px 0; +} + +.footer-content{ + display: flex; + flex-wrap: wrap; + justify-content: space-around; + +} + +.footlinks h4{ + margin-top: 30px; + font-size: 20px; + font-weight: 600; + color: white; + margin-bottom: 30px; + position: relative; +} + + +.footlinks h4::before{ + content: ""; + position: absolute; + height: 2px; + width: 70px; + left: 0; + bottom: -7px; + background: white; +} + +.footlinks ul li{ + margin-bottom: 15px; +} + +.footlinks ul li a{ + font-size: 17px; + color: #dddddd; + display: block; + transition: ease 0.30s; +} + +.footlinks ul li a:hover{ + transform: translate(6px); + color: white; +} + +.social a{ + font-size: 25px; + margin: 4px; + height: 40px; + width: 40px; + color: rgb(21, 74, 74); + background-color: white; + display: inline-flex; + justify-content: center; + align-items: center; + border-radius: 20px; + transition: ease 0.30s; +} + +.social a:hover{ + transform: scale(1.2); +} + +.end{ + text-align: center; + padding-top: 60px; + padding-bottom: 12px; +} + +.end p{ + font-size: 15px; + color: white; + letter-spacing: 1px; + font-weight: 300; +} + +/* About Us */ + +.aboutbody{ + background-color: #191919; +} + +.about{ + width: 100%; + padding: 78px 0px; +} + +.about img{ + height: auto; + width: 400px; +} + +.abt-text{ + width: 1000px; +} + +.abt-text h1{ + font-size: 70px; + color: white; + margin-bottom: 20px; + letter-spacing: 1px; +} + +.abt-text h1 span{ + color: #fc0050; + letter-spacing: 1px; +} + +.abt-text p{ + color: white; + font-size: 24px; + margin-bottom: 45px; + line-height: 30px; + letter-spacing: 1px; +} + +.main{ + width: 1130px; + max-width: 95%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: space-around; +} + +.connectbtn{ + display: inline-block; + background-color: #fc0050; + font-size: 18px; + color: white; + font-weight: bold; + padding: 13px 30px; + border-radius: 30px; + transition: ease 0.4s; + border: 2px solid transparent; + letter-spacing: 1px; +} + +.connectbtn:hover{ + background-color: transparent; + border: 2px solid #fc0050; + transform: scale(1.1); +} + +.connect-section{ + margin-top: 26px; +} + + +.social-icons a{ + height: 40px; + width: 40px; + margin: 4px; + font-size: 30px; + color: #101010; + background-color: white; + border-radius: 20px; + display: inline-flex; + justify-content: center; + align-items: center; + transition: ease 0.30s; +} + +.social-icons a:hover{ + transform: scale(1.2); +} + +/* Contact Us */ + +.contactbody{ + background-color: #101010; + background-repeat: no-repeat; + background-size: cover; + +} + +.contact{ + padding: 110px 30%; + height: 100%; + min-height: 100vh; +} + +.contact-form h1{ + font-size: 80px; + color: white; + margin-bottom: 20px; +} + +.contact-form h1 span{ + color:#fc0050; +} + +.contact-form p{ + color: white; + line-height: 30px; + letter-spacing: 1px; + font-size: 23px; + margin-bottom: 20px; +} + + +.contact-form form input,form textarea{ + width: 100%; + padding: 17px; + border: none; + outline: none; + background-color: #191919; + font-size: 20px; + color: white; + margin-bottom: 10px; + border-radius: 10px; +} + +.contact-form form .submit-btn{ + display: inline-block; + background-color: #fc0050; + font-size: 27px; + font-weight: 600px; + border: 2px solid transparent; + border-radius: 40px; + width: 220px; + cursor: pointer; + transition: ease 0.30s; + +} + +.contact-form form .submit-btn:hover{ + border: 2px solid #fc0050; + background-color: transparent; + transform: scale(1.1); + +} + +/* Donation Register Form */ + +.register-body{ + background-color: #101010; + background-repeat: no-repeat; + background-size: cover; + +} + +.registration{ + padding: 110px 30%; + height: 100%; + min-height: 100vh; +} + +.register-form h1{ + font-size: 80px; + color: white; + margin-bottom: 20px; +} +.register-form h1 span{ + color: #fc0050; +} + +.register-form{ + color: white; + font-size: 20px; +} + +.register-form form input{ + color: white; + padding: 17px; + background-color: #191919; + font-size: 20px; + outline: none; + border: none; + border-radius: 10px; + margin-bottom: 20px; + +} +.register-form h4{ + font-size: 22px; + font-weight: 500; + margin-top: 20px; + color: #fc0050; +} + + +.register-form form .submitbtn{ + display: inline-block; + background-color: #fc0050; + font-size: 27px; + font-weight: 600px; + border: 2px solid transparent; + border-radius: 60px; + width: 220px; + cursor: pointer; + transition: ease 0.30s; +} + +.register-form form .submitbtn:hover{ + border: 2px solid #fc0050; + background-color: transparent; + transform: scale(1.1); +} \ No newline at end of file