-
Notifications
You must be signed in to change notification settings - Fork 0
/
perfil.html
178 lines (164 loc) · 8.54 KB
/
perfil.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Perfil Empresarial</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="perfil.css">
<link rel ="shortcut icon" href="https://www.pngmart.com/files/5/Work-PNG-Transparent.png">
<script src="vagas.js"></script>
<script src="perfil.js"></script>
</head>
<body onload="init()">
<nav class="navbar .navbar-nav .nav-item .nav-link .material-icons">
<!--Quando eu coloco o header ele fica grande e as letras ficam umas em baixo das outras, talvez se eu colocar um p-->
<div class="container px-lg-5">
<img src="inprego.png" class="logo">
<a class="nav-link active" aria-current="page" href="index.html">Cadastro de vagas</a></li> <!--PAGINA ATIVA-->
<a class="nav-link" href="#">Pagina inicial</a></li>
<a class="nav-link" href="#">Chat</a></li>
<a class="nav-link" href="#!">Forúm</a></li></a>
</div>
</nav>
<h1>PERFIL EMPRESARIAL</h1>
<div class="container">
<form id="form-contato">
<div class="form-group">
<input type="text" class="form-control" id="nome" placeholder="Nome da empresa">
</div>
<div class="form-group">
<select name="inputEstado" id="estado" class="form-control">
<option value="">Estado qual a empresa se encontra</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
<option value="Mais de um estado">Mais de um estado</option>
<option value="Estrangeiro">Estrangeiro</option>
</select>
</div>
<div class="form-group">
<input type="number" class="form-control" id="ano" placeholder="Ano de criação da empresa">
</div>
<div class="form-group">
<input type="text" class="form-control" id="contato" placeholder="Telefone de contato">
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="E-mail empresarial">
</div>
<div class="form-group">
<input type="text" class="form-control" id="endereco" placeholder="Endereço da empresa">
</div>
<div class="form-group">
<label for="objetivo">Objetivo da empresa com os funcionários: </label>
<input type="text" class="form-control" id="objetivo">
</div>
<div class="form-group">
<label for="formacao">Informações sobre a empresa: </label>
<input type="text" class="form-control" id="formacao">
</div>
<div class="form-group">
<label for="experiencia">Experiências: </label>
<input type="text" class="form-control" id="experiencia">
</div>
<!--<input type="button" class="btn" id="btnInsert" value="Enviar">--> <!--coloquei o botão do guilherme em comentarios-->
</form>
<div class="form-group row">
<div class="col-sm-12">
<a><input type="button" class="btn btn-secondary btn-lg btn-block" id="btnInsert" value="Enviar"></a>
</div>
<div>
<p>
⠀⠀⠀⠀⠀⠀
</p>
</div>
<div class="col-sm-12">
<a href="index.html"><input type="button" class="btn btn-secondary btn-lg btn-block" id="btnCadastro" value="Criar nova vaga"></a>
</div>
</div>
</div>
<script>
function init() {
// Adiciona funções para tratar os eventos
$("#btnInsert").click(function () {
// Obtem os valores dos campos do formulário
let campoNome = $("#nome").val();
let campoEstado = $("#estado").val();
let campoAno = $('#ano').val();
let campoTelefone = $("#contato").val();
let campoEmail = $('#email').val();
let campoEndereco = $('#endereco').val();
let campoObjetivo = $('#objetivo').val();
let campoFormacao = $('#formacao').val();
let campoExperiencia = $('#experiencia').val();
let empresa = {
nome: campoNome,
estado: campoEstado,
ano: campoAno,
contato: campoTelefone,
email: campoEmail,
endereco: campoEndereco,
objetivo: campoObjetivo,
formacao: campoFormacao,
experiencia: campoExperiencia };
insertEmpresa(empresa);
});
}
</script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!--
<div class="form-group row">
<div class="col-sm-6">
<div style="width: 500px;">
<button type="button" class="btn btn-primary btn-lg btn-block" id="btnInsert" value="Inserir">Inserir</button>
<button type="button" class="btn btn-primary btn-lg btn-block" id="btnInsert" value="Inserir">Inserir</button>
</div>
</div>
<div class="col-sm-6">
<div style="width: 500px;">
<button type="button" class="btn btn-primary btn-lg btn-block" id="btnInsert" value="Inserir">Inserir</button>
<button type="button" class="btn btn-primary btn-lg btn-block" id="btnInsert" value="Inserir">Inserir</button>
</div>
</div>
</div>
-->
<!-- Footer -->
<footer>
<section>
<div class="text-center p-3 pl-0 navbar-dark" style="background-color: rgb(101, 86, 222);">
<div class="row">
<div class="col-12">
<p>©INprego - Todos os direitos reservados - 2022</p>
</div>
</div>
</div>
</footer>
</body>
</html>