Skip to content

Master1 #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shabanah67 wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Master1 #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
abd879c
Intial Web-Look-Feel
Surbhisharma08 Mar 11, 2022
5866a0f
footer changes
Surbhisharma08 Mar 11, 2022
dc3db11
AboutUs and Charts
Surbhisharma08 Mar 13, 2022
d776c48
Updated
shabanah67 Mar 13, 2022
f69a021
Created webpage 1. Food and 2. Component
shabanah67 Mar 13, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,016 changes: 1,016 additions & 0 deletions .vs/Assignment_LookAndFeel/config/applicationhost.config
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added .vs/Assignment_LookAndFeel/v16/.suo
View file
Open in desktop
Binary file not shown.
Binary file added .vs/Assignment_LookAndFeel/v17/.suo
View file
Open in desktop
Binary file not shown.
1,016 changes: 1,016 additions & 0 deletions .vs/Assignment_LookAndFeelnew/config/applicationhost.config
View file
Open in desktop

Large diffs are not rendered by default.

11 changes: 11 additions & 0 deletions .vs/Assignment_LookAndFeelnew/project-colors.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"Version": 1,
"ProjectMap": {
"a2fe74e1-b743-11d0-ae1a-00a0c90fffc3": {
"ProjectGuid": "a2fe74e1-b743-11d0-ae1a-00a0c90fffc3",
"DisplayName": "Miscellaneous Files",
"ColorIndex": -1
}
},
"NextColorIndex": 0
}
Binary file added .vs/Assignment_LookAndFeelnew/v17/.suo
View file
Open in desktop
Binary file not shown.
8 changes: 8 additions & 0 deletions .vs/VSWorkspaceState.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"ExpandedNodes": [
"",
"\\css"
],
"SelectedNode": "\\food.html",
"PreviewInSolutionExplorer": false
}
Binary file added .vs/slnx.sqlite
View file
Open in desktop
Binary file not shown.
202 changes: 202 additions & 0 deletions AboutUs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, intial-scale=1.0" />
<title>Know Your Food</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="https://kit.fontawesome.com/714e7707f1.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.js"></script>
</head>
<body>
<nav class="navbar">
<div class="navbar_Container">
<a href="/" id="navbar_logo"><i class="fa-solid fa-burger"></i> Know Your Food</a>
<div class="navbar_toggle" id="mobile_menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar_menu">
<li class="navbar_item">
<a href="index.html" class="navbar_links">
Home
</a>
</li>
<li class="navbar_item">
<a href="food.html" class="navbar_links">
Food
</a>
</li>
<li class="navbar_item">
<a href="/" class="navbar_links">
Recipies
</a>
</li>
<li class="navbar_item">
<a href="Component.html" class="navbar_links">
Components
</a>
</li>
<li class="navbar_item">
<a href="AboutUs.html" class="navbar_links">
About Us
</a>
</li>
</ul>
</div>
</nav>
<div class="main">
<div class="AboutUs">

<div class="row" style="color:white;">
<h3 style="text-align: center; padding: 2rem; ">Know your Food provides nutrition data to empower you to create a better diet based on food components and ingredients. You can even look for calorie count and get the nutritional data based on recipies .The data is sourced from the <a href="https://fdc.nal.usda.gov/api-guide.html" Target="_blank">USDA Food Data Central.</a></h3>
<div class="column">
<img class="AboutImage" src="img/surbhi.jpg" alt="no image" />
<h3>Surbhi Sharma</h3>
<p>Surbhi is a USF's Business Analytics and Information Systems graduate program student. She has worked for over four years as a Software Engineer. Her contributions include designing(Home AboutUs, Footer, and Navigation), making the website responsive, creating the data model and chart.</p>
<p style="text-align:initial;"><a href="https://github.com/Surbhisharma08/Assignment_LookAndFeel" Target="_blank">Git</a></p>
</div>
<div class="column">
<img class="AboutImage" src="" alt="no image" />
<h3>Shabana Ajamal</h3>
<p>Surbhi is a student at USF's Business Analytics and Information Systems graduate program. She has worked for over four years as a Software Engineer. Her contributions include designing(Home AboutUs, Footer, and Navigation), making the website responsive, and creating the data model.</p>
</div>
<div class="column">
<img class="AboutImage" src="" alt="no image" />
<h3>Sowmya Nanduri</h3>
<p>Surbhi is a student at USF's Business Analytics and Information Systems graduate program. She has worked for over four years as a Software Engineer. Her contributions include designing(Home AboutUs, Footer, and Navigation), making the website responsive, and creating the data model.</p>
</div>
</div>
<div class="row">
<div class="column">
<h1 style="color:white;"> Nutrition Chart</h1>

<p style="max-width: 600px; margin: auto;">
<canvas id="barchart" width="800" height="600"></canvas>
</p>
<script>
new Chart(document.getElementById("barchart"), {
type: 'pie',
data: {
labels: ["Milk", "Meat", "Banana", "Donut", "Sugar"],
datasets: [
{
label: "Calories",
backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#e8c3b9", "#c45850"],
data: [160, 267, 80, 784, 433]
},
{
label: ["calcium", "protein", "potassium", "Carbs", "Carbs"],
backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#e8c3b9", "#c45850"],
data: [160, 267, 80, 784, 433]
}
]
},
options: {
legend: { display: false },
title: {
display: true,
text: 'Nutrition Facts'
},
scales: {
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Calories'
}
}]
}
}
});
</script>
</div>
<div class="column"></div>


</div>
<!--<div class="main_img_Container">-->
<!--<img src="img/HomeImage.jpg" alt="no image" id="main_img" />-->
<!--<div class="main_Content">
<h1>Know Your Food</h1>
<h2>Based on food items</h2>
<p>See what makes us diffrent</p>
<button class="main_btn">Get Started</button>
</div>-->
<!--</div>-->

</div>
</div>

<!--footer section-->
<div class="footer_Container">
<div class="footer_link">
<div class="footer_link_wrapper">
<div class="footer_link_items">
<h2>About Us</h2>
<a href="">How It Works</a>
<a href="">Testimonials</a>
<a href="">Carrers</a>
<a href="">Terms of Service</a>
</div>
<div class="footer_link_items">
<h2>Contact Us</h2>
<a href="">Contact</a>
<a href="">Destination</a>
<a href="">Sponsorships</a>
<a href="">Support</a>

</div>
</div>
<div class="footer_link_wrapper">
<div class="footer_link_items">
<h2>Videos</h2>
<a href="">Submit Videos</a>
<a href="">Agency</a>
<a href="">Influencer</a>
<a href="">Ambassador</a>

</div>
<div class="footer_link_items">
<h2>Social Media</h2>
<a href="">Facebook</a>
<a href="">Instagram</a>
<a href="">Youtube</a>
<a href="">Twitter</a>
</div>
</div>
</div>

<div class="social_media">
<div class="social_media_wrap">
<div class="footer_logo">
<a href="" id="footer_logo"><i class="fa-solid fa-burger"></i>Know Your Food</a>

</div>
<p class="website_right">@Know Your Food 2022. All Right Reserved</p>
<div class="social_icons">
<a href="" class="social_icon_link" target="_blank">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="" class="social_icon_link" target="_blank">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="" class="social_icon_link" target="_blank">
<i class="fa-brands fa-twitter"></i>
</a>
<a href="" class="social_icon_link" target="_blank">
<i class="fa-brands fa-linkedin"></i>
</a>
<a href="" class="social_icon_link" target="_blank">
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</div>
</div>
</div>

<script src="js/main.js"></script>
</body>
</html>
121 changes: 121 additions & 0 deletions Component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, intial-scale=1.0" />
<title>Know Your Food</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="https://kit.fontawesome.com/714e7707f1.js" crossorigin="anonymous"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar">
<div class="navbar_Container">
<a href="index.html" id="navbar_logo"><i class="fa-solid fa-burger"></i> Know Your Food</a>
<div class="navbar_toggle" id="mobile_menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<ul class="navbar_menu">
<li class="navbar_item">
<a href="index.html" class="navbar_links">
Home
</a>
</li>
<li class="navbar_item">
<a href="food.html" class="navbar_links">
Food
</a>
</li>
<li class="navbar_item">
<a href="/" class="navbar_links">
Recipies
</a>
</li>
<li class="navbar_item">
<a href="Component.html" class="navbar_links">
Components
</a>
</li>
<li class="navbar_item">
<a href="AboutUs.html" class="navbar_links">
About Us
</a>
</li>
</ul>
</div>
</nav>


<div class="main">
<div class="main_container">

<div class="main_img_Container">

<div class="main_Content">
<h1>Nutrition Value by Component</h1>
</div>
<table class="center">
<tr>
<th></th>
<th>Milk</th>
<th>Egg</th>
<th>Spinach</th>
<th>Broccoli</th>
<th>Apple</th>
<th>Mashroom</th>
<th>Tomato</th>
</tr>
<tr>
<th>Proteins</th>
<td>7.8</td>
<td>6.3</td>
<td>0.6</td>
<td>2.6</td>
<td>0.4</td>
<td>3</td>
<td>1.6</td>
</tr>
<tr>
<th>Carbs</th>
<td>10.7</td>
<td>0.6</td>
<td>0.9</td>
<td>6</td>
<td>24.2</td>
<td>3.1</td>
<td>6.5</td>
</tr>
<tr>
<th>Fat</th>
<td>10</td>
<td>5.3</td>
<td>0.2</td>
<td>0.3</td>
<td>0.9</td>
<td>0.3</td>
<td>0.4</td>
</tr>
<tr>
<th>Fiber</th>
<td>0</td>
<td>0</td>
<td>0.8</td>
<td>2.4</td>
<td>5.8</td>
<td>1</td>
<td>3</td>
</tr>

</table>

</div>

</div>
</div>

<script src="js/main.js"></script>
</body>
</html>
Loading