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{ ...@@ -179,3 +179,29 @@ body{
.vaga-card button:hover{ .vaga-card button:hover{
background: #0b5ed7; 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 @@ ...@@ -9,59 +9,93 @@
</head> </head>
<body> <body>
<!DOCTYPE html>
<html lang="pt-BR">
<div class="navbar"> <head>
<div class="logo"> <meta charset="UTF-8">
EmpregaMais
</div> <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> <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> </div>
Confira vagas disponíveis agora.
</p>
</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> </div>
Candidatar-se
</button>
</div> {% endfor %}
{% endfor %} </div>
</div> </div>
</div>
</body> </body>
</html> </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