Skip to content

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

Upload Fridge Detailed View HTML

parent 4aee5438
Hide whitespace changes
Inline Side-by-side
Showing with 74 additions and 0 deletions
HTML and CSS Files/indexFridgeDetailed.html 0 → 100644
View file @ 73cfe4d1
<html>
<head>
<link rel = "stylesheet" href = "mainFridgeDetailed.css" media ="all"/>
</head>
<body>
<div class = "detailedViewHeader">
<div class = "breadcrumbsHead">
BREADCRUMBS
</div>
</div>
<div class = "lowerPage">
<div class = "sidebar">
<div class = "sideItem fridge">
<a href = "indexFridgeList.html">
<div class = " sideText"> FRIDGE </div>
</a>
</div>
<img id= "fridgeIcon" src= "" alt= "a flat icon of a refrigerator";>
<div class = "sideItem stats">
<a href = "">
<div class = "sideText"> STATS </div>
</a>
</div>
<img id= "statsIcon" src= "" alt= "a flat icon of a graph";>
<div class = "sideItem toBuy">
<a href = "indexToBuy.html">
<div class = "sideText"> TO BUY </div>
</a>
</div>
<img id= "toBuyIcon" src= "" alt= "a flat icon of a shopping cart";>
</div>
<div class = "pageSubhead">
<div class = "subheader"> Fridge </div>
<div class = "addItem">
<div class = "addItemButton">
<div class = "addItemText"> ADD ITEM + </div>
</div>
</div>
<div class = "changeView">
<div class = "changeViewDropdown">
<div class = "changeViewText"> DETAILED VIEW </div>
</div>
</div>
<div class = "detailedView">
<div class = "productHeader"> PRODUCT </div>
<div class = "header name"> Name </div>
<div class = "header description"> Description </div>
<div class = "header quantity"> Quantity </div>
<div class = "header expiration"> Expiration Date </div>
<div class = "header purchase"> Purchase Date </div>
<div class = "header status"> Status </div>
<div class = "item name"> item name </div>
<div class = "item description"> desc </div>
<div class = "item quantity"> quantity </div>
<div class = "item expiration"> exp date </div>
<div class = "item purchase"> purchase </div>
<div class = "item status"> status </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