WilliamSimao/challenge-tourist-attractions-WilliamSimao
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(TouristAttractions): co

Browse Source
This commit is contained in:
William Simão Cavalcante 2022-11-16 20:04:45 -03:00
parent 644649bf1a
commit ab7fa8409d
3 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@ -11,15 +11,15 @@
<body>
<main>
<div class="container-h1-input">
<h1 class="page-titulo__tourist" data-test="title-form">Adicionar um Ponto Turístico</h1>
<div class="container-input">
<div class="wrapper-input__img">
<label>
<input type="file" data-test="input-image">
<span>Imagem</span>
<input id="input__img" type="file" data-test="input-image">
<span class="span__img">Imagem</span>
</label>
</div>
@ -38,12 +38,11 @@
<h1 data-test="title-list" class="page-titulo__img__spot">Pontos Turísticos</h1>
<div>
</div>
</main>
<script src="js.js"></script>
</body>
</html>

6
js.js Normal file
View File

@ -0,0 +1,6 @@
document.addEventListener('DOMContentLoaded', function () {
});

19
style.css
View File

@ -7,19 +7,26 @@
box-sizing: border-box;
}
.container-h1-input {
padding: 40px 130px;
}
.page-titulo__tourist {
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 120%;
margin: 40px 130px;
}
.container-input {
display: flex;
margin: 0 130px;
margin: 40px 0 60px;
}
.img-result {
width: 100%;
}
.wrapper-input__img input {
@ -123,12 +130,14 @@
cursor: pointer;
}
.button-submit__input:hover {
background: #e93137;
}
.page-titulo__img__spot {
font-family: "Poppins", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 120%;
margin: 60px 130px 38px;
}