Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Piyushsahu99
Piyushsahu99 authored Feb 23, 2024
0 parents commit 6fbae88
Show file tree
Hide file tree
Showing 36 changed files with 874 additions and 0 deletions.
Binary file added Sprouts.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
268 changes: 268 additions & 0 deletions Thali project.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,268 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"href="Thali.css">
<meta charset="utf-8">
<title>Thali</title>
</head>
<body >
<div class="logo">
<img src="logo.png" width=275px height=275px ></div>
<div style="background-color:#FFCEB1;; padding: 25px; text-align: center;">
<br>
<h1 style="color:#EB3E1D;text-align:center;font-size:200;"> Welcome To Thali</h1>
<h3 style="color:#EB3E1D;text-align:center;font-size:50;"><u>Way to get rid of food wastage</u></h3>

<div class="corner-buttons";style="background-color:#EB3E1D ; color:black ; padding: 2px; text-align: center;">
<a href="sevices.html">
<br>


<button style=" margin: 8px 12px;
background-attachment: scroll;
color: black;
background-color: white;
padding: 4px 30px;
border: 12px;
border-radius: 18px;
<b>
font-size: 10px;">Our Services</button></a>

<br>
<div class="corner-buttons";style="background-color:black; color:white; padding: 2px; text-align: center;">
<a href="schedule.html">

<button style=" margin: 8px 12px;
color: black;
background-color: white;
padding: 4px 30px;
border: 12px;
border-radius: 18px;
<b>
font-size: 10px;">Daily Schedule</button></a>
<br>

<a href="login.html">
<button style=" margin: 8px 12px;
color: black;
background-color: white;
padding: 4px 30px;
border: 12px;
border-radius: 18px;
<b>
font-size: 10px;">Login </button></a><br>

</div>
<div style="background-color:white;color:transparent padding-right: 15px; text-align: center;">
<br>
<p>At Thali, our mission is to combat food wastage in our society and make a <br>positive impact on the lives of those in need.
With an alarming <br>number of 600 people per day in India dying due to hunger,<br>we have taken it upon ourselves to find a solution.<br>
Our platform not only helps manage food wastage but also provides affordable,<br>
home-cooked meals for college students and busy professionals <br>who struggle with accessing nutritious meals.</p>
<hr><hr>
<h1>Why to choose Thali ?</h1>
<br>
<u>
<h2>1. Affordable and Convenient Daily Diet Options</h2></u>

<p>We understand the challenges faced by students and professionals who are away from home.<br>
Our menu offers specially curated, homemade meals that cater to your dietary needs, starting from just Rs. 50.<br>
Say goodbye to expensive restaurant bills and unhealthy fast food options<br>
Thali ensures you receive wholesome meals at affordable prices, conveniently delivered right to your doorstep.</p>
<u>
<h2>2. A Platform for Meal Management and Attendance</h2></u>

<p>Thali goes beyond just providing meals.
We offer you a comprehensive platform to manage your daily attendance and keep track of your<br> meals effortlessly.
Our user-friendly interface allows you to plan your schedule, select your meals, and maintain a healthy routine seamlessly.<br>
With Thali, you can take charge of your nutrition without any hassle.</p>
<u>
<h2>3. Contributing to a Worthy Cause</h2>
</u>
<p>By choosing Thali, you become part of a larger movement to alleviate hunger and reduce food wastage.
We collaborate with charities and NGOs<br> to collect surplus food that would otherwise go to waste.
Through our network,<br> we distribute this food to underprivileged and needy individuals,ensuring that nothing edible is thrown away.<br>
Together, we can make a significant difference in the lives of those less fortunate.</p>
<br>
<hr>
<link rel="stylesheet" href="style.css">

<div style="background-color: #FFCEB1; color: white; padding: 15px; text-align: center;">
<h3 style="color:#EB3E1D;text-align:center;font-size:50px;" > OUR MENU </h3>
</div>



<h2 style="text-align:center;font-size:30px"> Choose your meal here - </h2>
<br>

<div style="text-align:center">
<h2 style="text-align:center"> Breakfast</h2>
<br>
<img src ="thali04.png" width =300px>
<br>
<br>
<button>
<div class="breakfast" style="color:black">
<a href="breakfast.html"> Explore Now</a>
<br>
</button>
<hr>
</div>
<br>

<div style="text-align:center">
<h2 style="text-align:center">Lunch</h2>
<br>
<img src="thali03.png" width=350px ; >
<br>
<br>
<button>
<div class="Lunch" style="color:black">
<a href="lunch.html">Explore Now</a>
</button>
<hr> </div>
<div style="text-align:center">
<h2 style="text-align:center">Dinner</h2>
<br>
<button>
<div class="dinner" style="color:black">
<a href="dinner.html"> Explore Now</a>

</button>
<img src="thali05.png" width=250px ; >
<br>
<hr> </div>

<br>

<hr>
<h2 style="font-size:40px;text-align:center"> Here is your daily Attendance </h2>
<br>
<b>
<h3 style="font-size:33px;text-align:center">Mark Your Diet :</h3>
<br>
<br>
<label style="font-size:30px"> Choose the date <u> <br><Input type="date"/>
<br>
<br>
<div class="Attendence">
<ol>
<img src ="thali02.png" width =100px>
<label style="font-size:30px">Breakfast<Input type="radio">
<br>
<br>
<img src="thali04.png" width=100px ; >
<label style="font-size:30px">Lunch<Input type="radio">
<br>
<br>
<img src="thali03.png"; width=100px; >
<label style="font-size:30px">Dinner<Input type="radio"></ol>
</div>

<div class="checkout-container">
<section class="checkout">


<form id="checkout-form">


<button type="button" onclick="placeOrder()">Submit</button>
</form>
</section>

<section class="thank-you" style="display: none;">
<h2>Thank You !</h2>
<p>Your attendence uploaded successfully.</p>
</section>
</div>
</main>

<script src="Thali.js"></script>
<script src="checks.js"></script>

<br>
<br>
<div style="background-color: #FFCEB1; color: #EB3E1D; padding: 15px; text-align: center;">
<footer>
<p style="font-size:10px;text-align:center">&copy; Thali 2024 made by @ PIYUSH SAHU</p>
</footer>
<br>
<script src="Thali.js"></script>
</div>
</div

</style>





<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Google+Sans+Text:500&amp;lang=en">
<script>
"use strict";

const CONFIGURATION = {
"ctaTitle": "Checkout",
"mapOptions": {
"center": { "lat": 37.4221, "lng": -122.0841 },
"fullscreenControl": true,
"mapTypeControl": false,
"streetViewControl": true,
"zoom": 11,
"zoomControl": true,
"maxZoom": 22,
"mapId": ""
},
"mapsApiKey": "YOUR_API_KEY_HERE",
"capabilities": {
"addressAutocompleteControl": true,
"mapDisplayControl": true,
"ctaControl": true
}
};

const SHORT_NAME_ADDRESS_COMPONENT_TYPES =
new Set(['street_number', 'administrative_area_level_1', 'postal_code']);

const ADDRESS_COMPONENT_TYPES_IN_FORM = ['location'];

function initMap() {
// Initialize map
const map = new google.maps.Map(document.getElementById('map'), CONFIGURATION.mapOptions);

// Other map-related code
}
</script>
</head>
<body>
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&callback=initMap&libraries=places&v=weekly&solution_channel=GMP_CCS_placedetails_v1" defer></script>

<div class="card-container">
<div class="panel">
<div>
<img class="sb-title-icon" src="https://fonts.gstatic.com/s/i/googlematerialicons/location_pin/v5/24px.svg" alt="">
<span class="sb-title">Address Selection</span>
</div>
<input type="text" placeholder="Address" id="location-input"/>
<input type="text" placeholder="Apt, Suite, etc (optional)"/>
<input type="text" placeholder="City" id="locality-input"/>
<div class="half-input-container">
<input type="text" class="half-input" placeholder="State/Province" id="administrative_area_level_1-input"/>
<input type="text" class="half-input" placeholder="Zip/Postal code" id="postal_code-input"/>
</div>
<input type="text" placeholder="Country" id="country-input"/>
<button class="button-cta"><a href="checkout.html">Checkout</a></button>
</div>
<div class="map" id="gmp-map"></div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY_HERE&libraries=places,marker&callback=initMap&solution_channel=GMP_QB_addressselection_v2_cABC" async defer></script>
</body>
</html>


125 changes: 125 additions & 0 deletions Thali.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
.logo
{
position: absolute;
margin-top: -40px;
}

body {
font-family: 'Open Sans';
background-color: white;
background-size: cover;
background-position: center;
margin: 0;
padding: 20px;
}

img {
border-radius: 5px;
text-align: center;
}

.services-button {
background-color: #4CAF50;
color: white;
padding: 40px 80px;
border: none;
border-radius: 50px;
text-align: center;
cursor: pointer;
}
.center{
display:flex;
justify-content:center;

.text {
font-size:100px;
font-family: 'Playfair Display', serif;
color: #333;
margin-bottom: 30px;
}

p {
line-height: 1.6;
font-size: 16px;
margin-bottom: 20px;
}

hr {
border: 0;
border-top: 1px solid #ccc;
margin: 20px 0;
}

ul {
list-style: none;
padding: 0;
margin-bottom: 20px;
}

li {
display: flex;
align-items: center;
margin-bottom: 10px;
}

input[type="checkbox"],
input[type="radio"] {
margin-right: 10px;
}

input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}

.login{
"text-align:centre;"
}

.services {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;
}

.services h3
{
text-align: center;
}
.service img {
width: 30%;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
}

.header imgsec
{
text-align: center;
}

@media (max-width: 768px) {
body {
padding: 10px;
}

h1, h2, h3 {
font-size: 80%;
text-align:center;
}

ul {
text-align: center;
}
}
@media (max-width: 768px) {

}
}
Binary file added break.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 6fbae88

Please sign in to comment.