From 13949f2c45f4bb9c14ebe5f761bb974bdd1203fe Mon Sep 17 00:00:00 2001 From: JailtonAraujo Date: Tue, 9 May 2023 18:38:22 -0300 Subject: [PATCH] Desenvolvendo pagina home --- css/global.css | 69 ++++++++++++++++++++++++++++++++++++++++++++++ css/home.css | 30 ++++++++++++++++++++ css/variables.css | 5 ++++ img/moeda.png | Bin 0 -> 3037 bytes index.html | 57 ++++++++++++++++++++++++++++++++++---- 5 files changed, 156 insertions(+), 5 deletions(-) create mode 100644 css/global.css create mode 100644 css/home.css create mode 100644 css/variables.css create mode 100644 img/moeda.png diff --git a/css/global.css b/css/global.css new file mode 100644 index 0000000..317dd00 --- /dev/null +++ b/css/global.css @@ -0,0 +1,69 @@ +@import url("./variables.css"); + + +*{ + padding: 0; margin: 0; box-sizing: border-box; font-family: 'Roboto', sans-serif; +} + +a{ + text-decoration: none; +} + +html, body{ + width: 100%; + height: 100%; + background-color: var(--primary-color); +} + + +header{ + width: 100%; + height: 7vh; + background-color: var(--second-color); + display: flex; + justify-content: space-between; + padding: 1em 1.2em; + align-items: center; + border-bottom: 2px solid var(--third-color); + margin-bottom: 1em; +} + +header > nav > ul{ + display: flex; + gap: 1em; +} + +header > .brand > a > img { + width: 50px; +} + +header > nav > ul > li > a{ + color: var(--third-color); + font-weight: bold; +} + +main{ + min-height: 85vh; + width: 100%; + +} + +footer{ + width: 100%; + display: flex; + justify-content: center; + border-top: 2px solid var(--third-color); + color: var(--third-color); + padding: 2em 1em; + background-color: var(--second-color); +} + +.container{ + width: 100%; + min-height: 82vh; + display: flex; + justify-content: center; + align-items: center; +} + + diff --git a/css/home.css b/css/home.css new file mode 100644 index 0000000..fdb90dd --- /dev/null +++ b/css/home.css @@ -0,0 +1,30 @@ +@import url("./variables.css"); + +.title{ + text-align: center; +} + +.title > h1 { + font-size: 4em; + margin-bottom: 0.3em; +} + +.title > h1 > span { + color: var(--third-color); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); +} + +.title > h3{ + font-size: 2em; + margin-bottom: 0.3em; +} + +.title > h4{ + font-size: 2em; + margin-bottom: 0.3em; +} + +.title > h4 > a { + color: var(--third-color); + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); +} \ No newline at end of file diff --git a/css/variables.css b/css/variables.css new file mode 100644 index 0000000..13961ed --- /dev/null +++ b/css/variables.css @@ -0,0 +1,5 @@ +:root{ + --primary-color: #CCC; + --second-color: #000; + --third-color: #fbff00; +} \ No newline at end of file diff --git a/img/moeda.png b/img/moeda.png new file mode 100644 index 0000000000000000000000000000000000000000..9a4684ad6fcef32a4b5ade83c8030025aba7c9d8 GIT binary patch literal 3037 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 6505f62..beccc5b 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,54 @@ - + + + + + + + + -

+ + + - Hello World Alterado ! -

- + CoinBank + + + +
+ +
img_coin
+ + + +
+ +
+ +
+ +
+

CoinBank,

+ +

O banco que cuida do seu dinherio!

+ +

Junte-se a nós agora. Vem ser CoinBank!

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