NicollyVieira/challenge-landing-page-nicolly-vieira
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(index): cria a estrutura do HTML para infocard do topo desktop e mobile

Browse Source
This commit is contained in:
Nicolly Vieira Santos Costa 2022-10-11 09:04:06 -03:00
parent 45636c08f7
commit 47c8e7efd0
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/top-infocard-image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

13
index.html
View File

@ -26,6 +26,19 @@
<img class="main-banner main-banner-mobile" src="assets/images/main-banner-image-mobile.png" alt="imagem do banner principal"> <img class="main-banner main-banner-mobile" src="assets/images/main-banner-image-mobile.png" alt="imagem do banner principal">
</figure> </figure>
</div> </div>
<!-- Top Infocard -->
<section class="top-infocard">
<div class="top-infocard-content">
<h2 class="top-infocard-subtitle">lorem ipsum</h2>
<h1 class="top-infocard-title">Dolor sit amet</h1>
<p class="top-infocard-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.</p>
</div>
<figure class="top-infocard-image-container">
<img class="top-infocard-image" src="assets/images/top-infocard-image.png" alt="imagem do infocard do topo">
</figure>
</section>
</main> </main>
</body> </body>
</html> </html>