diff --git a/assets/imgs/header-background.jpeg b/assets/imgs/header-background.jpeg new file mode 100644 index 0000000..6318e99 Binary files /dev/null and b/assets/imgs/header-background.jpeg differ diff --git a/assets/imgs/header-background.png b/assets/imgs/header-background.png deleted file mode 100644 index cab0a60..0000000 Binary files a/assets/imgs/header-background.png and /dev/null differ diff --git a/assets/svg/Logo M3 [branco].svg b/assets/svg/Logo M3 [branco].svg new file mode 100644 index 0000000..d0656f5 --- /dev/null +++ b/assets/svg/Logo M3 [branco].svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/index.html b/index.html index 7edc8bc..4809732 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,30 @@ - Document + + + + + + + + + Primeiro desafio M3 Academy - +
+ + logo m3 academy + +
+
+
+
+ background com uma imagem de notebook mostrando código de programação +
+
+ + +
\ No newline at end of file diff --git a/styles/header.css b/styles/header.css new file mode 100644 index 0000000..470a542 --- /dev/null +++ b/styles/header.css @@ -0,0 +1,16 @@ +header { + width: 100%; + height: 101px; + left: 0; + top: 0px; + background: #000000; + display: flex; + align-items: center; + justify-content: center; + + +} + +header a img { + display: block; +} diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..ef0b458 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,31 @@ +/* primeiro background */ +.background-main figure img { + width: 100%; + height: 700px; + top: 0; + max-height: 700px; + + object-fit: cover; + +} + +@media screen and (max-width: 1024px) { + .background-main figure img { + height: 100%; + min-height: 598px; + } + + + +} + +@media screen and (min-width: 2500px) { + .background-main figure img { + width: 100%; + height: 100%; + top: 0; + object-fit: cover; + position: relative; + + } +} \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css new file mode 100644 index 0000000..1047b73 --- /dev/null +++ b/styles/reset.css @@ -0,0 +1,186 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Inter', sans-serif; +} + +html { + line-height: 1.15; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; + bottom: 0; + width: auto; + height: auto; + background: #E5E5E5; +} + +main { + display: block; +} + +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