| @ -1,19 +1,21 @@ | |||||
| <!DOCTYPE html> | <!DOCTYPE html> | ||||
| <html> | <html> | ||||
| <head> | <head> | ||||
| <link rel="stylesheet" href="style.css"> | |||||
| <title>Meu Site</title> | <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ções</a> | |||||
| <a href="natureza/parques/index.html">Teste</a> | |||||
| </div> | |||||
| </head> | |||||
| <body> | |||||
| <h1>Navegacao de Paginas</h1> | <h1>Navegacao de Paginas</h1> | ||||
| <a href="natureza/extincoes/extincoes.html"><button>Extincoes</button></a> | |||||
| </body> | </body> | ||||
| <footer> | <footer> | ||||
| <p>Autor: Higor</p> | |||||
| <div> | |||||
| <strong>Copyright © 2023 Higor.</strong> | |||||
| All rights reserved. | |||||
| </div> | |||||
| </footer> | </footer> | ||||
| </html> | </html> | ||||
| @ -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; | |||||
| } | |||||
| @ -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> | |||||
| @ -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> | |||||
| @ -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> | |||||