Dio Desafio de GitHub - Repositório Com meus códigos HTML
file:///home/luiz/Documentos/Site/index.html
Site Luiz Html
<title> LUH Silva </title>Olá! Como está? Tudo em cima ? Curta a página, explore ela. É isso aí meu amigo, estude sempre beleza? Não deixe de estudar e se desenvollver, rumo ao progresso!!
Ir para a lista
Era uma vez, a chapeuzinho Blue, uma garota extrovertida e inteligente,
crazy por assim dizer, andava sem preocupação pois claramente era crazy.
Veio o lobo mal e a matou, fim da história.
Boa leitura!!
Brincadeira kakakaka
Ir para o site google
Clique em mim
- Frango empanado
- Farinha com Fermento
- Leite
- 4 Ovos
- Manteiga
- Ervilha e milho
- Cenoura Ralada
- Atum
Fígaro 1 | Calc 2 | AJ 3 |
---|---|---|
Olá Novato | Olá Gafanhoto | Salve uhuu |
Olá Amigo | Salve Aprendiz | Salve uhuu |
Qual a Nova? | Como você está? | Salve uhuu |
Olá Salve | Olá Konichuá | Salve uhuu |
Clique em mim!
Style CSS
- { box-sizing: border-box; margin: 0px; padding: 0px; } /* olá !! Vai estudar Pô */
body { font-family: 'Pushster', 'cursive';
}
.lata { width: 50%; height: 50%; margin: auto; padding: auto; box-sizing: none; border: none; position: absolute; top: 0px; }
.lata > a { height: 30px; color:#00ff00; font-size: 57px; margin: 0 15px; }
h1 { color: blue; font-size: 25px; border: 5px #55ff }
.um:hover { color: red; border: 7px solid red; }
.texto { color: greenyellow; font-size: 25px; border: 5px solid #55ff }
.texto:hover { color: red; border: 7px solid red; }
#filura { font-size: 30px; color: aquamarine; width: 200px }
#filura:hover { color: red; font-size: 33px; }
body { background-color: black; padding: auto; border: 20px; margin: 200pt; padding-right: 5px; }
p { font-size: 15px; color: white; border: 5px solid #00ff; }
ol { font-size: 33px; color: white; margin-top: auto; border: 5px solid #00ff; padding: 50px; }
ol:hover { font-size: 50; color: blue; border-radius: 50px; }
.um { background-color: white; border: 5px solid #00ff; }
div { font-size: 30px; color: white; border: 5px double #00ff00; }
.futuro { border: 8px groove blueviolet; display: flex; justify-content: center; align-items: center; padding: center; border-radius: 100px; width: 50px; height: 50px; }
.futuro:hover { width: 100px; height: 100px; border-radius: 200px; }
a { font-size: 30px; color: blue; border: 5px double #00ff00; padding: 10px; margin: 5px; }
.abaixo { padding: 10px; margin: 10px; width: 275px; height: 150px; flex-direction: column; }
.cinco { width: 30px; height: 30px; border: none; }
#bore { background: #ccc; color: blue; font-size: 30px; }
tbody > tr:nth-child(2n) { background-color: rgb(98, 146, 194); border-bottom: 2px solid #00ff00; width: 300px; border: 10px; }
thead, td:hover { background-color: red; }
.num { font-size: 1.sem; font-weight: bold; padding: 10px; background-color:rgb(6, 199, 233); } h2 { font-size: 50px; color:rgb(6, 199, 233); }
a { font-size: 50px; color:blueviolet; display: inline; border: none; }
#nove { height:500px; width: 500px; border: 10px solid rgb (10,20,85); }
.video { width: 600px; max-width: 800px; }
.video-area { position: relative; height: 0px; background-color: #ccc; padding: 0px 0px 56.20%; }
.video-area iframe { position: absolute; top: 0px; bottom: 0px; width: 100%; height: 100%; border: 0px; }