You can edit this calender!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello welcome to the Blinking Crew. I used marquee.</title>
<style>
body {
font-family: Comic Sans MS, sans-serif;
margin: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
border-block-color: #b8835f;
color: #5e3e29;
}
.calendar-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
border-block-color: #b8835f;
}
table {
width: 1000px;
margin: 20px;
border-collapse: collapse;
text-align: center;
border: 2px solid #b8835f;
border-block-color: #b8835f;
box-sizing: border-box;
table-layout: fixed;
}
th {
background-color: #b8835f;
color: #5c3222;
padding: 10px;
font-size: 20px;
}
td {
padding: 15px;
border: 1px solid #b8835f;
border-block-color: #b8835f;
height: 50px;
cursor: pointer;
font-size: 20px;
}
td.empty {
background-color: #f5cd9d;
}
td:hover {
background-color: #d4a477;
}
.month {
width: 99%;
text-align: center;
color: #5c3222;
margin-bottom: 15px;
font-size: 30px;
font-weight: bold;
background-color: #d4a477;
padding: 5px;
}
.events {
margin-top: 1px;
font-size: 15px;
}
.event {
background-color: #edb691;
border-radius: 0.5px;
margin-bottom: 0.5px;
padding: 0.5px;
}
</style>
</head>
<body>
<h1 style="text-align: center; width: 100%; color: #9e704c; font-size: 50px;">"2025 Year Calendar"</h1>
<div class="calendar-container">
<div>
<div class="month">January</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>
1
<div class="events">
<ul>
<li class="event">New Year's Day</li>
</ul>
</div>
</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>
9
<div class="events">
<ul>
<li class="event">Feast of the Black Nazarene</li>
</ul>
</div>
</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>
28
<div class="events">
<ul>
<li class="event">Ezhamel's Birthday!</li>
</ul>
</div>
</td>
<td>
29
<div class="events">
<ul>
<li class="event">Lunar New Year's Day</li>
</ul>
</div>
</td>
<td>30</td>
<td>
31
<div class="events">
<ul>
<li class="event">Field Demo</li>
</ul>
</div>
</td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">February</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>
1
<div class="events">
<ul>
<li class="event">Annika's Birthday!</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>
9
<div class="events">
<ul>
<li class="event">Chelsea's Birthday!</li>
</ul>
</div>
</td>
<td>
10
<div class="events">
<ul>
<li class="event">Taylor's Birthday!</li>
</ul>
</div>
</td>
<td>11</td>
<td>12</td>
<td>
13
<div class="events">
<ul>
<li class="event">Ayeisha's Birthday!</li>
</ul>
</div>
</td>
<td>
14
<div class="events">
<ul>
<li class="event">Valentines Day</li>
<li class="event">Heart's Birthday!</li>
</ul>
</div>
</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>
20
<div class="events">
<ul>
<li class="event">Jacobe's Birthday!</li>
</ul>
</div>
</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>
25
<div class="events">
<ul>
<li class="event">EDSA Revolution</li>
</ul>
</div>
</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">March</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>
1
<div class="events">
<ul>
<li class="event">Start of Ramadan</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>2</td>
<td>
3
<div class="events">
<ul>
<li class="event">Mama's Birthday!</li>
</ul>
</div>
</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>
13
<div class="events">
<ul>
<li class="event">Daniel's Birthday!</li>
</ul>
</div>
</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>30</td>
<td>
31
<div class="events">
<ul>
<li class="event">Eidul-Fitar</li>
</ul>
</div>
</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">April</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>
6
<div class="events">
<ul>
<li class="event">Haikyu!! Anniversary</li>
</ul>
</div>
</td>
<td>7</td>
<td>8</td>
<td>
9
<div class="events">
<ul>
<li class="event">The Day of Valor</li>
</ul>
</div>
</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>
17
<div class="events">
<ul>
<li class="event">Maundy Thursday</li>
</ul>
</div>
</td>
<td>
18
<div class="events">
<ul>
<li class="event">Good Friday</li>
</ul>
</div>
</td>
<td>
19
<div class="events">
<ul>
<li class="event">Black Saturday</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>
20
<div class="events">
<ul>
<li class="event">Easter Sunday</li>
<li class="event">Jewel's Birthday!</li>
<li class="event">MJ's Birthday!</li>
</ul>
</div>
</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>
25
<div class="events">
<ul>
<li class="event">Diko's Birthday!</li>
</ul>
</div>
</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">May</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>
1
<div class="events">
<ul>
<li class="event">Labor Day</li>
</ul>
</div>
</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>
24
<div class="events">
<ul>
<li class="event">Tito Allan's Birthday!</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">June</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>
7
<div class="events">
<ul>
<li class="event">Eid al-Adha</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>
8
<div class="events">
<ul>
<li class="event">Eid al-Adha Day 2</li>
</ul>
</div>
</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>
12
<div class="events">
<ul>
<li class="event">Independence Day</li>
</ul>
</div>
</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>
21
<div class="events">
<ul>
<li class="event">Hinata's Birthday!</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>
24
<div class="events">
<ul>
<li class="event">Momila's Birthday!</li>
</ul>
</div>
</td>
<td>25</td>
<td>26</td>
<td>
27
<div class="events">
<ul>
<li class="event">Amun Jadid</li>
</ul>
</div>
</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">July</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>
23
<div class="events">
<ul>
<li class="event">1D Anniversary</li>
</ul>
</div>
</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>
30
<div class="events">
<ul>
<li class="event">Chanell's Birthday!</li>
</ul>
</div>
</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">August</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>
3
<div class="events">
<ul>
<li class="event">Michael's Birthday!</li>
</ul>
</div>
</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>
14
<div class="events">
<ul>
<li class="event">Kisha's Birthday!</li>
</ul>
</div>
</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>
21
<div class="events">
<ul>
<li class="event">Ninoy Aquino Day</li>
</ul>
</div>
</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>24</td>
<td>
25
<div class="events">
<ul>
<li class="event">National Heroes Day</li>
</ul>
</div>
</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
<tr>
<td>31</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">September</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
</tbody>
<tr>
<td class="empty"></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>
5
<div class="events">
<ul>
<li class="event">Maulid un-Nabi</li>
</ul>
</div>
</td>
<td>6</td>
</tr>
<tr>
<td>
7
<div class="events">
<ul>
<li class="event">Franz's Birthday!</li>
</ul>
</div>
</td>
<td>
8
<div class="events">
<ul>
<li class="event">The Feast of the Nativity of the Blessed Virgin Mary</li>
<li class="event">Sir Juanson's Birthday!</li>
</ul>
</div>
</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>
18
<div class="events">
<ul>
<li class="event">Ayumi's Birthday!</li>
</ul>
</div>
</td>
<td>19</td>
<td>
20
<div class="events">
<ul>
<li class="event">Dad's Birthday!</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">October</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
</tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>
7
<div class="events">
<ul>
<li class="event">Kuya's Birthday!</li>
</ul>
</div>
</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>13</td>
<td>
14
<div class="events">
<ul>
<li class="event">Pauleen's Birthday!</li>
</ul>
</div>
</td>
<td>
15
<div class="events">
<ul>
<li class="event">Czamantha's Birthday!</li>
</ul>
</div>
</td>
<td>16</td>
<td>17</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>
31
<div class="events">
<ul>
<li class="event">Special non-working Day</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">November</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
</tbody>
<tr>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td>
1
<div class="events">
<ul>
<li class="event">All Saints' Day</li>
</ul>
</div>
</td>
<tr>
<td>
2
<div class="events">
<ul>
<li class="event">All Souls' Day</li>
</ul>
</div>
</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>
30
<div class="events">
<ul>
<li class="event">Bonifacio Day</li>
</ul>
</div>
</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
</tbody>
</table>
</div>
<div>
<div class="month">December</div>
<table>
<thead>
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
</tbody>
<tr>
<td class="empty"></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>
6
<div class="events">
<ul>
<li class="event">Ally's Birthday!</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>7</td>
<td>
8
<div class="events">
<ul>
<li class="event">Feast of the Immaculate Conception</li>
<li class="event">My Birthday!</li>
<li class="event">Daddylo's Birthday!</li>
</ul>
</div>
</td>
<td>9</td>
<td>10</td>
<td>
11
<div class="events">
<ul>
<li class="event">Momita's Birthday!</li>
</ul>
</div>
</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>
18
<div class="events">
<ul>
<li class="event">Clarenz's Birthday!</li>
</ul>
</div>
</td>
<td>19</td>
<td>
20
<div class="events">
<ul>
<li class="event">Sammuele's Birthday!</li>
</ul>
</div>
</td>
</tr>
<tr>
<td>21</td>
<td>
22
<div class="events">
<ul>
<li class="event">Kageyama's Birthday!</li>
</ul>
</div>
</td>
<td>
23
<div class="events">
<ul>
<li class="event">Tiffany's Birthday!</li>
</ul>
</div>
</td>
<td>
24
<div class="events">
<ul>
<li class="event">Christmas Eve</li>
</ul>
</div>
</td>
<td>
25
<div class="events">
<ul>
<li class="event">Christmas Day</li>
</ul>
</div>
</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>
30
<div class="events">
<ul>
<li class="event">Rizal Day</li>
</ul>
</div>
</td>
<td>
31
<div class="events">
<ul>
<li class="event">New Year's Eve</li>
</ul>
</div>
</td>
<td class="empty"></td>
<td class="empty"></td>
<td class="empty"></td>
</tr>
font-family: Arial, sans-serif;
line-height: 1.5;
background-color: #FFF;
font-size: 16px;
color: #3a3a3a;
}
.blink {
animation: blinker 1.5s linear infinite;
color: red;
font-family: Arial, sans-serif;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.container {
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
border: 1px solid rgba(0, 0, 0, .15);
background-color: #ffffff;
border-radius: 4px;
padding: 10px;
margin: auto;
}
</style>