120 lines
4.4 KiB
HTML
120 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="pt-br">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="calendario.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<link rel="icon" href="imagens/icone.png">
|
||
</head>
|
||
|
||
<body> <!--Barrinha que fica no topo-->
|
||
<div id="header">
|
||
<h1 id="title">Focus Agenda</h1>
|
||
</div> <!--cabo bar--> <!--Começo daquele mini calendario na esquerda/-->
|
||
<div id="barraesquerda">
|
||
<div id="calendario">
|
||
<div class="calendariotop">
|
||
<div class="mes" id="mes">Janeiro 2025</div>
|
||
<div class="calendarseta"> <button class="prox" aria-label="Mês anterior">‹</button> <button class="ant"
|
||
aria-label="Próximo mês">›</button> </div>
|
||
</div>
|
||
<table class="calendariodia">
|
||
<thead>
|
||
<tr>
|
||
<th>DOM</th>
|
||
<th>SEG</th>
|
||
<th>TER</th>
|
||
<th>QUA</th>
|
||
<th>QUI</th>
|
||
<th>SEX</th>
|
||
<th>SAB</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td class="outromes">31</td>
|
||
<td class="dia">1</td>
|
||
<td class="dia">2</td>
|
||
<td class="dia">3</td>
|
||
<td class="dia">4</td>
|
||
<td class="dia">5</td>
|
||
<td class="dia">6</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="dia">7</td>
|
||
<td class="dia">8</td>
|
||
<td class="dia">9</td>
|
||
<td class="dia">10</td>
|
||
<td class="dia">11</td>
|
||
<td class="dia">12</td>
|
||
<td class="dia">13</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="dia">14</td>
|
||
<td class="dia">15</td>
|
||
<td class="dia">16</td>
|
||
<td class="dia">17</td>
|
||
<td class="dia">18</td>
|
||
<td class="dia">19</td>
|
||
<td class="dia">20</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="dia">21</td>
|
||
<td class="dia">22</td>
|
||
<td class="dia">23</td>
|
||
<td class="dia">24</td>
|
||
<td class="dia">25</td>
|
||
<td class="dia">26</td>
|
||
<td class="dia">27</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="dia">28</td>
|
||
<td class="dia">29</td>
|
||
<td class="dia">30</td>
|
||
<td class="dia">31</td>
|
||
<td class="outromes">1</td>
|
||
<td class="outromes">2</td>
|
||
<td class="outromes">3</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!--Cabo mini calendario-->
|
||
<div class="agenda">
|
||
<div class="agenda-header">
|
||
<strong>HOJE</strong> 07/11/2025
|
||
</div>
|
||
|
||
<div class="evento azul">
|
||
<div class="hora">08:15 – 09:15</div>
|
||
<div class="titulo">Coçar oq fazer</div>
|
||
<div class="link">https://youtube.com</div>
|
||
</div>
|
||
|
||
<div class="evento azul">
|
||
<div class="hora">09:00 – 10:00</div>
|
||
<div class="titulo">COMO QUE DIMINUI A FONTE?</div>
|
||
<div class="link">https://sccor.com</div>
|
||
</div>
|
||
|
||
<div class="evento rosa">
|
||
<div class="hora">11:00 – 11:45</div>
|
||
<div class="titulo">Pintar boobie-goods</div>
|
||
</div>
|
||
|
||
<div class="evento azul">
|
||
<div class="hora">18:20 – 23:00</div>
|
||
<div class="titulo">Ir pro curso (infelizmente)</div>
|
||
<div class="link">dom 4, BBP</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
|
||
</html> |