ViniciusGabrieldoAmaral/practice-time-landing-page
0
0
Fork 0
forked from M3-Academy/practice-time-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(image): Adicionado a imagem principal

Browse Source
This commit is contained in:
Vinicius Gabriel do Amaral Pereira 2022-10-08 16:38:55 -03:00
parent c8e06a8acb
commit cafdaa2d17
4 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/imagePrincipal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
assets/images/imagePrincipalMob.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 331 KiB

14
assets/styles/style.css
View File

@ -9,3 +9,17 @@
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;
}
}

4
index.html
View File

@ -13,6 +13,10 @@
<img style="display: block;" 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>