hcbarros
/
extincoes
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

removendo arquivos

master
Henrique Caetano 3 years ago
parent
48e1cf32c7
commit
06308547a2
17 changed files with 0 additions and 531 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      css/.extincoes.css.swn
  2. BIN
      css/.extincoes.css.swo
  3. BIN
      css/.extincoes.css.swp
  4. BIN
      css/.index.css.swp
  5. +0
    -27
      css/extincoes.css
  6. +0
    -46
      css/index.css
  7. +0
    -83
      extincoes.css
  8. BIN
      fauna.png
  9. +0
    -129
      formulario.css
  10. +0
    -39
      index.css
  11. +0
    -45
      index.html
  12. BIN
      netuno.png
  13. BIN
      paginas/.extincoes.html.swo
  14. BIN
      paginas/.extincoes.html.swp
  15. BIN
      paginas/.index.html.swp
  16. +0
    -65
      paginas/extincoes.html
  17. +0
    -97
      parques-naturais.css

BIN
css/.extincoes.css.swn View File


BIN
css/.extincoes.css.swo View File


BIN
css/.extincoes.css.swp View File


BIN
css/.index.css.swp View File


+ 0
- 27
css/extincoes.css View File

@ -1,27 +0,0 @@
i
h1 {
text-align: center;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
.table-content {
display: flex;
justify-content: center;
margin-top: 50px;
}
.caption {
display: flex;
justify-content: center;
font-weight: bold;
font-size: 18px;
}

+ 0
- 46
css/index.css View File

@ -1,46 +0,0 @@
body {
margin: 0;
}
.menu-container table, .menu-container th, .menu-container td {
min-width: 100px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
}
.menu-container table {
border-top: none;
}
.img-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
.menu-container {
display: flex;
justify-content: space-between;
width: 100%;
}
.menu-container img, .menu-container span {
width: 40px;
}
.menu-container table {
border-top: none;
}
.img-fauna {
width: 100%;
margin-top: 50px;
}
footer {
margin-top: 3vh;
}

+ 0
- 83
extincoes.css View File

@ -1,83 +0,0 @@
@import url('./menu.css');
body {
margin: 0;
}
h1 {
text-align: center;
}
.extincoes-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100vw;
}
footer {
position: absolute;
bottom: 50px;
text-align: center;
margin-inline: 20px;
}
.table-content {
display: flex;
justify-content: center;
margin-top: 50px;
min-width: 700px;
}
.table-content table {
width: 50vw;
min-width: 600px;
background-color: rgb(250, 250, 250);
}
.table-content table, .table-content th, .table-content td {
border-collapse: collapse;
border: 1px solid black;
border-inline: none;
text-align: center;
border-color: #999
}
.table-content tr {
height: 35px;
}
.caption {
display: flex;
justify-content: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}
@media (max-width: 750px) {
.table-content table {
width: 80vw;
min-width: 0;
}
}
@media (max-width: 350px) {
.table-content table {
width: 95vw;
min-width: 0;
}
}
@media (max-height: 570px) {
footer {
position: relative;
padding-top: 100px;
}
}

BIN
fauna.png View File

Before After
Width: 360  |  Height: 255  |  Size: 45 KiB

+ 0
- 129
formulario.css View File

@ -1,129 +0,0 @@
@import url('./menu.css');
body {
margin: 0;
}
h1 {
text-align: center;
}
.formulario-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100vw;
}
.form-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 560px;
padding-bottom: 20px;
}
fieldset {
border-radius: 7px;
width: 550px;
margin-inline: 10px;
border-color: #996dff;
}
legend {
font-weight: bold;
font-size: 20px;
}
input[type='text'] {
border: none;
border-bottom: 1px solid black;
outline: none;
width: 320px;
border-color: #996dff;
padding-left: 10px;
}
td {
height: 40px;
font-size: 18px;
}
button {
font-size: 16px;
font-weight: bold;
width: 120px;
height: 40px;
margin-block: 5px;
border-radius: 5px;
cursor: pointer;
background-color: #734bd1;
color: #fff;
border: none;
transition-duration: 0.4s;
}
button:hover {
background-color: #9466ff;
}
footer {
padding-bottom: 50px;
text-align: center;
margin-inline: 20px;
}
iframe {
width: 300px;
height: 100px;
border: 2px solid #734bd1;
border-radius: 5px;
margin-top: 50px;
}
.msg-sucesso {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
font-weight: bold;
font-size: 10vw;
text-align: center;
}
@media (max-width: 600px) {
fieldset, input[type='text'] {
width: 60vw;
}
}
@media (max-width: 450px) {
fieldset, input[type='text'] {
width: 40vw;
}
}
@media (max-width: 350px) {
iframe {
width: 85vw;
}
}
@media (max-width: 280px) {
fieldset, input[type='text'] {
width: 35vw;
}
legend {
font-size: 7vw;
}
td {
font-size: 6.5vw;
}
}

+ 0
- 39
index.css View File

@ -1,39 +0,0 @@
@import url('./menu.css');
body {
margin: 0;
}
h1 {
text-align: center;
}
.extincoes-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100vw;
}
footer {
position: absolute;
bottom: 50px;
text-align: center;
margin-inline: 20px;
}
.img-fauna {
width: 100%;
margin-top: 50px;
}
@media (max-height: 570px) {
footer {
position: relative;
padding-top: 100px;
}
}

+ 0
- 45
index.html View File

@ -1,45 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Fauna</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="icon" type="image/png" href="images/netuno.png" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div class="extincoes-container">
<nav>
<a href="https://www.netuno.org/pt/"><img src="images/netuno.png" alt="Logo do framework Netuno"></a>
<input id="menu-control" class="menu-control" type="checkbox" />
<ul class="menu">
<li onclick="location.href='https://www.netuno.org/pt/'"><img src="./images/netuno.png" alt="Logo do framework Netuno"></li>
<li>Home</li>
<li onclick="location.href='./paginas/extincoes.html'">Extinções</li>
<li onclick="location.href='./paginas/parques-naturais.html'">Parques naturais</li>
<li onclick="location.href='./paginas/formulario.html'">Formulário</li>
</ul>
<label class="label-icon" for="menu-control" >
<img src="./images/menu.svg" alt="ícone de um menu" />
</label>
</nav>
<h1>Extinções</h1>
<div>
<img class="img-fauna" src="images/fauna.png" alt="Imagem de fauna silvestre">
</div>
<footer>Copyright © 2023 Extinções Company - Todos os direitos reservados</footer>
</div>
</body>
</html>

BIN
netuno.png View File

Before After
Width: 200  |  Height: 200  |  Size: 5.3 KiB

BIN
paginas/.extincoes.html.swo View File


BIN
paginas/.extincoes.html.swp View File


BIN
paginas/.index.html.swp View File


+ 0
- 65
paginas/extincoes.html View File

@ -1,65 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Extinções</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="../css/extincoes.css" />
<link rel="stylesheet" type="text/css" href="../css/index.css" />
</head>
<body>
<div class="img-container">
<div class="menu-container">
<a href="https://www.netuno.org/pt/"><img src="https://git.academy.netuno.org/hcbarros/html1/raw/branch/master/netuno.png" alt="Logo do framework Netuno"></a>
<table>
<tr>
<td><a href="../index.html">Página principal</a></td>
<td><a href="#">Extinções</a></td>
<td><a href="#">Parques naturais</a></td>
<td><a href="#">Formulário</a></td>
</tr>
</table>
<span />
</div>
<h1>Extinções</h1>
<div class="table-content">
<div>
<caption><a class="caption">Animais em extinção</a></caption>
<table>
<tr>
<th>Animal</th>
<th>Quantidade</th>
</tr>
<tr>
<td>Lobo-guará</td>
<td>23000</td>
</tr>
<tr>
<td>Onça-pintada</td>
<td>10000</td>
</tr>
<tr>
<td>Panda-gigante</td>
<td>2500</td>
</tr>
<tr>
<td>Arara-azul-de-lear</td>
<td>1200</td>
</tr>
<tr>
<td>Baleia-fin</td>
<td>400</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>

+ 0
- 97
parques-naturais.css View File

@ -1,97 +0,0 @@
@import url('./menu.css');
body {
margin: 0;
}
h1 {
text-align: center;
}
.parques-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 100vw;
}
footer {
padding-bottom: 50px;
text-align: center;
margin-inline: 20px;
}
.table-content {
display: flex;
justify-content: center;
margin-top: 80px;
min-width: 700px;
min-height: 585px;
}
.table-content table {
width: 50vw;
min-width: 600px;
background-color: rgb(250, 250, 250);
}
.table-content table, .table-content th, .table-content td {
border-collapse: collapse;
border: 1px solid black;
border-inline: none;
text-align: left;
border-color: #999
}
.colspan {
font-weight: bold;
width: 100%;
text-align: center;
padding-left: 0;
}
.table-content tr {
height: 35px;
}
.caption {
display: flex;
justify-content: center;
font-weight: bold;
font-size: 25px;
margin-bottom: 10px;
}
@media (max-width: 750px) {
.table-content th, .table-content td {
padding-inline: 10px;
}
.table-content table {
min-width: 220px;
width: 90vw;
}
}
@media (max-width: 380px) {
.table-content th, .table-content td {
padding-inline: 5px;
}
}
@media (max-width: 330px) {
.table-content th, .table-content td {
word-break: break-all;
}
.table-content table {
width: 95vw;
}
}
@media (max-width: 260px) {
.caption {
font-size: 9.8vw;
}
}

Write Preview
Loading…
Cancel
Save