higor
/
bootcamp
0
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

Inclusão do css na página home

master
higor 3 years ago
parent
3b435b2309
commit
145d1a80b2
6 changed files with 55 additions and 61 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +12
    -10
      index.html
  2. +3
    -3
      natureza/extincoes/extincoes.html
  3. +40
    -0
      style.css
  4. +0
    -16
      subpasta/contato/index.html
  5. +0
    -16
      subpasta/falha/index.html
  6. +0
    -16
      subpasta/teste/index.html

+ 12
- 10
index.html View File

@ -1,19 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Meu Site</title>
<div class="topnav">
<a href="/"><button>Home</button></a>
<a href="subpasta/contato/index.html"><button>Contato</button></a>
<a href="subpasta/teste/index.html"><button>Teste</button></a>
<a href="subpasta/falha/index.html"><button>Falhas</button></a>
</div>
</head>
<body>
<div class="header">
<a class="active" href="/">Home</a>
<a href="natureza/extincoes/extincoes.html">Extin&ccedil&otildees</a>
<a href="natureza/parques/index.html">Teste</a>
</div>
</head>
<body>
<h1>Navegacao de Paginas</h1>
<a href="natureza/extincoes/extincoes.html"><button>Extincoes</button></a>
</body>
<footer>
<p>Autor: Higor</p>
<div>
<strong>Copyright &copy 2023 Higor.</strong>
All rights reserved.
</div>
</footer>
</html>

+ 3
- 3
natureza/extincoes/extincoes.html View File

@ -18,15 +18,15 @@
<td>4</td>
</tr>
<tr>
<th>Onca-pintada</th>
<th>On&ccedila-pintada</th>
<td>2</td>
</tr>
<tr>
<th>Lobo-guara</th>
<th>Lobo-guar&aacute</th>
<td>7</td>
</tr>
<tr>
<th>Mico-leao-dourado</th>
<th>Mico-le&atildeo-dourado</th>
<td>1</td>
</tr>
<tr>


+ 40
- 0
style.css View File

@ -0,0 +1,40 @@
html {
font-family: Arial, Helvetica, sans-serif;
}
.header {
overflow: hidden;
background-color: #f1f1f1;
padding: 20px 10px;
}
.header a {
float: left;
color: black;
text-align: center;
padding: 12px;
text-decoration: none;
font-size: 18px;
line-height: 25px;
}
.header a:hover {
background-color: #ddd;
color: black;
}
.header a.active {
background-color: dodgerblue;
color: white;
}
footer {
position: fixed;
width: 100%;
display: block;
padding: 12px;
bottom: 0;
margin-right: 8px;
background-color: #f1f1f1;
}

+ 0
- 16
subpasta/contato/index.html View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Contato</title>
<a href="/"><button>Home</button></a>
<a href="/subpasta/contato/index.html"><button>Contato</button></a>
<a href="/subpasta/teste/index.html"><button>Teste</button></a>
<a href="/subpasta/falha/index.html"><button>Falhas</button></a>
</head>
<body>
<h1>Contato</h1>
</body>
<footer>
<p>Autor: Higor</p>
</footer>
</html>

+ 0
- 16
subpasta/falha/index.html View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Falha</title>
<a href="/"><button>Home</button></a>
<a href="/subpasta/contato/index.html"><button>Contato</button></a>
<a href="/subpasta/teste/index.html"><button>Teste</button></a>
<a href="/subpasta/falha/index.html"><button>Falhas</button></a>
</head>
<body>
<h1>Falha</h1>
</body>
<footer>
<p>Autor: Higor</p>
</footer>
</html>

+ 0
- 16
subpasta/teste/index.html View File

@ -1,16 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Teste</title>
<a href="/"><button>Home</button></a>
<a href="/subpasta/contato/index.html"><button>Contato</button></a>
<a href="/subpasta/teste/index.html"><button>Teste</button></a>
<a href="/subpasta/falha/index.html"><button>Falhas</button></a>
</head>
<body>
<h1>Teste</h1>
</body>
<footer>
<p>Autor: Higor</p>
</footer>
</html>

Write Preview
Loading…
Cancel
Save