Skip to content

Commit

Permalink
portfolio
Browse files Browse the repository at this point in the history
  • Loading branch information
@Piyushsahu99
Piyushsahu99 committed Apr 22, 2024
1 parent 72ecc91 commit b8993b5
Show file tree
Hide file tree
Showing 4 changed files with 246 additions and 288 deletions.
15 changes: 15 additions & 0 deletions .vscode/launch.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}
362 changes: 110 additions & 252 deletions Thali project.html
View file
Original file line number Diff line number Diff line change
@@ -1,268 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet"href="Thali.css">
<link rel="stylesheet" href="Thali.css">
<meta charset="utf-8">
<title>Thali</title>
</head>
<body >
<body>
<div class="container">
<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:200px;"> Welcome To Thali</h1>
<h3 style="color:#EB3E1D;text-align:center;font-size:50px;"><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="services.html">
<button style="margin: 8px 12px; color: black; background-color: white; padding: 4px 30px; border: 12px; border-radius: 18px; font-size: 10px;">Our Services</button>
</a>
</div>
<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; 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; 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 positive impact on the lives of those in need.
With an alarming number of 600 people per day in India dying due to hunger, we have taken it upon ourselves to find a solution.
Our platform not only helps manage food wastage but also provides affordable, home-cooked meals for college students and busy professionals who struggle with accessing nutritious meals.</p>
<hr><hr>
<h1>Why 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.
Our menu offers specially curated, homemade meals that cater to your dietary needs, starting from just Rs. 50.
Say goodbye to expensive restaurant bills and unhealthy fast food options.
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 meals effortlessly.
Our user-friendly interface allows you to plan your schedule, select your meals, and maintain a healthy routine seamlessly.
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 to collect surplus food that would otherwise go to waste.
Through our network, we distribute this food to underprivileged and needy individuals, ensuring that nothing edible is thrown away.
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">
<button style="background-attachment: scroll;
color: black;
background-color: white;
padding: 4px 30px;
border: 12px;
border-radius: 18px;
font-size: 10px;">Our Services</button>
</div>
<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;
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;
font-size: 10px;">Login</button></a>
</div>
</div>
<div class="logo">
<img src="logo.png" width=275px height=275px ></div>
<div style="background-color:#FFCEB1;; padding: 25px; text-align: center;">
<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>
<h1 style="color:#EB3E1D;text-align:center;font-size:200px;"> Welcome To Thali</h1>
<h3 style="color:#EB3E1D;text-align:center;font-size:50px;"><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>

<div class="corner-buttons" style="background-color:#EB3E1D; color:black; padding: 2px; text-align: center;">
<a href="services.html">
<button style="margin: 8px 12px; color: black; background-color: white; padding: 4px 30px; border: 12px; border-radius: 18px; font-size: 10px;">Our Services</button>
</a>
</div>
<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>

<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; 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>
<button style="margin: 8px 12px; color: black; background-color: white; padding: 4px 30px; border: 12px; border-radius: 18px; font-size: 10px;">Login</button>
</a>
<br>
</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>


Loading

0 comments on commit b8993b5

Please sign in to comment.