Skip to content

H
Hunger Buster - Breadcrumbs
Commit 9f4c734e authored by Andrea Tsai's avatar Andrea Tsai
Browse files
Options

Upload Home Page HTML

parent 12606681
Hide whitespace changes
Inline Side-by-side
Showing with 82 additions and 0 deletions
HTML and CSS Files/indexHome.html 0 → 100644
View file @ 9f4c734e
<html>
<head>
<link rel = "stylesheet" href = "mainHome.css" media ="all"/>
</head>
<body>
<div class = "homeHeader">
<a href= "indexHome.html">
<div class = "breadcrumbsHead">
BREADCRUMBS
</div>
</a>
<div class = "sideHeader">
<a href= "indexLogIn.html">
<div class = "loginText">Log In</div>
</a>
<a href= "indexSignUp.html">
<div class = "signUpButton">
<div class = "signUpText">Sign Up for Free!</div>
</div>
</a>
</div>
</div>
<div class = "lowerPage">
<div class = "frontBar">
<div class = "frontHeader"> Stop the spoilers </div>
<div class = "frontDescription">
Spoiled food can ruin more than just the mood.
We help you easily keep track of your food inventory,
make meal plans, and budget money all in one place.
</div>
<div class = "frontButton">
<a href = "indexSignUp.html">
<div class = "frontText"> Sign Up for Free!</div>
</a>
</div>
</div>
<div class = "middleBar">
<div class = "sellingPoint one">
<img id= "middleIcon" src= "" alt= "a checkmark";>
<div class = "middleText"> Join over 200,000 users </div>
</div>
<div class = "sellingPoint two">
<img id= "middleIcon" src= "" alt= "an image of a checkmark";>
<div class = "middleText"> 24/7 Customer Support </div>
</div>
<div class = "sellingPoint three">
<img id= "middleIcon" src= "" alt= "a checkmark";>
<div class = "middleText"> Budget-friendly, totally free</div>
</div>
</div>
<div class = "featuresBar">
<div class = "feature fridge">
<img id= "fridgeIcon" src= "" alt= "an image of a checklist";>
<div class = "featureText">
Keep a digital list of all the food you have and easily update it
</div>
</div>
<div class = "feature alerts">
<img id= "alertsIcon" src= "" alt= "an image of a bell";>
<div class = "featureText">
Get notified when food supply runs low or is close to expiring
</div>
</div>
<div class = "feature budget">
<img id= "budgetIcon" src= "" alt= "an image of a calculator and money";>
<div class = "featureText">
Keep track of you expenses and waste even less
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment