-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
executable file
·92 lines (84 loc) · 2.92 KB
/
home.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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HTML & CSS Calendar | Angela J. Holden</title>
<meta name="description" content="This is a simple, responsive, accessible calendar made with HTML and CSS.">
<link rel='dns-prefetch' href='//fonts.googleapis.com'>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrap">
<header>
<h1>Build a Calendar with HTML & CSS</h1>
</header>
<p>This is a simple, accessible, responsive calendar made with HTML and CSS.</p>
<h2>May 2020</h2>
<ul aria-label="Days of the Week" class="days-of-week">
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
<li>Wednesday</li>
<li>Thursday</li>
<li>Friday</li>
<li>Saturday</li>
</ul>
<ul aria-label="Days of the Month" class="days-of-month">
<!-- Week One -->
<li><span>April 26</span></li>
<li><span>April 27</span></li>
<li><span>April 28</span></li>
<li><span>April 29</span></li>
<li><span>April 30</span></li>
<li><span>1</span></li>
<li><span>2</span></li>
<!-- Week Two -->
<li><span>3</span></li>
<li><span>4</span></li>
<li><span>5</span></li>
<li><span>6</span></li>
<li><span>7</span></li>
<li><span>8</span></li>
<li><span>9</span></li>
<!-- Week Three -->
<li><span>10</span>Mother's Day</li>
<li><span>11</span></li>
<li><span>12</span></li>
<li><span>13</span></li>
<li><span>14</span></li>
<li><span>15</span></li>
<li><span>16</span></li>
<!-- Week Four -->
<li><span>17</span></li>
<li><span>18</span></li>
<li><span>19</span></li>
<li><span>20</span></li>
<li><span>21</span></li>
<li><span>22</span></li>
<li><span>23</span></li>
<!-- Week Five -->
<li><span>24</span></li>
<li><span>25</span>Memorial Day</li>
<li><span>26</span></li>
<li><span>27</span></li>
<li><span>28</span></li>
<li><span>29</span></li>
<li><span>30</span></li>
<!-- Week Five -->
<li><span>31</span></li>
<li><span>June 1</span></li>
<li><span>June 2</span></li>
<li><span>June 3</span></li>
<li><span>June 4</span></li>
<li><span>June 5</span></li>
<li><span>June 6</span></li>
</ul>
<footer>
<p>Copyright © Angela J. Holden</p>
</footer>
</div>
</body>
</html>