Skip to content

Commit

Permalink
fiz coisas
Browse files Browse the repository at this point in the history
  • Loading branch information
WendelBitencourt committed Dec 7, 2023
1 parent 98b7d90 commit 5b07e8e
Show file tree
Hide file tree
Showing 9 changed files with 352 additions and 136 deletions.
47 changes: 47 additions & 0 deletions css/equipe.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
body {
background-color: #f4f4f4;
}

.container {
margin-top: 200px;
width: 100%;
display: flex;
gap: 100px;
flex-wrap: wrap;
justify-content: space-evenly;
align-content: center;
text-align: center;
}

.developer {
margin-bottom: 30px;
}

.developer img {
border-radius: 50%;
width: 150px;
height: 150px;
object-fit: cover;
margin-bottom: 10px;
}

.developer h2 {
margin-bottom: 5px;
}

.developer p {
margin: 0;
}

.social-icons {
display: flex;
justify-content: center;
margin-top: 10px;
}

.social-icons a {
display: inline-block;
margin: 0 10px;
text-decoration: none;
color: #333;
}
27 changes: 15 additions & 12 deletions css/format.css
Original file line number Diff line number Diff line change
Expand Up @@ -265,7 +265,7 @@ textarea#resposta {
.titulo_ask {
display: flex;
justify-content: space-between;
margin-block-start: 25px;
margin-top: 100px;
}

.titulo_ask h1 {
Expand Down Expand Up @@ -327,7 +327,6 @@ textarea#resposta {
text-align: center;
}


.modal {
transition: opacity 0.5s ease;
background-color: rgba(0, 0, 0, 0.9);
Expand Down Expand Up @@ -395,7 +394,10 @@ fieldset {
/* Container que envolve os elementos .form-row */
.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Define colunas de tamanho mínimo de 200px */
grid-template-columns: repeat(
auto-fill,
minmax(200px, 1fr)
); /* Define colunas de tamanho mínimo de 200px */
gap: 10px; /* Espaçamento entre os elementos */
}

Expand All @@ -408,14 +410,16 @@ fieldset {
margin-inline-start: 0px;
}

label, select, input {
label,
select,
input {
text-align: left;
vertical-align: middle;
white-space: nowrap; /* Adicionado para evitar quebra de linha */
}


select, input {
select,
input {
/* margin-left: 10px; */
padding: 8px;
border: 1px solid #ccc;
Expand All @@ -432,19 +436,18 @@ input#filtroInput {
}
}


/* Estilizando a legenda (opcional) */
legend {
font-weight: bold; /* Deixa a legenda em negrito */
margin-bottom: 10px; /* Adiciona espaçamento abaixo da legenda */
font-weight: bold; /* Deixa a legenda em negrito */
margin-bottom: 10px; /* Adiciona espaçamento abaixo da legenda */
}

#filtroInput {
width: 60%; /* Ajuste o valor conforme necessário */
width: 60%; /* Ajuste o valor conforme necessário */
}

/*CSS linha-externa será adicionada à linha da tabela se a origem for "Externa".*/
.linha-externa {
background-color: #b1e1eb;
font-weight: 500;
}
font-weight: 500;
}
149 changes: 149 additions & 0 deletions equipe.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
<!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="css/principal.css">
<link rel="stylesheet" href="css/equipe.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="shortcut icon" href="img/fatec_icon.ico" type="image/x-icon">
<script src="js/validacao.js"></script>
<script src="https://code.jquery.com/jquery-3.6.4.min.js" async></script>
<title>Pagina Principal</title>

<script>
function redirecionar() {
window.location.href = "https://fatecitapira.edu.br/maisnoticias.html";
}
</script>

</head>

<body>
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>
</div>
<header id="cabecalho">
<div class="card_cabecalho">
<figure class="logotipo">
<a href="principal.php"><img src="img/logo_fatec.png" alt="Logo Fatec Itapira" title="logo_fatec"></a>
</figure>

<nav class="nav" title="menu">
<ul class="nav-list">
<li class="nav-item"><a href="https://fatecitapira.edu.br/">Home</a></li>
<li class="nav-item"><a href="https://www.vestibularfatec.com.br/home/"
target="_blank">Vestibular</a></li>
<li class="nav-item"><a href="equipe.html" title="duvidas">Conheça os desenvolvedores</a></li>
<li class="nav-item"><a href="login/login.html">Painel</a></li>
</ul>
</nav>
</div>

</header>



<div class="container">
<div class="developer">
<img src="img/iago.jpeg" alt="Desenvolvedor 1">
<h2>Nome do Desenvolvedor 1</h2>
<p>
<a href="https://www.linkedin.com/in/dev1" target="_blank">LinkedIn</a> |
<a href="https://github.com/dev1" target="_blank">GitHub</a>
</p>
</div>

<div class="developer">
<img src="img/gostoso.jpg" alt="Desenvolvedor 2">
<h2>Nome do Desenvolvedor 2</h2>
<p>
<a href="https://www.linkedin.com/in/dev2" target="_blank">LinkedIn</a> |
<a href="https://github.com/dev2" target="_blank">GitHub</a>
</p>
</div>

<div class="developer">
<img src="img/andre.jpeg" alt="Desenvolvedor 3">
<h2>Nome do Desenvolvedor 3</h2>
<p>
<a href="https://www.linkedin.com/in/dev3" target="_blank">LinkedIn</a> |
<a href="https://github.com/dev3" target="_blank">GitHub</a>
</p>
</div>

<div class="developer">
<img src="img/reginaldo.jpeg" alt="Desenvolvedor 4">
<h2>Nome do Desenvolvedor 4</h2>
<p>
<a href="https://www.linkedin.com/in/dev4" target="_blank">LinkedIn</a> |
<a href="https://github.com/dev4" target="_blank">GitHub</a>
</p>
</div>
</div>








<div class="contato_whatsapp">
<a href="https://api.whatsapp.com/send?phone=551938635210&amp;text=" target="_blank" rel="whatsapp">
<img src="icon/whatsapp-icon-png-whatsapp-transparent.png" alt="Whatsapp">
</a>
</div>




<footer class="rodape">
<div class="container_footer">
<!-- Css relacionado ao contato endereço -->
<div class="footer">
<div class="img_icone" title="icone">
<img src="icon/location-icon-white-png.png">
</div>
<h2 class="titulo_rodape"><strong>Endereço</strong></h2>
<p>Rua Tereza Lera Paoletti, 570/590 - Jardim Bela Vista, 13974-080</p>
</div>
<!-- Css relacionado ao contato telefone -->
<div class="footer">
<div class="img_icone" title="icone">
<img src="icon/telefone-do-lab-white-contact-icon-png.png" alt="icone telefone">
</div>
<h2 class="titulo_rodape"><strong>Telefone:</strong></h2>
<p>Telefones: (19) 3843-1996</p>
<p>Whatsapp: (19) 98933-6291 | (19) 3863-5210</p>
</div>
<!-- Css relacionado ao E-mail -->
<div class="footer">
<div class="img_icone" title="icone">
<img src="icon/mail-png-994910.png" class="icon_email">
</div>
<h2 class="titulo_rodape"><strong>E-mail</strong></h2>
<p>[email protected]</p>
</div>
</div>
<div class="Copyright">
<h3 class="nota_rodape">Copyright © 2023 Fatec Itapira - Todos os Direitos Reservados - Desenvolvido por
alunos T.I. da Fatec
</h3>
</div>
</footer>


</body>


</html>
Binary file added img/andre.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/gostoso.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/iago.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/reginaldo.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 5b07e8e

Please sign in to comment.