From a1cd9a60b4f91a874f42ecefbdd1d51711f6f87e Mon Sep 17 00:00:00 2001 From: srheizenberg Date: Tue, 23 Aug 2022 23:15:13 -0300 Subject: [PATCH] inicio do projeto04 --- assets/css/styles.css | 41 +++++++++++++ index.html | 140 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 181 insertions(+) create mode 100644 index.html diff --git a/assets/css/styles.css b/assets/css/styles.css index e69de29..12bbe57 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -0,0 +1,41 @@ +:root { + --primary-color: #cf0f0f; + --primary-color-contrast: #ffffff; + --field-background-color: #000; + } + + .light-theme { + --page-background: linear-gradient( + 180deg, + #ffffff 0%, + #ffffff 65%, + rgba(255, 255, 255, 0.75) 100% + ); + --header-background-color: #e3e3e3; + --highlight-color: #000000; + --featured-font-family: "Archivo", sans-serif; + --character-top-image-src: url("../images/characters/kids-on-the-bike.svg"); + --character-top-image-color: #ffffff; + --character-bottom-image-src: url("../images/characters/inverted-world-monster.svg"); + --character-bottom-image-color: #e5e5e5; + --background-lamp-image: url("../images/backgrounds/lamps.png"); + --footer-background-color: #b5bbbf; + } + + .dark-theme { + --page-background: linear-gradient( + 180deg, + #050000 0%, + #130404 65%, + rgba(19, 1, 1, 0.75) 100% + ); + --header-background-color: #220f0f; + --highlight-color: #ffffff; + --featured-font-family: "Rubik Glitch", sans-serif; + --character-bottom-image-src: url("../images/characters/kids-on-the-bike.svg"); + --character-bottom-image-color: rgba(255, 255, 255, 0.1); + --character-top-image-src: url("../images/characters/inverted-world-monster.svg"); + --character-top-image-color: #000; + --background-lamp-image: url("../images/backgrounds/lamps-inverted.png"); + --footer-background-color: #000; + } \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..ade3e92 --- /dev/null +++ b/index.html @@ -0,0 +1,140 @@ + + + + + + + Mundo Invertido | Semana Front-end + + + + +
+ +
+ Imagem principal Mundo Invertido. Semana Frontend DIO. +

+ Uma jornada para quem não tem medo do desconhecido. O caminho para o + Mundo invertido é incerto, repleto de obstáculos e perigos. Porém, a + recompensa é grande: salvar Hawkings e o mundo todo das garras de + Vecna. Você está preparado? Então clique no botão abaixo para entrar + no Mundo Invertido! +

+ +
+ +
+
+ +
+
+ +
+
+

O Mundo Invertido

+

+ O Mundo Invertido parece uma cópia do nosso mundo, mas com criaturas + horrendas, tempestades assustadoras, muita escuridão e entidades + malignas. Um reino controlado por Vecna, que tem planos de trazer + tudo isso ao nosso mundo. +

+
+ + Image ilustrativa do Mundo Invertido +
+ +
+ +
+

Stranger Things Vol. 4

+

+ Mais experientes, os heróis de Stranger Things também precisam + enfrentar desafios maiores do que nunca e fazer decisões que vão + mudar suas vidas para sempre. Confira ao lado o trailer da quarta + temporada. +

+
+
+ + + +
+

O Clube Dungeons & Dragons

+

+ Para deter Vecna, os heróis de Stranger Things também precisam de + você. O Clube de D&D mais famoso de Hawkings está com vagas abertas + para sua próxima aventura. Se você é destemido, gosta de desafios e + não tem medo de rodar o D20, chegou a hora de se inscrever para fazer + parte da nova campanha. +

+ +
+

Entre para o clube de D&D e tenha experiências de outro mundo

+ +
+
+ + + + + + + + + + + + + +
+ +
+
+
+
+ + + + + + + \ No newline at end of file