-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path4.html
62 lines (57 loc) · 2.06 KB
/
4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<html>
<link rel="stylesheet" href="style.css">
<div id="calendar">
<!--<h2>Laying Out Calendar Events</h2>-->
<p>This is a quick grid demo for laying out events for a calendar week.
Requires <code>display:contents</code> so this'll only work in Chrome (if you have experimental features turned on) and Firefox.
See <a href="https://caniuse.com/#feat=css-display-contents">Can I Use</a> for more.</p>
<div class="week">
<div class="week-day">Sunday</div>
<div class="week-day">Monday</div>
<div class="week-day">Tuesday</div>
<div class="week-day">Wednesday</div>
<div class="week-day">Thursday</div>
<div class="week-day">Friday</div>
<div class="week-day">Saturday</div>
</div>
<div class="week">
<div class="day">
<h3 class="day-label">1</h3>
<div class="event event-start event-end" data-span="2">Class</div>
<div class="event event-end">Interview</div>
</div>
<div class="day">
<h3 class="day-label">2</h3>
<div class="event event-start event-end" data-span="1">Dinner</div>
</div>
<div class="day">
<h3 class="day-label">3</h3>
<div class="event event-start event-end" data-span="2">School</div>
</div>
<div class="day">
<h3 class="day-label">4</h3>
<div class="event event-start" data-span="4">Meeting</div>
</div>
<div class="day">
<h3 class="day-label">5</h3>
</div>
<div class="day">
<h3 class="day-label">6</h3>
</div>
<div class="day">
<h3 class="day-label">7</h3>
</div>
</div>
</div>
<div id="home">
<div id="home-top"> System error
<div id="close">
<a href="index.html">x</a>
</div>
</div>
<div id="home-body">
<div class="home_outline"></div>
Get back to work!<a href="index.html"><div id="home_button">To-Do <br> List</div></a>
</div>
</div>
</html>