June 2024 HTML calendar with HTML code - starts with Monday

Above HTML calendar template is designed for use as a insertable web calendar. Courtesy of WinCalendar.com. The html calendar is responsive and will automatically shrink to fit the size of its div container. Below is the calendar HTML source code. Simply copy and paste the below code to your webpage.
<!-- June 2024 CalendarCourtesy of WinCalendar -->
<style>   .monthNoCol { width: 3.2%}   .monthTxtCol { width: 10.9%;}  .pnmlink{ color:#CDCDCD; font-size:0.8em; }  #Calendar {font-family:Arial, sans-serif; border-collapse: collapse; width:100%; table-layout:fixed;}   #Calendar h1 {font-size:12.0pt; font-weight:400; margin-top:0px; margin-bottom:0.1em;  font-weight:normal;}   .Saprorar{display:inline-block; width: 0.1em; height: 0; border-style: solid; border-width: 3.7px 0 3.7px 7.8px; border-color: transparent transparent transparent #f3f6fd; margin:0 0.15em;}  .Saprolar{display:inline-block; width: 0.1em; height: 0; border-style: solid; border-width: 3.7px 7.8px 3.7px 0; border-color: transparent #f3f6fd transparent transparent; margin:0 0.15em;}  #Calendar tr { height:1.2em; }   #Calendar tr:nth-child(even) {vertical-align:top; height:1.5em; }  #Calendar tr:nth-child(odd) {vertical-align:middle;}  #Calendar tr:first-child { height:1.7em; vertical-align:bottom; }   #Calendar tr:nth-child(2) {vertical-align:bottom; height:1.2em;}  #Calendar tr:first-child td:first-child { -moz-border-radius-topleft: 11px; -webkit-border-top-left-radius: 11px; border-top-left-radius: 11px;}  #Calendar tr:first-child td:last-child { -moz-border-radius-topright: 11px; -webkit-border-top-right-radius: 11px;  border-top-right-radius: 11px; }  #Calendar tr:not(:first-child) td:last-child { border-right:1.5pt solid #355986; }      .Sapro9030649{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:1.0pt solid #355986; border-left:1.5pt solid #355986; } .Sapro9130649{color:maroon; font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; } .Sapro9230649{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; } .Sapro9330649{color:navy; font-size:11.0pt; font-weight:700; text-align:center; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; background:#F9F9E1; } .Sapro9430649{color:maroon; font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; background:#F9F9E1; } .Sapro9530649{color:maroon; font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-right:1.5pt solid #355986; background:#F9F9E1; } .Sapro9630649{font-size:12.0pt; } .Sapro9730649{color:white; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.5pt solid #355986; background:#355986; } .Sapro9830649{color:white; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.0pt solid white; background:#355986; } .Sapro9930649{color:yellow; font-size:10.0pt; text-align:center; border-top:1.0pt solid white; border-right:1.0pt solid white; border-left:1.0pt solid white; background:#355986; } .Sapro10130649{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10230649{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; background:#D9D9D9; } .Sapro10330649{font-size:0.8em; text-align:left; border-top:1.0pt solid #355986; border-left:1.0pt solid #355986; background:#D9D9D9; } .Sapro10430649{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; background:#D9D9D9; } .Sapro10630649{font-size:0.8em; text-align:left; border-left:1.0pt solid #355986; background:#D9D9D9; } .Sapro10730649{font-size:0.8em; text-align:left; border-left:1.0pt solid #355986; background:#F9F9E1; } .Sapro11030649{font-size:0.8em; text-align:left; border-left:1.5pt solid #355986; } .Sapro11230649{font-size:0.8em; text-align:left; border-left:1.0pt solid #355986; } .Sapro11330649{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.5pt solid #355986; } .Sapro11530649{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.0pt solid #355986; } .Sapro11630649{font-size:0.8em; text-align:left; border-bottom:1.5pt solid #355986; border-left:1.0pt solid #355986; background:#F9F9E1; } .Sapro12030649{color:white; font-size:12.0pt; text-align:center; border-bottom:1.0pt solid white; background:#355986; } .Sapro12130649{color:#CDCDCD; font-size:0.8em; text-align:right; border-bottom:1.0pt solid white; background:#355986; } .Sapro12330649{color:#CDCDCD; font-size:0.8em; text-align:left; border-bottom:1.0pt solid white; background:#355986; } </style>
<table id='Calendar' data-month=202406 border=0 cellpadding=0 cellspacing=0>
 <colgroup>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
  <col class='monthNoCol'><col class='monthTxtCol'>
</colgroup>
<tr class=Sapro9630649>
  <td colspan=4 class=Sapro12330649><a href="https://www.wincalendar.com/Holiday-Calendar/May-2024" title="May 2024"><div class="Saprolar"></div><span class="pnmlink">May 2024</span></a></td>
  <td colspan=6 class=Sapro12030649><h1>June 2024 Calendar</h1></td>
  <td colspan=4 class=Sapro12130649><a href="https://www.wincalendar.com/Holiday-Calendar/July-2024" title="July 2024"><span class="pnmlink">Jul 2024</span><div class="Saprorar"></div></a></td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro9730649>Mon</td>
  <td colspan=2 class=Sapro9830649>Tue</td>
  <td colspan=2 class=Sapro9830649>Wed</td>
  <td colspan=2 class=Sapro9830649>Thu</td>
  <td colspan=2 class=Sapro9830649>Fri</td>
  <td colspan=2 class=Sapro9930649>Sat</td>
  <td colspan=2 class=Sapro9930649>Sun</td>
 </tr>
 <tr>
  <td class=Sapro10130649> </td>
  <td class=Sapro10230649> </td>
  <td class=Sapro10330649> </td>
  <td class=Sapro10230649> </td>
  <td class=Sapro10330649> </td>
  <td class=Sapro10230649> </td>
  <td class=Sapro10330649> </td>
  <td class=Sapro10230649> </td>
  <td class=Sapro10330649> </td>
  <td class=Sapro10230649> </td>
  <td class=Sapro9330649>1</td>
  <td class=Sapro9430649> </td>
  <td class=Sapro9330649>2</td>
  <td class=Sapro9530649> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro10430649> </td>
  <td colspan=2 class=Sapro10630649> </td>
  <td colspan=2 class=Sapro10630649> </td>
  <td colspan=2 class=Sapro10630649> </td>
  <td colspan=2 class=Sapro10630649> </td>
  <td colspan=2 class=Sapro10730649></td>
  <td colspan=2 class=Sapro10730649></td>
 </tr>
 <tr>
  <td class=Sapro9030649>3</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>4</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>5</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>6</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>7</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9330649>8</td>
  <td class=Sapro9430649> </td>
  <td class=Sapro9330649>9</td>
  <td class=Sapro9530649> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11030649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro10730649></td>
  <td colspan=2 class=Sapro10730649></td>
 </tr>
 <tr>
  <td class=Sapro9030649>10</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>11</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>12</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>13</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>14</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9330649>15</td>
  <td class=Sapro9430649> </td>
  <td class=Sapro9330649>16</td>
  <td class=Sapro9530649> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11030649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro10730649></td>
  <td colspan=2 class=Sapro10730649></td>
 </tr>
 <tr>
  <td class=Sapro9030649>17</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>18</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>19</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>20</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>21</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9330649>22</td>
  <td class=Sapro9430649> </td>
  <td class=Sapro9330649>23</td>
  <td class=Sapro9530649> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11030649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro11230649></td>
  <td colspan=2 class=Sapro10730649></td>
  <td colspan=2 class=Sapro10730649></td>
 </tr>
 <tr>
  <td class=Sapro9030649>24</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>25</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>26</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>27</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9230649>28</td>
  <td class=Sapro9130649> </td>
  <td class=Sapro9330649>29</td>
  <td class=Sapro9430649> </td>
  <td class=Sapro9330649>30</td>
  <td class=Sapro9530649> </td>
 </tr>
 <tr>
  <td colspan=2 class=Sapro11330649></td>
  <td colspan=2 class=Sapro11530649></td>
  <td colspan=2 class=Sapro11530649></td>
  <td colspan=2 class=Sapro11530649></td>
  <td colspan=2 class=Sapro11530649></td>
  <td colspan=2 class=Sapro11630649></td>
  <td colspan=2 class=Sapro11630649></td>
 </tr>
 
</table>
License Terms: Free for both personal and comercial use so long as: use is only for non-competitive use with respect to us (Sapro Systems LLC / WinCalendar.com).
May 2024		June 2024 Calendar			Jul 2024
Mon	Tue	Wed	Thu	Fri	Sat	Sun
					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