Cria o header desktop e mobile

2022-10-07 20:02:12 -03:00 · 2022-10-07 20:02:12 -03:00 · ff0d7f5290
commit ff0d7f5290
parent 08edfea66b
3 changed files with 38 additions and 0 deletions
--- a/assets/imgs/Logo
+++ b/assets/imgs/Logo
--- a/index.html
+++ b/index.html
@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title>M3 Landing PageS</title>
+
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <header class="page-header">
+      <a href="/"
+        ><img
+          class="header-logo"
+          src="./assets/imgs/Logo M3 [branco] (4) 1.png"
+          alt="logo m3"
+      /></a>
+    </header>
+  </body>
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,16 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+.page-header {
+  display: flex;
+  justify-content: center;
+  padding: 28px 0;
+  background: #000000;
+}
+
+.header-logo {
+  display: block;
+}