Skip to content

E
EmpregaMais
Commit 37c7ba2a by Mariana Vieira Schmitt
Options

Melhoria visual da página empresas

parent 18121330
Showing with 92 additions and 30 deletions
static/style.css
......@@ -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
templates/empresas.html
......@@ -9,59 +9,93 @@
</head>
<body>
<!DOCTYPE html>
<html lang="pt-BR">
<div class="navbar">
<head>
<div class="logo">
EmpregaMais
</div>
<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="logo">
EmpregaMais
</div>
<div class="menu">
<a href="/">Home</a>
<a href="/cadastro">Cadastrar</a>
</div>
<div class="menu">
<a href="/">Home</a>
<a href="/cadastro">Cadastrar</a>
</div>
</div>
<div class="hero">
<div class="hero-content">
<h1>Empresas Contratando</h1>
<div class="hero">
<p>
Confira vagas disponíveis agora.
</p>
<h1>Empresas Contratando</h1>
</div>
<p>
Confira vagas disponíveis agora.
</p>
</div>
</div>
<div class="container">
<div class="container">
<div class="vagas-grid">
<div class="vagas-grid">
{% for vaga in vagas %}
{% for vaga in vagas %}
<div class="vaga-card">
<div class="vaga-card">
<h2>{{ vaga.empresa }}</h2>
<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>
<br>
<a href="/cadastro">
<button>
Candidatar-se
</button>
</a>
<button>
Candidatar-se
</button>
</div>
</div>
{% endfor %}
{% endfor %}
</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