websitedesign2023/docs/calendar/index.html

105 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Calendar - The Cherub Foundation</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="../assets/css/main.css">
<link rel="stylesheet" href="../assets/css/pages.css">
<link rel="stylesheet" href="../assets/css/movement.css">
<link rel="stylesheet" href="../assets/css/calendar.css">
</head>
<body>
<header data-m="reveal-right" data-m-duration="0.5">
<img class="logo" width="25" height="25" src="../assets/img/logo.png">
<h1>The Cherub Foundation</h1>
<a href="javascript:void(0)" id="menu"><img src="../assets/img/hamburger.svg" width="25"></a>
<nav>
<ul>
<li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="../projects">Projects</a></li>
<li><a href="#" id="current">Calendar</a></li>
<li><a href="../contact">Contact Us</a></li>
<li><a href="../shop">Shop</a></li>
</ul>
</nav>
</header>
<main data-m="drop" data-m-duration="0.5">
<h1>Calendar</h1>
<article>
<h2>May 2023 calendar</h2>
<table>
<tr>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
<tr>
<td><span class="lm">30</span></td>
<td><span>1</span><p>Volunteer Day</p></td>
<td><span>2</span></td>
<td><span>3</span></td>
<td><span>4</span></td>
<td><span>5</span><p>Food Drive</p><p class="holiday">Cinco de Mayo</p></p></td>
<td><span>6</span></td>
</tr>
<tr>
<td><span>7</span></td>
<td><span>8</span><p>Volunteer Day</p></td>
<td><span>9</span></td>
<td><span>10</span></td>
<td><span>11</span></td>
<td><span>12</span></td>
<td><span>13</span></td>
</tr>
<tr>
<td><span>14</span></td>
<td><span>15</span><p>Volunteer Day</p></td>
<td><span>16</span></td>
<td><span>17</span></td>
<td><span>18</span></td>
<td><span>19</span><p>Food Drive</p></td>
<td><span>20</span><p>Blood Drive with American Red Cross</p></td>
</tr>
<tr>
<td><span>21</span></td>
<td><span>22</span><p>Volunteer Day</p></td>
<td><span>23</span></td>
<td><span>24</span></td>
<td><span>25</span></td>
<td><span>26</span></td>
<td><span>27</span></td>
</tr>
<tr>
<td><span>28</span></td>
<td><span>29</span><p>Volunteer Day</p><p class="holiday">Memorial Day</p></td>
<td><span>30</span></td>
<td><span>31</span></td>
<td><span class="nm">1</span></td>
<td><span class="nm">2</span><p class="lm">Food Drive</p></td>
<td><span class="nm">3</span></td>
</tr>
</table>
</article>
</main>
<footer data-m="bounce-up" data-m-duration="0.5">
<ul>
<li><a href="..">Home</a></li>
<li><a href="../about">About</a></li>
<li><a href="../projects">Projects</a></li>
<li><a href="#">Calendar</a></li>
<li><a href="../contact">Contact Us</a></li>
</ul>
<span class="center">Stock photos via Canva</span>
</footer>
<script src="../assets/js/scroll.js"></script>
<script src="../assets/js/menu.js"></script>
</body>
</html>