Spaces:

valencar
/

PulmoX

Sleeping

App Files Files Community

PulmoX / contact.html

valencar

Upload 14 files

dfe1a09 verified about 2 months ago

raw

history blame contribute delete

4.47 kB

	<!DOCTYPE html>
	<html lang="pt-BR">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>PulmoX - Contact</title>

	<!-- INÍCIO DO CÓDIGO DO FAVICON -->
	<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
	<!-- FIM DO CÓDIGO DO FAVICON -->


	<style>
	body {
	font-family: sans-serif;
	background-color: #080808;
	color: #F5F5F5;
	margin: 0;
	padding: 0;
	display: flex;
	}
	.sidebar {
	width: 280px;
	min-height: 100vh;
	background-color: #181818; /* Fundo escuro simples */
	backdrop-filter: none;
	color: #F5F5F5;
	padding: 20px;
	box-sizing: border-box;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	}
	.sidebar-content {
	flex-grow: 1;
	}
	.sidebar-image {
	margin-top: auto;
	padding-top: 20px;
	text-align: left;
	}
	.sidebar-image img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	}
	.sidebar-logo {
	text-align: left; /* Alinha a logomarca à esquerda */
	padding: 20px 0 0 0; /* Remove o padding extra para alinhar com o menu */
	background-color: transparent; /* Cor de fundo da sidebar */
	}
	.sidebar-menu {
	margin-top: 40px; /* Aumenta o espaço entre a logo e o menu */
	margin-bottom: 20px;
	}
	.sidebar-menu a {
	display: block;
	color: #F5F5F5;
	text-decoration: none;
	padding: 15px 20px; /* Aumenta o padding */
	margin: 5px -20px; /* Estende a área de destaque para a borda da sidebar */
	font-size: 28px; /* Aumenta a fonte para maior visibilidade */
	font-family: sans-serif; /* Volta para a fonte padrão do corpo, mais legível */
	font-weight: 700; /* Negrito, mas não excessivo */
	transition: all 0.2s ease-in-out;
	bborder-radius: 0;/
	}
	.sidebar-menu a:hover {
	background-color: #303030; /* Fundo mais escuro no hover */
	color: #F5F5F5; /* Texto branco no hover */
	box-shadow: none;
	}
	.sidebar-menu a.active {
	background-color: #303030; /* Fundo mais escuro no ativo */
	color: #F5F5F5;
	box-shadow: none;
	font-weight: bold;
	border-left: 3px solid #00C853; /* Linha de destaque minimalista */
	padding-left: 17px; /* Ajusta o padding */
	}
	.main-content {
	flex-grow: 1;
	padding: 1rem 2rem;
	box-sizing: border-box;
	}
	.main-container {
	max-width: 700px;
	margin: 0 auto;
	}
	.contact-info {
	margin-top: 2rem;
	font-size: 18px; /* Aumenta a fonte para 18px */
	line-height: 1.8;
	text-align: left; /* Garante o alinhamento à esquerda do conteúdo de contato */
	}
	.contact-info a {
	color: #00C853; !important;
	text-decoration: none !important;
	}
	</style>
	</head>
	<body>
	<div class="sidebar">
	<div class="sidebar-logo">
	<a href="index.html"><img src="pulmox_logo_v2.png" alt="PulmoX Logo" style="width: 220px; height: auto; margin-bottom: 20px;"></a>
	</div>
	<div class="sidebar-content">
	<div class="sidebar-menu">
	<a href="index.html">Sobre</a>
	<a href="ai_system.html">PulmoX</a>
	<a href="contact.html" class="active">Contato</a>
	</div>
	</div>

	</div>
	<div class="main-content">
	<div class="main-container">
	<h1>Contato e Informações do Projeto</h1>
	<div class="contact-info">
	<p><strong>PulmoX - versão 1.6</strong></p>
	<p>Desenvolvido por:<br> Prof. Dr. Vladimir C. Alencar e Pesquisadores Associados</p>
	<p>LANA/UEPB</p>
	<p>Campina Grande. Paraíba. Brasil. 2025</p>
	<p><a href="https://www.valencar.com" target="_blank">www.valencar.com</a></p>
	</div>
	</div>
	</div>
	</body>
	</html>