Feat(header): Feito um novo header sem a utilização do video
BIN
assets/images/Icons/celular.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
assets/images/Icons/facebookRodape.png
Normal file
|
After Width: | Height: | Size: 269 B |
BIN
assets/images/Icons/instragramRodape.png
Normal file
|
After Width: | Height: | Size: 486 B |
BIN
assets/images/Icons/laptop 1.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
assets/images/Icons/loja.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/Icons/mao.png
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
assets/images/Icons/notaDinheiro.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/images/Icons/sacola.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
assets/images/Icons/youtubeRodape.png
Normal file
|
After Width: | Height: | Size: 347 B |
BIN
assets/images/imgOculos.png
Normal file
|
After Width: | Height: | Size: 443 KiB |
BIN
assets/images/imgSecondariaPc.png
Normal file
|
After Width: | Height: | Size: 141 KiB |
BIN
assets/images/imgTresComputadores.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
@ -1,25 +1,19 @@
|
|||||||
html, body{
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
|
||||||
|
*{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
}
|
||||||
|
html, body{
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
}
|
}
|
||||||
.header{
|
.header{
|
||||||
|
background: black;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: black;
|
|
||||||
padding: 28px 0;
|
padding: 28px 0;
|
||||||
}
|
}
|
||||||
.imagemPrincipal img{
|
.imgLogoM3{
|
||||||
max-width: 100%;
|
display: block;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 414px){
|
|
||||||
.bannerPrincipalDesktop{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 414px){
|
|
||||||
.bannerPrincipalMobile{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|||||||
@ -8,15 +8,12 @@
|
|||||||
<link rel="stylesheet" href="./assets/styles/style.css">
|
<link rel="stylesheet" href="./assets/styles/style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header class="header">
|
<header class="header">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<img style="display: block;" src="./assets/images/Logo_M3.png" alt="Logo M3">
|
<img class="imgLogoM3" src="./assets/images/logo_M3.png" alt="logo M3">
|
||||||
</a>
|
</a>
|
||||||
</header>
|
</header>
|
||||||
<div class="imagemPrincipal">
|
|
||||||
<img class="bannerPrincipalDesktop" src="assets/images/imagePrincipal.png" alt="image de um computador com o fundo de um escritorio">
|
|
||||||
<img class="bannerPrincipalMobile" src="assets/images/imagePrincipalMob.png" alt="image de um computador com o fundo de um escritorio">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||