Skip to content

H
Hunger Buster - Breadcrumbs
Commit 8e5ba33d authored by Joaquin's avatar Joaquin
Browse files
Options

Calendar View HTLM

parent e4fc58d5
Show whitespace changes
Inline Side-by-side
Showing with 236 additions and 0 deletions
HTML and CSS Files/calendarFridge.html 0 → 100644
View file @ 8e5ba33d
<html>
<head>
<link rel="stylesheet" href="calendarFridge.css" media="all" />
</head>
<body>
<div class="listViewHeader">
<div class="breadcrumbsHead">
BREADCRUMBS
</div>
</div>
<div class="lowerPage">
<div class="sidebar">
<div class="sideItem fridge">
<div class=" sideText"> FRIDGE </div>
</div>
<img id="fridgeIcon" src="" alt="a flat icon of a refrigerator" ;>
<div class="sideItem recipes">
<div class="sideText"> RECIPES </div>
</div>
<img id="recipesIcon" src="" alt="a flat icon of a cook book" ;>
<div class="sideItem stats">
<div class="sideText"> STATS </div>
</div>
<img id="statsIcon" src="" alt="a flat icon of a graph" ;>
<div class="sideItem toBuy">
<div class="sideText"> TO BUY </div>
</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"> CALENDAR VIEW </div>
</div>
<div class="month">
<div class="monthText"> March </div>
</div>
<div class="calendarView">
<div class="dayHeader sun"> Sunday </div>
<div class="dayHeader mon"> Monday </div>
<div class="dayHeader tue"> Tuesday </div>
<div class="dayHeader wed"> Wednesday </div>
<div class="dayHeader thu"> Thursday </div>
<div class="dayHeader fri"> Friday </div>
<div class="dayHeader sat"> Saturday </div>
<div class="calendarItem blank1">
<div class="calendatText">
<div class="day"> </div>
</div>
</div>
<div class="calendarItem one">
<div class="calendatText">
<div class="day"> 1 </div>
</div>
</div>
<div class="calendarItem 2">
<div class="calendatText">
<div class="day"> 2 </div>
</div>
</div>
<div class="calendarItem 3">
<div class="calendatText">
<div class="day"> 3 </div>
</div>
</div>
<div class="calendarItem 4">
<div class="calendatText">
<div class="day"> 4 </div>
</div>
</div>
<div class="calendarItem 5">
<div class="calendatText">
<div class="day"> 5 </div>
</div>
</div>
<div class="calendarItem six">
<div class="calendatText">
<div class="day"> 6 </div>
</div>
</div>
<div class="calendarItem seven">
<div class="calendatText">
<div class="day"> 7 </div>
</div>
</div>
<div class="calendarItem 8">
<div class="calendatText">
<div class="day"> 8 </div>
</div>
</div>
<div class="calendarItem 9">
<div class="calendatText">
<div class="day"> 9 </div>
</div>
</div>
<div class="calendarItem 10">
<div class="calendatText">
<div class="day"> 10 </div>
</div>
</div>
<div class="calendarItem 11">
<div class="calendatText">
<div class="day"> 11 </div>
</div>
</div>
<div class="calendarItem 12">
<div class="calendatText">
<div class="day"> 12 </div>
</div>
</div>
<div class="calendarItem 13">
<div class="calendatText">
<div class="day"> 13 </div>
</div>
</div>
<div class="calendarItem 14">
<div class="calendatText">
<div class="day"> 14 </div>
</div>
</div>
<div class="calendarItem 15">
<div class="calendatText">
<div class="day"> 15 </div>
</div>
</div>
<div class="calendarItem 16">
<div class="calendatText">
<div class="day"> 16 </div>
</div>
</div>
<div class="calendarItem 17">
<div class="calendatText">
<div class="day"> 17 </div>
</div>
</div>
<div class="calendarItem 18">
<div class="calendatText">
<div class="day"> 18 </div>
</div>
</div>
<div class="calendarItem 19">
<div class="calendatText">
<div class="day"> 19 </div>
</div>
</div>
<div class="calendarItem 20">
<div class="calendatText">
<div class="day"> 20 </div>
</div>
</div>
<div class="calendarItem 21">
<div class="calendatText">
<div class="day"> 21 </div>
</div>
</div>
<div class="calendarItem 22">
<div class="calendatText">
<div class="day"> 22 </div>
</div>
</div>
<div class="calendarItem 23">
<div class="calendatText">
<div class="day"> 23 </div>
</div>
</div>
<div class="calendarItem 24">
<div class="calendatText">
<div class="day"> 24 </div>
</div>
</div>
<div class="calendarItem 25">
<div class="calendatText">
<div class="day"> 25 </div>
</div>
</div>
<div class="calendarItem 26">
<div class="calendatText">
<div class="day"> 26 </div>
</div>
</div>
<div class="calendarItem 27">
<div class="calendatText">
<div class="day"> 27 </div>
</div>
</div>
<div class="calendarItem 28">
<div class="calendatText">
<div class="day"> 28 </div>
</div>
</div>
<div class="calendarItem 29">
<div class="calendatText">
<div class="day"> 29 </div>
</div>
</div>
<div class="calendarItem 30">
<div class="calendatText">
<div class="day"> 30 </div>
</div>
</div>
<div class="calendarItem 31">
<div class="calendatText">
<div class="day"> 31 </div>
</div>
</div>
<div class="calendarItem blank2">
<div class="calendatText">
<div class="day"> </div>
</div>
</div>
<div class="calendarItem blank3">
<div class="calendatText">
<div class="day"> </div>
</div>
</div>
<div class="calendarItem blank4">
<div class="calendatText">
<div class="day"> </div>
</div>
</div>
</div>
</div>
</body>
</html>
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