feat(home): Cria a barra de vantagens da home

This commit is contained in:
Manuela Luana Schumacker Tavares 2022-12-06 22:15:12 -03:00
parent 6f09b42572
commit 72ff517f74
5 changed files with 78 additions and 0 deletions

View File

@ -1,5 +1,7 @@
.home {
.main-banners {
margin-bottom: 38px;
img {
width: 100%;
}
@ -96,4 +98,49 @@
}
}
}
.advantages {
margin-bottom: 117px;
&__list {
display: flex;
align-items: center;
margin: 0;
padding: 0 15px;
overflow: auto;
@include mq(sm, min) {
justify-content: center;
}
&::-webkit-scrollbar {
display: none;
}
}
&__item {
display: flex;
align-items: center;
margin-right: 75px;
@include mq(md, max) {
padding: 0;
}
&:last-of-type {
margin-right: 0;
}
i {
margin-right: 8px;
}
}
&__text {
margin: 0;
white-space: nowrap;
font-size: 10px;
line-height: 12px;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 980 B

View File

@ -31,6 +31,37 @@
<vtex:contentPlaceHolder id="banners-principais-mobile" />
</div>
</section>
<section class="advantages">
<ul class="advantages__list">
<li class="advantages__item">
<i class="sprite sprite-credit-card-icon"></i>
<p class="advantages__text">
PARCELAMENTO EM
<br/>
ATÉ 6X SEM JUROS
</p>
</li>
<li class="advantages__item">
<i class="sprite sprite-truck-icon"></i>
<p class="advantages__text">
PAC GRÁTIS PARA COMPRAS
<br/>
ACIMA DE <strong>R$ 500,00</strong>
</p>
</li>
<li class="advantages__item">
<i class="sprite sprite-store-icon"></i>
<p class="advantages__text">
FÁBRICA
<br/>
PRÓPRIA
</p>
</li>
</ul>
</section>
</main>
<footer>