feat: adiciona barra de vantagens
This commit is contained in:
parent
f4166de8cf
commit
ab13a7c2e3
@ -1,5 +1,7 @@
|
|||||||
.home {
|
.home {
|
||||||
.main-banners {
|
.main-banners {
|
||||||
|
margin-bottom: 38px;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@ -62,7 +64,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 14;
|
bottom: 14px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
z-index: map-get($z-index, level-1);
|
z-index: map-get($z-index, level-1);
|
||||||
width: 100%;
|
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" />
|
<vtex:contentPlaceHolder id="banners-principais-mobile" />
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
Loading…
Reference in New Issue
Block a user