Skip to content

realização da atividade #57

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

realização da atividade #57

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8376ebc
realização da atividade
danibena May 1, 2022
cfadad3
Update index.html
danibena Jul 18, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions Atividade_casa_alunas/danielle_bena/Conteudo_aula/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@




Binary file added Atividade_casa_alunas/danielle_bena/Conteudo_aula/img/Maldivas.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Atividade_casa_alunas/danielle_bena/Conteudo_aula/img/Paris.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Atividade_casa_alunas/danielle_bena/Conteudo_aula/img/viagem.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 55 additions & 0 deletions Atividade_casa_alunas/danielle_bena/Conteudo_aula/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>Meus Sonhos </title>
</head>
<body>
<header class="barra-navegacao">
<img src="./img/viagem.png" alt="Imagem do globo terra" class="barra-navegacao__imagem">
<p>Meus próximos destinos</p>
</header>
<main>
<!--Primeira section-->

<section class="conteudo-principal">
<h1>Lugares que eu ainda vou conhecer</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis ipsum reprehenderit fugit ipsa veritatis dolores quaerat? Saepe veniam perferendis quasi nemo magnam deleniti laboriosam porro autem, officiis voluptate. Omnis, officiis. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure consequuntur omnis vero, pariatur deserunt adipisci. Veritatis quos id perferendis ipsa dolores vel quam molestiae neque sit, earum, temporibus distinctio quas!</p>
<p>Lorem um dolor sit amet consectetur adipisicing elit. Omnis adipisci aspernatur cupiditate dolor nesciunt accusantium, fugiat sit laboriosam, sed error quae ipsam! Culpa ipsa sunt quod suscipit laboriosam distinctio placeat. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iusto dolorum beatae dignissimos minus culpa consectetur quae eum, temporibus ea ab asperiores rem, illo distinctio fugit amet itaque eaque. Minima, illum.</p>
</section>

<!--Segunda section-->

<section class="segunda-section">
<div class="container-pais background-pais1">
<div class="container-pais__texto">
<h2>Paris</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis neque, vero porro natus nihil rerum vel aperiam alias, cupiditate sint nemo enim nostrum. Omnis, aliquam quas quis neque sint eum.</p>
</div>
<img src="./img/Paris.jpg" alt="Paris">
</div>
<div class="container-pais row-reverse">
<div class="container-pais__texto">
<h2>Maldivas</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis neque, vero porro natus nihil rerum vel aperiam alias, cupiditate sint nemo enim nostrum. Omnis, aliquam quas quis neque sint eum.</p>
</div>
<img src="./img/Maldivas.jpg" alt="Maldivas">
</div>
</section>

<!--Terceira section-->




</main>
<footer class="rodape">
<p>
Site desenvolvido por Juliane Andrade - Aula {Reprograma} | &copy;
Copyright 2021
</p>
</footer>
</body>
</html>
209 changes: 209 additions & 0 deletions Atividade_casa_alunas/danielle_bena/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,209 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&family=Open+Sans:wght@300;400;500;600&display=swap');
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}

body {
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: #b382ba;
}

.container {
width: 80%;
height: 80vh;
display: flex;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.212);
}

.form-image {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: #cbcbcb;
padding: 1rem;
}

.form-image img {
width: 31rem;
}

.form {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
padding: 3rem;
}

.form-header {
margin-bottom: 3rem;
display: flex;
justify-content: space-between;
}

.login-button {
display: flex;
align-items: center;
}

.login-button button {
border: none;
background-color: #7D4695;
padding: 0.4rem 1rem;
border-radius: 5px;
cursor: pointer;
}

.login-button button:hover {
background-color: #7D4695;
}

.login-button button a {
text-decoration: none;
font-weight: 500;
color: #fff;
}

.form-header h1::after {
content: '';
display: block;
width: 5rem;
height: 0.3rem;
background-color: #7D4695;
margin: 0 auto;
position: absolute;
border-radius: 10px;
}

.input-group {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 1rem 0;
}

.input-box {
display: flex;
flex-direction: column;
margin-bottom: 1.1rem;
}

.input-box input {
margin: 0.6rem 0;
padding: 0.8rem 1.2rem;
border: none;
border-radius: 10px;
box-shadow: 1px 1px 6px #0000001c;
font-size: 0.8rem;
}

.input-box input:hover {
background-color: #eeeeee75;
}

.input-box input:focus-visible {
outline: 1px solid #7D4695;
}

.input-box label,
.gender-title h6 {
font-size: 0.75rem;
font-weight: 600;
color: #000000c0;
}

.input-box input::placeholder {
color: #000000be;
}

.gender-group {
display: flex;
justify-content: space-between;
margin-top: 0.62rem;
padding: 0 .5rem;
}

.gender-input {
display: flex;
align-items: center;
}

.gender-input input {
margin-right: 0.35rem;
}

.gender-input label {
font-size: 0.81rem;
font-weight: 600;
color: #000000c0;
}

.continue-button button {
width: 100%;
margin-top: 2.5rem;
border: none;
background-color: #7D4695;
padding: 0.62rem;
border-radius: 5px;
cursor: pointer;
}

.continue-button button:hover {
background-color: #7D4695;
}

.continue-button button a {
text-decoration: none;
font-size: 0.93rem;
font-weight: 500;
color: #fff;
}

@media screen and (max-width: 1330px) {
.form-image {
display: none;
}
.container {
width: 50%;
}
.form {
width: 100%;
}
}

@media screen and (max-width: 1064px) {
.container {
width: 90%;
height: auto;
}
.input-group {
flex-direction: column;
z-index: 5;
padding-right: 5rem;
max-height: 10rem;
overflow-y: scroll;
flex-wrap: nowrap;
}
.indication-inputs {
margin-top: 2rem;
}
.gender-group {
flex-direction: column;
}
.gender-title h6 {
margin: 0;
}
.gender-input {
margin-top: 0.5rem;
}
}
64 changes: 64 additions & 0 deletions Atividade_casa_alunas/danielle_bena/img/undraw_services_re_hu5n.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading