From ba91ab63afad42c108137c9a7899b9d6ae7ace8a Mon Sep 17 00:00:00 2001 From: JailtonAraujo Date: Thu, 11 May 2023 23:25:21 -0300 Subject: [PATCH] implemenatndo pagina inicial --- css/global.css | 115 ++++++++++++++++++++++++++++++++++++++++++++++ css/variables.css | 5 ++ img/logo.png | Bin 0 -> 9150 bytes index.html | 50 ++++++++++++++++++++ 4 files changed, 170 insertions(+) create mode 100644 css/global.css create mode 100644 css/variables.css create mode 100644 img/logo.png create mode 100644 index.html diff --git a/css/global.css b/css/global.css new file mode 100644 index 0000000..175e946 --- /dev/null +++ b/css/global.css @@ -0,0 +1,115 @@ +@import url("./variables.css"); + +*{padding: 0; margin: 0; box-sizing: border-box; font-family: var(--font-main);} + +html, body{ + width: 100%; + height: 100%; +} + +a{ + text-decoration: none; +} + +.container{ + height: 100%; + display: grid; + grid-template-areas: + 'header header header header header header header' + 'main main main main main main sidebar ' + 'footer footer footer footer footer footer footer'; +} + +.header{ + + grid-area: header; + display: flex; + justify-content: space-between; + align-items: center; + height: 8vh; + background-color: var(--primary-color); + padding: 0.5em 2em; + border-bottom: 2px solid var(--second-color); +} + +.header .header__logo > h1{ + color: #FFF; + font-size: 1.5em; + font-weight: 300; + text-shadow: 2px 2px 2px var(--second-color); +} + +.header .header__logo > h1 > span{ + font-weight: 500; +} + +.header > .header__menu > ul { + display: flex; + align-items: center; + gap: 1.4em; +} + +.header__menu-item > a{ + color: #FFF; + font-weight: bold; + font-size: 1em; + position: relative; + padding: 0.2em 0em; +} + +.header__menu-item > a::after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 0; + height: 4px; + background-color: var(--second-color); + transition: width 0.3s ease-out; + } + + .header__menu-item > a:hover::after { + width: 100%; + } + +.sidebar{ + grid-area: sidebar; + height: 82vh; + background-color: azure; +} + +.main{ + height: 82vh; + grid-area: main; + background-color: blue; +} + + +.footer{ + height: 10vh; + grid-area: footer; + background-color: var(--primary-color); + border-top: 2px solid var(--second-color); + color: #FFF; + display: flex; + justify-content: center; + align-items: center; +} + + + +.btn{ + background: none; + padding: 0.4em 0.5em; + border: 1px solid #FFF; + font-size:1em; + border-radius: 3px; +} + +.btn--success{ + color: #000; + background-color: #4B0082; + border: none; +} + +.btn--danger{} \ No newline at end of file diff --git a/css/variables.css b/css/variables.css new file mode 100644 index 0000000..022e7dc --- /dev/null +++ b/css/variables.css @@ -0,0 +1,5 @@ +:root{ + --primary-color: #000; + --second-color:#00FFFF; + --font-main:'Roboto', sans-serif; +} \ No newline at end of file diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..ad5cbe21dfbc6dfc04f7b6da9e07379453ccf4ba GIT binary patch literal 9150 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 + + + + + + + Document + + + +
+ +
+ + + + + +
+ +
+

HELLO

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