diff --git a/README.md b/README.md index d110f534..bc00d493 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,10 @@ Fiquem a vontade para criar da forma que desejarem, e sobre os temas que quisere Sigam as intruções da chamada do vídeo. Acredito que por lá, ficará mais fácil de entenderem como proceder. +### 🌐 Meu projeto online +Veja meu **Projeto** publicado com GitHub Pages: +👉 [Acesse aqui](https://robsonbenigno.github.io/trilha-html-modulo-3/) + ## Links úteis - [Download do NVDA](https://www.nvaccess.org/download/) - [Wikipedia](https://pt.wikipedia.org/) diff --git a/assets/css/style.css b/assets/css/style.css index 392e643d..087b986c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -35,4 +35,88 @@ a { color:blue; text-decoration: none;} } figure { text-align: center; -} \ No newline at end of file + +} +body { + margin: 0; + padding: 0; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + + /* Fundo */ + background-image: url('../images/fundo\ 1.jpg'); /* caminho relativo da página index.html */ + background-size: cover; /* a imagem cobre toda a tela */ + background-position: center; /* centraliza a imagem */ + background-repeat: no-repeat; /* evita repetição */ + background-attachment: fixed; /* fixa a imagem ao rolar a página */ +} +.main { + background-color: rgba(255, 254, 254, 0.705); /* fundo branco semi-transparente */ + padding: 30px; /* espaço interno */ + border-radius: 20px; /* cantos arredondados (opcional) */ + max-width: 750px; /* largura máxima */ + margin: 20px auto; /* centraliza horizontalmente */ +} +.mainindex { + background-color: #f9f9fb6b; + padding: 20px; /* espaço interno */ + border-radius: 20px; /* cantos arredondados (opcional) */ + max-width: 750px; /* largura máxima */ + height: 80vh; /* altura igual à da tela */ + margin: 5px auto; /* centraliza horizontalmente */ +} + +img { + border-radius: 20px; /* Ajuste o valor para mais ou menos arredondamento */ +} + +.footer { + background-color: #f9f9fb6b; /* fundo escuro */ + color: #0c0000; /* texto branco */ + text-align: center; /* centraliza o texto */ + padding: 1px; + margin-top: 1px; + border-radius:90px 90px 0 0; /* cantos arredondados em cima */ +} + + +/* Container da nota IMDb */ +.imdb-rating { + display: inline-block; + background-color: #f5c518; /* cor amarela do IMDb */ + color: #000; + font-weight: bold; + padding: 5px 10px; + border-radius: 15px 0 15px 0; + font-size: 1em; + margin-top: 5px; +} + +/* Texto "IMDb" em destaque */ +.imdb-rating span { + font-weight: normal; + margin-left: 5px; + color: #000; +} + +/* Pequeno efeito ao passar o mouse */ +.imdb-rating:hover { + background-color: #e5b507; + cursor: default; +} + +figcaption { + font-size: 12px; /* diminui o tamanho */ + color: #555; /* deixa o texto mais suave */ + text-align: center; /* centraliza o texto */ + font-style: italic; /* deixa em itálico */ +} + +figure img { + transition: transform 0.3s ease; +} + +figure img:hover { + transform: scale(1.05) translateY(-5px); +} + + diff --git a/assets/images/Stranger_Things_logo.png b/assets/images/Stranger_Things_logo.png new file mode 100644 index 00000000..e53c757a Binary files /dev/null and b/assets/images/Stranger_Things_logo.png differ diff --git a/assets/images/breaking-bad-logo.jpg b/assets/images/breaking-bad-logo.jpg new file mode 100644 index 00000000..53c1ef19 Binary files /dev/null and b/assets/images/breaking-bad-logo.jpg differ diff --git a/assets/images/fundo 1.jpg b/assets/images/fundo 1.jpg new file mode 100644 index 00000000..db844241 Binary files /dev/null and b/assets/images/fundo 1.jpg differ diff --git a/assets/images/game-of-thrones-logo.jpg b/assets/images/game-of-thrones-logo.jpg new file mode 100644 index 00000000..908b4035 Binary files /dev/null and b/assets/images/game-of-thrones-logo.jpg differ diff --git a/assets/images/logo-black-mirror.jpg b/assets/images/logo-black-mirror.jpg new file mode 100644 index 00000000..b8f148ba Binary files /dev/null and b/assets/images/logo-black-mirror.jpg differ diff --git a/assets/images/logo-de-round-6.jpg b/assets/images/logo-de-round-6.jpg new file mode 100644 index 00000000..f1d2612b Binary files /dev/null and b/assets/images/logo-de-round-6.jpg differ diff --git a/assets/images/logo-site.png b/assets/images/logo-site.png new file mode 100644 index 00000000..8344343c Binary files /dev/null and b/assets/images/logo-site.png differ diff --git a/index.html b/index.html index 6068141f..941f5070 100644 --- a/index.html +++ b/index.html @@ -2,43 +2,49 @@ - Página Principal - -
- -
- -
-
+
-

Título

+ + Logo do Site + +
-
- + +
+

Bem-vindo ao Portal de Séries

+

Prepare a pipoca, ajuste o sofá e mergulhe no universo das suas séries favoritas!
+ Aqui você encontra sinopses, curiosidades, novidades e tudo o que precisa para escolher sua próxima maratona.
+ Explore nosso catálogo, descubra histórias incríveis e acompanhe cada lançamento. +

+
+ +
+
-

Neste Artigo

- +
-
+ + + -
-
- \ No newline at end of file + diff --git a/paginas/Breakingbad.html b/paginas/Breakingbad.html new file mode 100644 index 00000000..6230b0b5 --- /dev/null +++ b/paginas/Breakingbad.html @@ -0,0 +1,71 @@ + + + + + + Breaking Bad + + + +
+ +
+ + Logo do Site + +
+ + +
+
+ Logo da Série +
Logo da série.
+
+ +

IMDb: 9.5/10

+ +

Tudo sobre Breaking Bad

+

Breaking Bad recebeu 16 prêmios Primetime Emmy, incluindo Melhor Ator para Bryan Cranston e Melhor Ator Coadjuvante para Aaron Paul. O episódio "Ozymandias" é considerado um dos melhores da história da televisão. Após o fim da série, o filme El Camino: A Breaking Bad Movie serviu como epílogo para a história de Jesse Pinkman, consolidando ainda mais o legado da série como um fenômeno cultural.

+ +

Sinopse

+

Breaking Bad é uma série de drama policial americana criada por Vince Gilligan. A trama acompanha Walter White, um professor de química diagnosticado com câncer, que decide produzir e vender metanfetamina para garantir o futuro de sua família. À medida que se aprofunda no mundo do crime, Walter assume o alter ego "Heisenberg", enfrentando dilemas morais e consequências perigosas.

+ +

Produção

+

A série estreou em 2008 no canal AMC e foi concluída em 2013, após cinco temporadas. Filmada em Albuquerque, Novo México, a produção se destacou pela narrativa envolvente, personagens complexos e atuações memoráveis, especialmente de Bryan Cranston e Aaron Paul.

+ + +
+ + Voltar +
+ + +
+

Neste Artigo

+ +
+
+ + + + + diff --git a/paginas/Round6.html b/paginas/Round6.html new file mode 100644 index 00000000..5b45c125 --- /dev/null +++ b/paginas/Round6.html @@ -0,0 +1,71 @@ + + + + + + Stranger Things + + + +
+ +
+ + Logo do Site + +
+ + +
+
+ Logo da Série +
Logo da série.
+
+ +

IMDb: 8.1/10

+ +

Tudo sobre Round 6 (Squid Game)

+

A série tornou-se a produção mais assistida da Netflix, com 111 milhões de contas assistindo a primeira temporada nos primeiros 28 dias. Recebeu elogios da crítica e conquistou 100% de aprovação no Rotten Tomatoes. Round 6 também marcou história nos prêmios, sendo a primeira produção coreana indicada ao SAG Awards e conquistando vitórias no Emmy Awards. A segunda temporada estreou em 26 de dezembro de 2024, atingindo 68 milhões de visualizações em quatro dias, enquanto a terceira e última temporada, lançada em 27 de junho de 2025, bateu recordes com 60,1 milhões de visualizações em três dias. A série é reconhecida por sua crítica ao capitalismo e à desigualdade, além de personagens complexos que refletem dilemas humanos universais.

+ +

Sinopse

+

Round 6 (Squid Game) é uma série sul-coreana de suspense e survival thriller criada por Hwang Dong-hyuk. A história acompanha 456 participantes endividados que recebem um misterioso convite para jogar brincadeiras infantis transformadas em desafios mortais. Quem perde paga com a própria vida, enquanto o vencedor leva uma fortuna de 45,6 bilhões de won. A série estreou na Netflix em 17 de setembro de 2021, tornando-se um fenômeno global e conquistando milhões de espectadores logo na primeira semana.

+ +

Produção

+

O roteiro de Round 6 foi escrito por Hwang Dong-hyuk em 2008, inspirado em desigualdades sociais e experiências pessoais. Após mais de uma década sem produção, a Netflix aprovou o projeto em 2019. A série se destaca pela direção de arte única, cores vibrantes, cenários opressivos e trilha sonora imersiva, que intensificam a tensão dos jogos. Hwang também assumiu funções de direção e produção executiva, garantindo fidelidade à sua visão original.

+ + +
+ + Voltar +
+ + +
+

Neste Artigo

+ +
+
+ + + + + diff --git a/paginas/Strangerthings.html b/paginas/Strangerthings.html new file mode 100644 index 00000000..18996a94 --- /dev/null +++ b/paginas/Strangerthings.html @@ -0,0 +1,72 @@ + + + + + + Stranger Things + + + +
+ +
+ + Logo do Site + +
+ + +
+
+ Logo da Série +
Logo da série.
+
+ +

IMDb: 8.7/10

+ +

Tudo sobre Stranger Things

+

Stranger Things conquistou uma enorme base de fãs e recebeu elogios da crítica por sua narrativa envolvente, personagens cativantes e atmosfera nostálgica dos anos 1980. A série recebeu diversos prêmios e indicações, incluindo Emmy Awards, BAFTA e Critics' Choice Awards, consolidando-se como um fenômeno global do streaming. Além disso, é amplamente reconhecida por homenagear a cultura pop dos anos 80, incorporando referências a filmes, músicas e estilos da época, o que reforça seu apelo tanto para novas gerações quanto para fãs da década.

+ +

Sinopse

+

Stranger Things é uma série de ficção científica, terror e drama adolescente criada pelos irmãos Matt e Ross Duffer. Ambientada nos anos 1980 na cidade fictícia de Hawkins, Indiana, a trama começa com o desaparecimento de Will Byers e a aparição de uma garota misteriosa chamada Onze, que possui habilidades telecinéticas. Ao longo das temporadas, os amigos de Will e outros moradores de Hawkins enfrentam forças sobrenaturais, incluindo criaturas do "Mundo Invertido", enquanto lidam com questões pessoais e sociais típicas da adolescência.

+ +

Produção

+

A série estreou na Netflix em 15 de julho de 2016 e rapidamente se tornou um sucesso global. Os irmãos Duffer se inspiraram em filmes e obras dos anos 1980, como os de Steven Spielberg, John Carpenter e Stephen King, para criar uma narrativa que mistura mistério, suspense e elementos sobrenaturais. A produção é conhecida por sua ambientação nostálgica, elenco talentoso e roteiros envolventes.

+ + +
+ + + Voltar +
+ + +
+

Neste Artigo

+ +
+
+ + + + + diff --git a/paginas/blackmirror.html b/paginas/blackmirror.html new file mode 100644 index 00000000..1ace993a --- /dev/null +++ b/paginas/blackmirror.html @@ -0,0 +1,71 @@ + + + + + + Stranger Things + + + +
+ +
+ + Logo do Site + +
+ + +
+
+ Logo da Série +
Logo da série.
+
+ +

IMDb: 8.8/10

+ +

Tudo sobre Black Mirror

+

Título Significativo: O nome Black Mirror refere-se à tela preta dos dispositivos eletrônicos, como smartphones, televisores e tablets, quando estão desligados, simbolizando um reflexo sombrio da sociedade moderna. + AdoroCinema + Premiações: A série recebeu diversos prêmios e indicações, incluindo prêmios no Emmy Awards, BAFTA e Critics' Choice Awards. Episódios como "USS Callister" e "San Junipero" foram especialmente aclamados. + Episódios Interativos: Em 2018, Black Mirror lançou "Bandersnatch", um episódio interativo onde os espectadores podem escolher o rumo da história, uma inovação na narrativa televisiva. + Impacto Cultural: A série gerou discussões globais sobre o papel da tecnologia na sociedade e inspirou debates sobre ética digital, privacidade e o futuro da interação humana.

+ +

Sinopse

+

Black Mirror é uma série britânica de antologia criada por Charlie Brooker, que estreou em 2011 no canal Channel 4. Cada episódio apresenta uma história independente, geralmente ambientada em um futuro próximo ou em uma realidade alternativa, explorando os impactos da tecnologia na sociedade moderna. A série é conhecida por seu tom sombrio e satírico, abordando temas como vigilância, redes sociais, inteligência artificial e a natureza humana em um mundo digitalizado.

+

Produção

+

A série foi inicialmente transmitida pelo Channel 4, com duas temporadas lançadas entre 2011 e 2013. Em 2015, a Netflix adquiriu os direitos da série e produziu a terceira temporada, que estreou em 2016. Desde então, Black Mirror tem sido uma produção original da Netflix. Cada episódio é independente, com roteiros originais escritos por Brooker e, em alguns casos, coescritos com outros roteiristas. A série é aclamada por sua direção de arte inovadora, roteiros provocativos e performances intensas.

+ + +
+ + Voltar +
+ + +
+

Neste Artigo

+ +
+
+ +
+ + diff --git a/paginas/gameofthrones.html b/paginas/gameofthrones.html new file mode 100644 index 00000000..c902e81d --- /dev/null +++ b/paginas/gameofthrones.html @@ -0,0 +1,73 @@ + + + + + + Game of Thrones + + + +
+ +
+ + Logo do Site + + +
+ + +
+
+ Logo da Serie +
Logo da série.
+
+ +

IMDb: 9.3/10

+ +

Tudo sobre Game of Thrones

+

Game of Thrones recebeu 272 prêmios e 757 indicações, incluindo 59 prêmios Emmy, tornando-se a série mais premiada da história da televisão. O orçamento da série cresceu ao longo das temporadas, chegando a US$ 15 milhões por episódio na última temporada. Peter Dinklage, que interpretou Tyrion Lannister, foi o único ator considerado para o papel, segundo o autor George R. R. Martin. A série gerou uma base de fãs dedicada e influenciou a cultura pop, com expressões como "Winter is Coming" se tornando parte do vocabulário popular.

+ +

Sinopse

+

Game of Thrones é uma série de drama e fantasia épica criada por David Benioff e D. B. Weiss, baseada na série de livros As Crônicas de Gelo e Fogo de George R. R. Martin. Ambientada nos continentes fictícios de Westeros e Essos, a trama acompanha diversas famílias nobres em disputas pelo Trono de Ferro, símbolo máximo de poder dos Sete Reinos. Enquanto isso, uma ameaça sobrenatural cresce ao norte da Muralha, e uma jovem herdeira exilada busca reconquistar o trono de seus ancestrais. Ao longo de oito temporadas, a série explora temas como poder, lealdade, traição e sobrevivência, com personagens complexos e tramas imprevisíveis.

+ +

Produção

+

A série estreou na HBO em 17 de abril de 2011 e concluiu em 19 de maio de 2019. Filmada em nove países, incluindo Canadá, Croácia, Escócia, Espanha, Estados Unidos, Irlanda do Norte, Islândia, Malta e Marrocos, Game of Thrones tornou-se uma das produções mais caras da televisão, com episódios chegando a custar até US$ 15 milhões cada. + A produção se destacou por suas cenas de batalha grandiosas, efeitos especiais impressionantes e uma narrativa que desafiava as convenções do gênero, matando personagens principais sem aviso prévio e mantendo o público sempre em suspense.

+ + +
+ + Voltar +
+ + +
+

Neste Artigo

+ +
+
+ + + + +