How do you make the Calendar Code

Could Michael make one for my club?

Plssssssssssssssssssssssssssssssssssssssss

Hold on I'll come back in a bit and help

Everybody is copying me 😭😭😭

<div style="border: 2px solid #0ff; border-radius: 20px; padding: 16px; background: #1a1a2e; color: #fff; max-width: 340px; box-shadow: 0 0 15px #0ff; transition: all 0.3s cubic-bezier(0.4,0,0.2,1);" onmouseover="this.style.transform='scale(1.02)'; this.style.boxShadow='0 0 25px #0ff';" onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='0 0 15px #0ff';">
<h3 style="text-align: center; font-size: 24px; margin-bottom: 12px; color: #0ff; text-shadow: 0 0 5px #0ff, 0 0 10px #f0f;">January</h3>
<table style="width: 100%; border-collapse: collapse; text-align: center; font-family: Arial, sans-serif;">
<tbody><!-- Weekday headers -->
<tr style="font-weight: bold; color: #0ff;">
<td>Sun</td>
<td>Mon</td>
<td>Tue</td>
<td>Wed</td>
<td>Thu</td>
<td>Fri</td>
<td>Sat</td>
</tr>
<!-- Week 1: Dec 29–31 grey, Jan 1–3 hoverable -->
<tr>
<td style="color: #555;">29</td>
<td style="color: #555;">30</td>
<td style="color: #555;">31</td>
<td style="color: #555;">1</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0ff'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">1</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">2</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#ff0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">3</div>
</td>
</tr>
<!-- Week 2 -->
<tr>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0f0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">4</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f80'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">5</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0ff'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">6</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">7</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#ff0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">8</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0f0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">9</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f80'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">10</div>
</td>
</tr>
<!-- Week 3 -->
<tr>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">11</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0ff'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">12</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#ff0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">13</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0f0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">14</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f80'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">15</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">16</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0ff'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">17</div>
</td>
</tr>
<!-- Week 4 -->
<tr>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#ff0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">18</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0f0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">19</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f80'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">20</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">21</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0ff'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">22</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#ff0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">23</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0f0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">24</div>
</td>
</tr>
<!-- Week 5 -->
<tr>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f80'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">25</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">26</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0ff'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">27</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#ff0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">28</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#0f0'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">29</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f80'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">30</div>
</td>
<td>
<div style="padding: 6px; border-radius: 8px; transition: all 0.2s ease; cursor: pointer;" onmouseover="this.style.background='#f0f'; this.style.color='#111'; this.style.transform='scale(1.2)';" onmouseout="this.style.background=''; this.style.color=''; this.style.transform='scale(1)';">31</div>
</td>
</tr>
<!-- Week 6: Next month days greyed -->
<tr>
<td style="color: #555;">1</td>
<td style="color: #555;">2</td>
<td style="color: #555;">3</td>
<td style="color: #555;">4</td>
<td style="color: #555;">5</td>
<td style="color: #555;">6</td>
<td style="color: #555;">7</td>
</tr>
</tbody>
</table>
</div>

It's alright michael I did an original take

No code needed for a simple calendar