feat: adiciona barra de vantagens
This commit is contained in:
parent
f4166de8cf
commit
ab13a7c2e3
@ -1,5 +1,7 @@
|
||||
.home {
|
||||
.main-banners {
|
||||
margin-bottom: 38px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
@ -62,7 +64,7 @@
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 14;
|
||||
bottom: 14px;
|
||||
margin: 0;
|
||||
z-index: map-get($z-index, level-1);
|
||||
width: 100%;
|
||||
@ -94,4 +96,50 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.advantages {
|
||||
margin-bottom: 117px;
|
||||
|
||||
&__list {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: auto;
|
||||
padding: 0 15px;
|
||||
|
||||
@include mq(sm, min) {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 37px;
|
||||
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;
|
||||
line-height: 12px;
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
BIN
src/arquivos/sprite/credit-card-icon.png
Normal file
BIN
src/arquivos/sprite/credit-card-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.2 KiB |
BIN
src/arquivos/sprite/store-icon.png
Normal file
BIN
src/arquivos/sprite/store-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 KiB |
BIN
src/arquivos/sprite/truck-icon.png
Normal file
BIN
src/arquivos/sprite/truck-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 941 B |
@ -32,6 +32,39 @@
|
||||
<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 GRATIS PARA COMPRAS<br />
|
||||
ACIMA DE <strong>$ 500,00</strong>
|
||||
</p>
|
||||
</li>
|
||||
|
||||
<li class="advantages__item">
|
||||
<i class="sprite sprite-store-icon"></i>
|
||||
|
||||
<p class="advantages__text">
|
||||
FABRICA<br />
|
||||
PROPRIA
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
|
Loading…
Reference in New Issue
Block a user