<!DOCTYPE html>
<html lang="lv">
<head>
<title>2025. gada maijs</title>
<style>
body {
background: #f5f5f5;
}

.calendar {
width: 900px;
border: 3px dotted #3b5bff;
background: #fff;
}

.note {
text-align: center;
font-size: 14px;
margin-bottom: 5px;
}

.title {
background: #0a7a0a;
color: white;
text-align: center;
font-size: 28px;
padding: 15px 0;
font-style: italic;
}

table {
width: 100%;
margin-top: 10px;
border-collapse: separate;
  border-spacing: 15px;
}

th, td {
border: 1px solid #999;
height: 45px;
text-align: left;
padding: 5px;
font-size: 14px;
}

th {
color: white;
text-align: center;
font-weight: bold;
}

.week {
background: #39ff14;
text-align: center;
width: 60px;
color: pink;
}

.mon, .wed, .fri, .sun {
background: #0033ff;
color: pink;
}

.tue, .thu, .sat {
background: #0a7a0a;
}

.weekend {
background: yellow;
font-weight: bold;
}
</style>
</head>
<body>

<div class="calendar">
<div class="note">Šis ir tabulas virsraksts, kas aizņem tabulas platumu un centrējas</div>
<div class="title">2025. gada maijs</div>

<table>
<tr>
<th class="week"style="background-color:dodgerblue"> Nedēļa </th>
<th class="mon">Pirmdiena</th>
<th class="tue">Otrdiena</th>
<th class="wed">Trešdiena</th>
<th class="thu">Ceturtdiena</th>
<th class="fri">Piektdiena</th>
<th class="sat">Sestdiena</th>
<th class="sun">Svētdiena</th>
</tr>

<tr>
<td class="week">18</td>
<td></td><td></td><td></td>
<td>1</td><td>2</td>
<td class="weekend">3</td>
<td class="weekend">4</td>
</tr>

<tr>
<td class="week">19</td>
<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>
<td class="weekend">10</td>
<td class="weekend">11</td>
</tr>

<tr>
<td class="week">20</td>
<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td>
<td class="weekend">17</td>
<td class="weekend">18</td>
</tr>

<tr>
<td class="week">21</td>
<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td>
<td class="weekend">24</td>
<td class="weekend">25</td>
</tr>

<tr>
<td class="week">22</td>
<td>26</td><td>27</td><td>28</td><td>29</td><td>30</td>
<td class="weekend">31</td>
<td class="weekend"></td>
</tr>
</table>
</div>

</body>
</html>