Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ***html***
- <!DOCTYPE html>
- <html lang="nl">
- <head>
- <meta charset="UTF-8">
- <link rel="stylesheet" href="../css/dier.css"/>
- <link rel="shortcut icon" href="../media/images/favicons/favicon.ico" type="image/x-icon"/>
- <title>Kalender</title>
- </head>
- <body>
- <h1>Kalender</h1>
- <header>
- <nav class = "menu">
- <h2 class="verborgen">Menu</h2>
- <ul>
- <li><a href="../index.html"> Home </a></li>
- <li><a href="kalender.html">Kalender</a></li>
- <li class="sub-menu">
- <a href="kenmerken.html"> Kenmerken </a>
- <ul>
- <li> <a href="verspreiding_leefgebied.html">Verspreiding en leefgebied</a></li>
- <li class="sub-menu">
- <a href="fotos.html">Foto's</a>
- <ul>
- <li><a href="detailfotos/detailfoto1.html">Foto 1</a></li>
- <li><a href="detailfotos/detailfoto2.html">Foto 2</a></li>
- <li><a href="detailfotos/detailfoto3.html">Foto 3</a></li>
- </ul>
- </li>
- <li><a href="voedsel_gedrag.html">Voedsel en gedrag</a></li>
- </ul>
- </li>
- <li><a href="bedreiging.html"> Bedreigingen </a></li>
- </ul>
- <hr/>
- </nav>
- </header>
- <main>
- <h3>Verjaardagskalender</h3>
- <center> <table border="1" class="kalender">
- <tr>
- <td colspan="5" class="maand">december</td>
- <td colspan="2" class="jaar">2019</td>
- </tr>
- <tr class="week">
- <td>Maandag</td>
- <td>Dinsdag</td>
- <td>Woensdag</td>
- <td>Donderdag</td>
- <td>Vrijdag</td>
- <td>Zaterdag</td>
- <td>Zondag</td>
- </tr>
- <tr>
- <td class="dag"> </td>
- <td class="dag"> </td>
- <td class="dag"> </td>
- <td class="dag"> </td>
- <td class="dag"> </td>
- <td class="weekend"> </td>
- <td class="weekend">1</td>
- </tr>
- <tr>
- <td class="dag">2</td>
- <td class="dag">3</td>
- <td class="dag">4</td>
- <td class="dag">5</td>
- <td class="dag">6</td>
- <td class="weekend">7</td>
- <td class="weekend">8</td>
- </tr>
- <tr>
- <td class="dag">9</td>
- <td class="dag">10</td>
- <td class="dag">11</td>
- <td class="dag"> <a href="fotos.html">12</a> </td>
- <td class="dag">13</td>
- <td class="weekend">14</td>
- <td class="weekend">15</td>
- </tr>
- <tr>
- <td class="dag">16</td>
- <td class="dag">17</td>
- <td class="dag">18</td>
- <td class="dag">19</td>
- <td class="dag">20</td>
- <td class="weekend">21</td>
- <td class="weekend">22</td>
- </tr>
- <tr>
- <td class="dag">23</td>
- <td class="dag">24</td>
- <td class="dag">25</td>
- <td class="dag">26</td>
- <td class="dag">27</td>
- <td class="weekend">28</td>
- <td class="weekend">29</td>
- </tr>
- <tr>
- <td class="dag">30</td>
- <td class="dag">31</td>
- <td class="dag"> </td>
- <td class="dag"> </td>
- <td class="dag"> </td>
- <td class="weekend"> </td>
- <td class="weekend"> </td>
- </tr>
- <tr class="week">
- <td>Maandag</td>
- <td>Dinsdag</td>
- <td>Woensdag</td>
- <td>Donderdag</td>
- <td>Vrijdag</td>
- <td>Zaterdag</td>
- <td>Zondag</td>
- </tr>
- </table> </center>
- </main>
- </body>
- </html>
- ***css***
- .kalender{
- border: palevioletred;
- }
- .maand{
- text-transform: uppercase;
- font-size: 24pt;
- color: white;
- background-color: palevioletred;
- height: 90px;
- }
- .jaar{
- font-size: 24pt;
- color: white;
- background-color: palevioletred;
- height: 90px;
- }
- .week{
- text-transform: uppercase;
- font-size: 8pt;
- color: white;
- background-color: palevioletred;
- height: 20px;
- }
- .dag{
- font-size: 24pt;
- text-align: right;
- vertical-align: bottom;
- background-color: antiquewhite;
- color: lightcoral;
- height: 75px;
- width: 75px;
- }
- .weekend{
- font-size: 24pt;
- text-align: right;
- vertical-align: bottom;
- background-color: lightcoral;
- color: antiquewhite;
- height: 75px;
- width: 75px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement