Skip to content

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

Updated indexFridgeList.html (no more grid, just rows)

parent 74c30c3b
Hide whitespace changes
Inline Side-by-side
Showing with 130 additions and 4 deletions
HTML and CSS Files/indexFridgeList.html
View file @ b2432564
...@@ -11,25 +11,151 @@ ...@@ -11,25 +11,151 @@
<div class = "lowerPage"> <div class = "lowerPage">
<div class = "sidebar"> <div class = "sidebar">
<div class = "sideItem fridge"> <div class = "sideItem fridge">
<div class = "sideItem sideText"> FRIDGE </div> <div class = " sideText"> FRIDGE </div>
</div> </div>
<img id= "fridgeIcon" src= "" alt= "a flat icon of a refrigerator";> <img id= "fridgeIcon" src= "" alt= "a flat icon of a refrigerator";>
<div class = "sideItem recipes"> <div class = "sideItem recipes">
<div class = "sideItem sideText"> RECIPES </div> <div class = "sideText"> RECIPES </div>
</div> </div>
<img id= "recipesIcon" src= "" alt= "a flat icon of a cook book";> <img id= "recipesIcon" src= "" alt= "a flat icon of a cook book";>
<div class = "sideItem stats"> <div class = "sideItem stats">
<div class = "sideItem sideText"> STATS </div> <div class = "sideText"> STATS </div>
</div> </div>
<img id= "statsIcon" src= "" alt= "a flat icon of a graph";> <img id= "statsIcon" src= "" alt= "a flat icon of a graph";>
<div class = "sideItem toBuy"> <div class = "sideItem toBuy">
<div class = "sideItem sideText"> TO BUY </div> <div class = "sideText"> TO BUY </div>
</div> </div>
<img id= "toBuyIcon" src= "" alt= "a flat icon of a shopping cart";> <img id= "toBuyIcon" src= "" alt= "a flat icon of a shopping cart";>
</div> </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"> LIST VIEW </div>
</div>
</div>
</div>
<div class = "listView">
<div class = "listItem one">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<!-- <div class = "listItem two">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem three">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem four">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem five">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem six">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem seven">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem eight">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem nine">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem ten">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem eleven">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
<div class = "listItem twelve">
<img id= "listIcon" src= "" alt= "a flat icon the product";>
<div class = "listText">
<div class = "daysLeft"> DAYS LEFT </div>
<div class = "product"> Product </div>
<div class = "category"> Category </div>
</div>
</div>
</div> -->
</div> </div>
</body> </body>
</html> </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