Melhoria visual da página empresas

parent 18121330
......@@ -179,3 +179,29 @@ body{
.vaga-card button:hover{
background: #0b5ed7;
}
/* Melhorias visuais */
.vaga-card{
transition: 0.3s;
}
.vaga-card:hover{
transform: translateY(-5px);
}
@media (max-width: 768px){
.navbar{
flex-direction: column;
gap: 10px;
}
.hero-content h1{
font-size: 32px;
}
.menu a{
margin: 0 10px;
}
}
\ No newline at end of file
......@@ -9,8 +9,26 @@
</head>
<body>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>Empresas - EmpregaMais</title>
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="navbar">
<div class="navbar">
<div class="logo">
EmpregaMais
......@@ -21,9 +39,11 @@
<a href="/cadastro">Cadastrar</a>
</div>
</div>
</div>
<div class="hero">
<div class="hero">
<div class="hero-content">
<h1>Empresas Contratando</h1>
......@@ -31,9 +51,11 @@
Confira vagas disponíveis agora.
</p>
</div>
</div>
<div class="container">
</div>
<div class="container">
<div class="vagas-grid">
......@@ -43,17 +65,28 @@
<h2>{{ vaga.empresa }}</h2>
<p><strong>Vaga:</strong> {{ vaga.vaga }}</p>
<p>
<strong>Vaga:</strong>
{{ vaga.vaga }}
</p>
<p><strong>Cidade:</strong> {{ vaga.cidade }}</p>
<p>
<strong>Cidade:</strong>
{{ vaga.cidade }}
</p>
<p><strong>Salário:</strong> {{ vaga.salario }}</p>
<p>
<strong>Salário:</strong>
{{ vaga.salario }}
</p>
<br>
<a href="/cadastro">
<button>
Candidatar-se
</button>
</a>
</div>
......@@ -61,7 +94,8 @@
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment