<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/figmaSchoolLab/icone.jpg">
  <title>School Lab UFC</title>
  <link rel="stylesheet" href="/css/pages-styles.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  <script defer src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
</head>

<body>
  <header>
    <%- include('../partials/header'); -%>
  </header>
  <div class="text">
    <h5>Bem vindo a página de contato, aqui você poderá falar concosco, mandar sugestões de melhoria, fazer elogios ou
      tirar suas dúvidas.</h5>
  </div>
  <form id="form" style="height: 467px;" action="/views/Monitor/Contato" method="POST">
    <div class="mb-3" style="margin: 0px 20px 0px 20px;">
      <label for="exampleFormControlInput1" class="form-label">Nome e sobrenome</label>
      <input type="text" class="form-control" id="nomeDoSugestor" name="nomeDoSugestor" placeholder="nome">
    </div>
    <div class="mb-3" style="margin: 0px 20px 0px 20px;">
      <label for="exampleFormControlInput1" class="form-label">Email</label>
      <input type="email" class="form-control" id="emailDoSugestor" name="emailDoSugestor" placeholder="name@alu.ufc.br">
    </div>
    <div class="mb-3" style="margin: 0px 20px 0px 20px;">
      <label for="exampleFormControlInput1" class="form-label">Curso</label>
      <input type="text" class="form-control" id="cursoDoSugestor" name="cursoDoSugestor" placeholder="curso">
    </div>
    <div class="mb-3" style="margin: 0px 20px 0px 20px;">
      <label for="exampleFormControlTextarea1" class="form-label">Descrição</label>
      <textarea class="form-control" id="sugestao" name="sugestao" rows="3" placeholder="descrição"></textarea>
    </div>
    <div id="button">
      <button id="enviar">Enviar</button>
    </div>
  </form><br><br>
  <footer class="footer">
    <%- include('../partials/footer'); -%>
  </footer>
</body>

</html>