Criação da pagina calendario

This commit is contained in:
2026-03-10 20:47:56 -03:00
parent 7e8dec9c26
commit 683ab959f2
6 changed files with 111 additions and 5 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tcc parte2</title>
<title>Cadastro</title>
<link rel="stylesheet" href="stylecad.css">
<link rel="icon" href="imagens/icone.png">
</head>

44
calendario.html Normal file
View File

@@ -0,0 +1,44 @@
<!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="stylecal.css">
<link rel="icon" href="imagens/icone.png">
<title>Calendario</title>
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
</head>
<body>
<!--Barrinha que fica no topo-->
<div id="topo">
<h1 id="textotop">Focus Agenda</h1>
</div>
<!--cabo bar-->
<!--Começo daquele mini calendario na esquerda/-->
<div id="barraesquerda">
<div id="tabela">
<table>
<tr>
<th id="mes">Janeiro 2025 </th>
</tr>
<tr>
<th>bizarro</th>
</tr>
</table>
</div>
</div>
<!--Cabo mini calendario-->
</body>
</html>

View File

@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -33,7 +32,7 @@
<label for="senhaid">Senha</label>
<input type="password" placeholder="Digite sua senha" name="senha" id="senhaid" required>
</div>
<button type="submit" id="logbtn">Logar</button>
<button type="submit" id="logbtn"><a href="calendario.html">Logar</button>
</form>
<p class="mens"><a href="cadastro.html" id="linkcada">Cadastrar-se</a></p>
</div>

View File

@@ -44,7 +44,7 @@
position: fixed;
top: 0;
left: 0;
background: linear-gradient(to right, #93032E 47%, #7A4951 73%, #114455 87%);
background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
display: flex;
align-items: center;
justify-content: flex-start;

63
stylecal.css Normal file
View File

@@ -0,0 +1,63 @@
* {
padding: 0;
margin: 0;
}
p,
h1,
h2,
h3 {
margin: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
body {
height: 100vh;
}
#topo {
width: 100%;
height: 50px;
background-color: #111;
position: fixed;
top: 0;
left: 0;
background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
display: flex;
align-items: center;
justify-content: flex-start;
}
#textotop {
padding-left: 20px;
font-size: 38px;
margin: 0;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
#barraesquerda {
left: 0;
background-color: #C0392B;
height: 100%;
width: 330px;
}
#tabela {
padding-top: 60px;
}
th {
white-space: nowrap;
}
#mes {
padding-left: 13%;
color: white;
font-size: 25px;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}

View File

@@ -45,7 +45,7 @@ body {
position: fixed;
top: 0;
left: 0;
background: linear-gradient(to right, #93032E 47%, #7A4951 73%, #114455 87%);
background: linear-gradient(to right, #C0392B 47%, #7A4951 73%, #114455 87%);
display: flex;
align-items: center;
justify-content: flex-start;