%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/infra/
Upload File :
Create Path :
Current File : //home/infra/formulario.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Formulário Estilo Google Forms</title>
  <!-- Incluindo o Bootstrap CSS -->
  <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
  <!-- Estilo customizado para o formulário -->
  <style>
    body {
      background-color: #f0f2f5;
      font-family: Arial, sans-serif;
      padding-top: 20px;
    }
    .container {
      max-width: 600px;
      background-color: #ffffff;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      padding: 30px;
      margin: 0 auto;
    }
    .logo {
      max-width: 150px;
      height: auto;
      margin-bottom: 20px;
    }
    .form-title {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 30px;
      color: #4285f4; /* Azul do Google */
    }
    .form-group {
      margin-bottom: 20px;
    }
    .form-check-label {
      font-weight: 400;
    }
    .btn-primary {
      background-color: #4285f4; /* Azul do Google */
      border-color: #4285f4; /* Azul do Google */
      width: 100%;
    }
    .btn-primary:hover {
      background-color: #357ae8; /* Azul mais escuro do Google */
      border-color: #357ae8; /* Azul mais escuro do Google */
    }
    textarea.form-control {
      resize: vertical; /* Permite redimensionar verticalmente apenas */
      min-height: 100px; /* Altura mínima inicial */
    }
  </style>
</head>
<body>
  <div class="container">
    <!-- Logo no topo do formulário -->
    <div class="text-center mb-4">
      <img src="logo.png" alt="Logo da Empresa" class="logo">
    </div>
    <!-- Título do formulário -->
    <h2 class="form-title text-center">Formulário Estilo Google Forms</h2>
    <!-- Formulário -->
    <form action="salvar_formulario.php" method="post">
      <div class="form-group">
        <label>Escolha uma opção:</label>
        <div class="form-check">
          <input class="form-check-input" type="radio" id="opcao1" name="opcao" value="opcao1" checked>
          <label class="form-check-label" for="opcao1">
            Opção 1
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" id="opcao2" name="opcao" value="opcao2">
          <label class="form-check-label" for="opcao2">
            Opção 2
          </label>
        </div>
        <div class="form-check">
          <input class="form-check-input" type="radio" id="opcao3" name="opcao" value="opcao3">
          <label class="form-check-label" for="opcao3">
            Opção 3
          </label>
        </div>
      </div>
      <div class="form-group">
        <label for="campoTexto">Digite algo:</label>
        <textarea class="form-control" id="campoTexto" name="campoTexto" rows="4" placeholder="Digite aqui"></textarea>
      </div>
      <button type="submit" class="btn btn-primary">Enviar</button>
    </form>
  </div>

  <!-- Incluindo o Bootstrap JS (opcional, mas útil para funcionalidades como dropdowns) -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

Zerion Mini Shell 1.0