203 lines
6.0 KiB
HTML
203 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-br">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="../Css/page/Ambiente/Config/Ambientes/AmbientesConfig.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<main class="bloco_ambiente">
|
|
|
|
|
|
<div class="seguimento_1">
|
|
<section class="capitulo_1">
|
|
<div class="titulo_Cap">
|
|
<h2>Ambientes</h2>
|
|
</div>
|
|
|
|
<div class="painel_Cap">
|
|
<div class="coluna_1">
|
|
<div class="insercao_ambiente">
|
|
<button id="criarAmbiente">+</button>
|
|
</div>
|
|
<div class="pesquisa">
|
|
<input type="text" placeholder="Pesquise seu ambiente" id="pesquisarAmbiente">
|
|
<button id="pesquisa">Pesquise aqui</button>
|
|
</div>
|
|
</div>
|
|
<div class="coluna_2" id="apresentarAmbientes">
|
|
|
|
<div class="painelItem" id="Painel_itguys">
|
|
<div class="img">
|
|
<img src="../Acessts/Imagens/iT_Guys/Logo 32x32.png" alt="Logo da Itguys">
|
|
</div>
|
|
<div class="corpo">
|
|
<div class="titulo">
|
|
<h2>Nome da Empresa</h2>
|
|
</div>
|
|
<div class="alinhamentos">
|
|
<button id="AtreladorDashbord">Atreladores</button>
|
|
<button id="AtreladorGrupos">Atreladores</button>
|
|
</div>
|
|
</div>
|
|
<div class="edicao">
|
|
<button id="EdicacaoAmbiente_Itguys">:</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
<div class="seguimento_2">
|
|
|
|
<section class="capitulo_2">
|
|
<div class="titulo_Cap">
|
|
<h2>Status dos Ambientes</h2>
|
|
</div>
|
|
|
|
<div class="painel_Cap">
|
|
|
|
<div class="subpainel_Status">
|
|
|
|
<div class="bloco_1">
|
|
|
|
<div class="titulo">
|
|
<h2>Nome da Empresa</h2>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bloco_2">
|
|
|
|
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
|
|
<p>mensagem de status do ambiente</p>
|
|
|
|
</div>
|
|
<div class="button_rel">
|
|
|
|
<button id="Formulario">
|
|
<img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
|
|
</button>
|
|
|
|
</div>
|
|
<div class="status_ambiente" id="status_ambiente">
|
|
|
|
<p>OFF</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="subpainel_Status">
|
|
|
|
<div class="bloco_1">
|
|
|
|
<div class="titulo">
|
|
<h2>Nome da empresa</h2>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bloco_2">
|
|
|
|
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
|
|
<p>mensagem de status do ambiente</p>
|
|
|
|
</div>
|
|
<div class="button_rel">
|
|
|
|
<button id="Formulario">
|
|
<img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
|
|
</button>
|
|
|
|
</div>
|
|
<div class="status_ambiente" id="status_ambiente">
|
|
|
|
<p>OFF</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="subpainel_Status">
|
|
|
|
<div class="bloco_1">
|
|
|
|
<div class="titulo">
|
|
<h2>Nome da empresa</h2>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bloco_2">
|
|
|
|
<div class="Mensagem_ambiente" id="Mensagem_ambiente">
|
|
<p>mensagem de status do ambiente</p>
|
|
|
|
</div>
|
|
<div class="button_rel">
|
|
|
|
<button id="Formulario">
|
|
<img src="../Acessts/Imagens/Iconis/exportar.png" alt="">
|
|
</button>
|
|
|
|
</div>
|
|
<div class="status_ambiente" id="status_ambiente">
|
|
|
|
<p>OFF</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<section class="capitulo_3">
|
|
<div class="titulo_Cap">
|
|
<h2>Controle de Ambiente</h2>
|
|
</div>
|
|
<div class="painel_Cap">
|
|
<div class="coluna_1">
|
|
<button>ON</button>
|
|
<button>OFF</button>
|
|
<button>ERRO</button>
|
|
</div>
|
|
<div class="coluna_2">
|
|
|
|
<div class="opicao">
|
|
<button>Nome da empresa</button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |