Skip to content

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

Updated fridge list view 

Fixed the sidebar
Note: there is no working dropdown menu for switching views yet
parent acbe068d
Hide whitespace changes
Inline Side-by-side
Showing with 113 additions and 1 deletion
HTML and CSS Files/indexFridgeList.html
View file @ 632375ab
...@@ -33,10 +33,122 @@ ...@@ -33,10 +33,122 @@
<div class = "pageSubhead"> <div class = "pageSubhead">
<div class = "subheader"> Fridge </div> <div class = "subheader"> Fridge </div>
<div class = "addItem"> ADD ITEM </div> <div class = "addItem">
<div class = "addItemButton">
<div class = "addItemText"> ADD ITEM + </div>
</div>
</div>
<div class = "changeView"> LIST VIEW </div> <div class = "changeView"> LIST VIEW </div>
</div> </div>
<div class = "listView"> <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>
......
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