%PDF-
%PDF-
Mini Shell
Mini Shell
<!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 Rádios</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">Deixe aqui a sua sugestão:</h2>
<!-- Descrição do formulário -->
<h3 class="form-description text-center">Prezado colaborador, o RH deseja saber sua opinião. Este formulário tem por objetivo fornecer um espaço de comunicação e sugestão dos colaboradores com a empresa. Através da percepção dos resultados obtidos estaremos trabalhando para melhorar a qualidade do nosso ambiente de trabalho
Sua participação é muito importante para nós, e não será necessário que se identifique em nenhum momento.</h3>
<!-- Formulário -->
<form action="salvar_formulario.php" method="post">
<div class="form-group">
<label>Dia a sua empresa:</label>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao1" name="opcao" value="Rádio Relógio" checked>
<label class="form-check-label" for="opcao1">
Radio Relógio
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao2" name="opcao" value="Rádio Relógio-Bonfinópolis">
<label class="form-check-label" for="opcao2">
Rádio Relógio-Bonfinópolis
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao3" name="opcao" value="Rádio Relógio - São Gonçalo">
<label class="form-check-label" for="opcao3">
Rádio Relógio - São Gonçalo
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao4" name="opcao" value="FIC">
<label class="form-check-label" for="opcao4">
FIC
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao5" name="opcao" value="Patrocínio Paulista">
<label class="form-check-label" for="opcao5">
Patrocínio Paulista
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao6" name="opcao" value="Nossa Rádio Teresina">
<label class="form-check-label" for="opcao6">
Nossa Rádio Teresina
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao7" name="opcao" value="Prograça">
<label class="form-check-label" for="opcao7">
Prograça
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao8" name="opcao" value="Nossa Rádio">
<label class="form-check-label" for="opcao8">
Nossa Rádio
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao9" name="opcao" value="Fundação Tropical">
<label class="form-check-label" for="opcao9">
Fundação Tropical
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao10" name="opcao" value="Rádio Cantagalo">
<label class="form-check-label" for="opcao10">
Rádio Cantagalo
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao11" name="opcao" value="Fungraça">
<label class="form-check-label" for="opcao11">
Fungraça
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao12" name="opcao" value="Rádio Satélite">
<label class="form-check-label" for="opcao12">
Rádio Satélite
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao13" name="opcao" value="Meaipe">
<label class="form-check-label" for="opcao13">
MEAIPE
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao14" name="opcao" value="Fungraco">
<label class="form-check-label" for="opcao14">
Fungraco
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao15" name="opcao" value="Rádio Cajobi">
<label class="form-check-label" for="opcao15">
Rádio Cajobi
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao16" name="opcao" value="Fumagros">
<label class="form-check-label" for="opcao16">
Fumagros
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao17" name="opcao" value="Vitória Empresa">
<label class="form-check-label" for="opcao17">
Vitória Empresa
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao18" name="opcao" value="Fugrab">
<label class="form-check-label" for="opcao18">
Fugrab
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao19" name="opcao" value="Nossa Rádio Dracena">
<label class="form-check-label" for="opcao19">
Nossa Rádio Dracena
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao20" name="opcao" value="Nossa Rádio Frutal">
<label class="form-check-label" for="opcao20">
Nossa Rádio Frutal
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao21" name="opcao" value="Nossa Rádio Araçatuba">
<label class="form-check-label" for="opcao21">
Nossa Rádio Araçatuba
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" id="opcao22" name="opcao" value="Fupar">
<label class="form-check-label" for="opcao22">
Fupar
</label>
</div>
</div>
<div class="form-group">
<label for="campoTexto">Deixe aqui sua sugestão e/ou reclamação:</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