ManuelaLuanaSchumackerTavares/challenge-landing-page-manuela-luana-schumacker-tavares
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(home): Adiciona Banner principal desktop

Browse Source
This commit is contained in:
Manuela Luana Schumacker Tavares 2022-10-10 13:55:55 -03:00
parent a9f9eb2ecf
commit 758a7af924
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/banner-principal.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

12
assets/styles/styles.css
View File

@ -4,9 +4,13 @@
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
/*Definindo escopos*/
.page-logo{ .page-logo,
.page-banner-principal{
width: 100%; width: 100%;
}
/* Estilo menu/header*/
.page-logo{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -16,4 +20,6 @@
.logo-m3academy{ .logo-m3academy{
display: block; display: block;
} }

4
index.html
View File

@ -17,6 +17,10 @@
<a href="/"><img class="logo-m3academy" src="./assets/svgs/logo-m3academy.svg" alt="Logo M3 Academy"></a> <a href="/"><img class="logo-m3academy" src="./assets/svgs/logo-m3academy.svg" alt="Logo M3 Academy"></a>
</nav> </nav>
</header> </header>
<!--Banner Principal-->
<div>
<figure><img class="page-banner-principal" src="./assets/images/banner-principal.png" alt="Banner Principal"></figure>
</div>
</body> </body>
</html> </html>