From eace5e72dbf62fd57957c159c2b1e2cd41c16270 Mon Sep 17 00:00:00 2001 From: devartes Date: Fri, 7 Oct 2022 13:53:13 -0300 Subject: [PATCH] adicionando header --- assets/img/Logo M3 [branco] (4) 1.svg | 9 ++ css/base/reset.css | 185 ++++++++++++++++++++++++++ css/layout/footer.css | 0 css/layout/header.css | 17 +++ css/layout/main.css | 0 css/module/components.css | 0 index.html | 25 ++++ 7 files changed, 236 insertions(+) create mode 100644 assets/img/Logo M3 [branco] (4) 1.svg create mode 100644 css/base/reset.css create mode 100644 css/layout/footer.css create mode 100644 css/layout/header.css create mode 100644 css/layout/main.css create mode 100644 css/module/components.css create mode 100644 index.html diff --git a/assets/img/Logo M3 [branco] (4) 1.svg b/assets/img/Logo M3 [branco] (4) 1.svg new file mode 100644 index 0000000..d0656f5 --- /dev/null +++ b/assets/img/Logo M3 [branco] (4) 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/css/base/reset.css b/css/base/reset.css new file mode 100644 index 0000000..dc340be --- /dev/null +++ b/css/base/reset.css @@ -0,0 +1,185 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + + html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; + } + + body { + margin: 0; + bottom: 0; + width: 1920px; + height: auto; + background: #E5E5E5; + } + + main { + display: block; + } + + h1 { + font-size: 2em; + margin: 0.67em 0; + } + + hr { + box-sizing: content-box; + height: 0; + overflow: visible; + } + + pre { + font-family: monospace, monospace; + font-size: 1em; + } + + a { + background-color: transparent; + } + + abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; + } + + b, + strong { + font-weight: bolder; + } + + code, + kbd, + samp { + font-family: monospace, monospace; + font-size: 1em; + } + + small { + font-size: 80%; + } + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sub { + bottom: -0.25em; + } + + sup { + top: -0.5em; + } + + img { + border-style: none; + } + + button, + input, + optgroup, + select, + textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0; + } + + button, + input { + overflow: visible; + } + + button, + select { + text-transform: none; + } + + button, + [type="button"], + [type="reset"], + [type="submit"] { + -webkit-appearance: button; + } + + button::-moz-focus-inner, + [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, + [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; + } + + button:-moz-focusring, + [type="button"]:-moz-focusring, + [type="reset"]:-moz-focusring, + [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; + } + + fieldset { + padding: 0.35em 0.75em 0.625em; + } + + legend { + box-sizing: border-box; + color: inherit; + max-width: 100%; + padding: 0; + white-space: normal; + } + + progress { + vertical-align: baseline; + } + + textarea { + overflow: auto; + } + + [type="checkbox"], + [type="radio"] { + box-sizing: border-box; + padding: 0; + } + + [type="number"]::-webkit-inner-spin-button, + [type="number"]::-webkit-outer-spin-button { + height: auto; + } + + + [type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; + } + + [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + } + + ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; + } + + details { + display: block; + } + + summary { + display: list-item; + } + + template { + display: none; + } + + [hidden] { + display: none; + } \ No newline at end of file diff --git a/css/layout/footer.css b/css/layout/footer.css new file mode 100644 index 0000000..e69de29 diff --git a/css/layout/header.css b/css/layout/header.css new file mode 100644 index 0000000..aff7c59 --- /dev/null +++ b/css/layout/header.css @@ -0,0 +1,17 @@ +header { + position: absolute; + width: 100%; + height: 100px; + left: 0px; + top: 0px; + background: #000000; + margin: auto; + display: flex; + align-items: center; + justify-content: center; +} + +header img { + width: 83px; + height: 43px; +} \ No newline at end of file diff --git a/css/layout/main.css b/css/layout/main.css new file mode 100644 index 0000000..e69de29 diff --git a/css/module/components.css b/css/module/components.css new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..28769db --- /dev/null +++ b/index.html @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + Primeira Atividade M3 Academy + + +
+ + Logo M3 Academy + +
+ + \ No newline at end of file