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