Add calendar page
dugo3number2
parent
82ebf2efc5
commit
214692219c
|
|
@ -0,0 +1,31 @@
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
text-align: left;
|
||||||
|
padding: 8px;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
td, th {
|
||||||
|
border: 1px solid #000000;
|
||||||
|
width: 200px;
|
||||||
|
height: 135px;
|
||||||
|
}
|
||||||
|
|
||||||
|
td span {
|
||||||
|
color: #ff0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lm, .nm {
|
||||||
|
color: #bbbbbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.holiday {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
@ -7,6 +7,7 @@
|
||||||
<link rel="stylesheet" href="../assets/css/main.css">
|
<link rel="stylesheet" href="../assets/css/main.css">
|
||||||
<link rel="stylesheet" href="../assets/css/pages.css">
|
<link rel="stylesheet" href="../assets/css/pages.css">
|
||||||
<link rel="stylesheet" href="../assets/css/movement.css">
|
<link rel="stylesheet" href="../assets/css/movement.css">
|
||||||
|
<link rel="stylesheet" href="../assets/css/calendar.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -26,25 +27,63 @@
|
||||||
<main data-m="drop" data-m-duration="0.5">
|
<main data-m="drop" data-m-duration="0.5">
|
||||||
<h1>Calendar</h1>
|
<h1>Calendar</h1>
|
||||||
<article>
|
<article>
|
||||||
<h2>Lorem ipsum</h2>
|
<h2>March 2023 calendar</h2>
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus id turpis vitae accumsan. Nulla
|
<table>
|
||||||
sodales elementum ipsum, sit amet ornare est congue at. Phasellus lacinia rhoncus felis id ultrices.
|
<tr>
|
||||||
Nulla vitae tellus at ante sollicitudin porttitor et nec dolor. Duis pulvinar, eros a lobortis dictum,
|
<th>Sunday</th>
|
||||||
dui lacus rutrum diam, dignissim hendrerit erat nunc fringilla nunc. Curabitur augue sapien, porta nec
|
<th>Monday</th>
|
||||||
congue sed, mollis nec ex. Phasellus ornare sem sapien, in consectetur ante porttitor eu. Donec tempor,
|
<th>Tuesday</th>
|
||||||
orci eu porta cursus, mi erat elementum dui, id eleifend neque orci quis mi. In hac habitasse platea
|
<th>Wednesday</th>
|
||||||
dictumst. Sed nisl eros, finibus eu velit a, mattis elementum tellus. Morbi sit amet sollicitudin arcu.
|
<th>Thursday</th>
|
||||||
Aenean quis nisi dignissim, posuere turpis ac, accumsan mauris. Integer rhoncus dignissim diam a
|
<th>Friday</th>
|
||||||
lobortis. Suspendisse potenti. Nam aliquam nulla ipsum, eget cursus metus condimentum sed. Proin id
|
<th>Saturday</th>
|
||||||
justo eget purus eleifend consectetur eget sed quam.</p>
|
</tr>
|
||||||
<h2>Lorem ipsum</h2>
|
<tr>
|
||||||
<p>Aliquam maximus lectus consectetur justo pellentesque, commodo cursus ante suscipit. Cras at arcu
|
<td><span class="lm">26</span></td>
|
||||||
feugiat, gravida justo sed, pretium nunc. Sed et sapien finibus, pulvinar erat a, molestie tortor.
|
<td><span class="lm">27</span><p class="lm">Volunteer Day</p></td>
|
||||||
Quisque et justo eget turpis sollicitudin laoreet in at risus. Ut feugiat molestie risus, vel imperdiet
|
<td><span class="lm">28</span></td>
|
||||||
odio ultrices eget. Nullam lacus nunc, venenatis ut pellentesque eget, ornare id quam. Donec a magna at
|
<td><span>1</span></td>
|
||||||
ipsum elementum tincidunt. Phasellus suscipit commodo vehicula. Fusce semper lacinia efficitur. Nam
|
<td><span>2</span></td>
|
||||||
euismod feugiat neque, a placerat neque vehicula in. Proin rutrum lobortis sagittis. Aenean consectetur
|
<td><span>3</span><p>Food Drive</p></td>
|
||||||
lorem nec urna ultrices, eget suscipit nibh tempor. Mauris mollis non est vitae sodales.</p>
|
<td><span>4</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><span>5</span></td>
|
||||||
|
<td><span>6</span><p>Volunteer Day</p></td>
|
||||||
|
<td><span>7</span></td>
|
||||||
|
<td><span>8</span></td>
|
||||||
|
<td><span>9</span></td>
|
||||||
|
<td><span>10</span></td>
|
||||||
|
<td><span>11</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><span>12</span></td>
|
||||||
|
<td><span>13</span><p>Volunteer Day</p></td>
|
||||||
|
<td><span>14</span></td>
|
||||||
|
<td><span>15</span></td>
|
||||||
|
<td><span>16</span></td>
|
||||||
|
<td><span>17</span><p>Food Drive</p><p class="holiday">St. Patrick's Day</span></td>
|
||||||
|
<td><span>18</span><p>Blood Drive with American Red Cross</p></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><span>19</span></td>
|
||||||
|
<td><span>20</span><p>Volunteer Day</p></td>
|
||||||
|
<td><span>21</span></td>
|
||||||
|
<td><span>22</span></td>
|
||||||
|
<td><span>23</span></td>
|
||||||
|
<td><span>24</span></td>
|
||||||
|
<td><span>25</span></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><span>26</span></td>
|
||||||
|
<td><span>27</span><p>Volunteer Day</p></td>
|
||||||
|
<td><span>28</span></td>
|
||||||
|
<td><span>29</span></td>
|
||||||
|
<td><span>30</span></td>
|
||||||
|
<td><span>31</span><p>Food Drive</p></td>
|
||||||
|
<td><span class="nm">1</span></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
<footer data-m="bounce-up" data-m-duration="0.5">
|
<footer data-m="bounce-up" data-m-duration="0.5">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue