From 744ccd9dccf9c31881a0937a1e24661dad5833bd Mon Sep 17 00:00:00 2001 From: simplecod3r Date: Tue, 3 Aug 2021 18:12:45 -0300 Subject: [PATCH] live-01-08-21 --- barataoJogos/assets/controle.svg | 14 ++++++ barataoJogos/assets/logo.svg | 16 +++++++ barataoJogos/{home.html => index.html} | 51 ++++++++++---------- barataoJogos/styles/home.css | 65 ++++++++++++++++++++++---- 4 files changed, 110 insertions(+), 36 deletions(-) create mode 100644 barataoJogos/assets/controle.svg create mode 100644 barataoJogos/assets/logo.svg rename barataoJogos/{home.html => index.html} (62%) diff --git a/barataoJogos/assets/controle.svg b/barataoJogos/assets/controle.svg new file mode 100644 index 0000000..d029d5c --- /dev/null +++ b/barataoJogos/assets/controle.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/barataoJogos/assets/logo.svg b/barataoJogos/assets/logo.svg new file mode 100644 index 0000000..30b31ee --- /dev/null +++ b/barataoJogos/assets/logo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/barataoJogos/home.html b/barataoJogos/index.html similarity index 62% rename from barataoJogos/home.html rename to barataoJogos/index.html index e0aa26c..997e0f5 100644 --- a/barataoJogos/home.html +++ b/barataoJogos/index.html @@ -10,6 +10,7 @@ + @@ -18,32 +19,30 @@ - - - - \ No newline at end of file diff --git a/barataoJogos/styles/home.css b/barataoJogos/styles/home.css index 7ea21ae..cb30499 100644 --- a/barataoJogos/styles/home.css +++ b/barataoJogos/styles/home.css @@ -1,13 +1,60 @@ -.logo{ - font-family: 'Staatliches', cursive; - color: #000000; - text-align: center; +.nav{ + background: blue; + width: 100%; + display: flex; + height: 10vh; + position: relative; +} + +.links { + width: 50%; + height: 100%; + background: purple; + display: flex; + align-items: center; +} + +.links > ul{ + list-style: none; + display: flex; + align-items: center; + margin: 0; +} + +.links > ul li{ + padding: 0 6px; +} + +.links > ul > li > a{ + /* border: 1px solid black; */ + text-decoration: none; + color: black; +} + +.links > ul > li > a:hover{ + color: red; } -.navbar-brand.abs -{ +.logo{ position: absolute; - width: 100%; - left: 0; - text-align: center; + + top:50%; + left: 50%; + + transform: translate(-50%, -35%); + display: flex; + align-items: center; +} + +.logo > img { + width: 20vw; } + +@media (max-width: 900px) { + .nav{ + background: green; + } + .logo > img{ + width: 100%; + } +} \ No newline at end of file