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{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html, body{
|
||||
|
||||
box-sizing: border-box;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
.header{
|
||||
background: black;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: black;
|
||||
padding: 28px 0;
|
||||
}
|
||||
.imagemPrincipal img{
|
||||
max-width: 100%;
|
||||
}
|
||||
@media only screen and (max-width: 414px){
|
||||
.bannerPrincipalDesktop{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 414px){
|
||||
.bannerPrincipalMobile{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.imgLogoM3{
|
||||
display: block;
|
||||
}
|
||||
@ -8,15 +8,12 @@
|
||||
<link rel="stylesheet" href="./assets/styles/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="header">
|
||||
<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>
|
||||
</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>
|
||||
</html>
|
||||