Cria o header desktop e mobile

2022-10-07 14:58:02 -03:00 · 2022-10-07 14:58:02 -03:00 · f4169022f5
commit f4169022f5
parent 08edfea66b
3 changed files with 38 additions and 0 deletions
--- a/assest/Logo
+++ b/assest/Logo
--- a/index.html
+++ b/index.html
@ -0,0 +1,19 @@
+<!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 Lading Page</title>
+  <link rel="stylesheet" href="main.css">
+</head>
+
+<body>
+  <header class="page-header">
+    <a href="/">
+      <img  class="header-logo" src="./assest/Logo M3.png" alt="logo M3">
+    </a>
+  </header>
+  
+</body>
+</html>
--- a/main.css
+++ b/main.css
@ -0,0 +1,19 @@
+* { 
+
+  margin: 0;
+  padding: 0;
+  box-sizing: 0;
+}
+
+.page-header {
+
+  display: flex;
+  justify-content: center;
+  padding: 28px 0 ;
+  background-color:  #000000;
+
+}
+
+.header-logo {
+  display: block;
+}