Save
This commit is contained in:
@@ -93,28 +93,6 @@
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.pp-carousel__more {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
text-decoration: none;
|
||||
opacity: .75;
|
||||
font-size: 16px;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.pp-carousel__more:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
height: 1px;
|
||||
background: currentColor;
|
||||
opacity: .6;
|
||||
}
|
||||
|
||||
.pp-carousel__more:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Navigation arrows */
|
||||
.pp-carousel__nav .pp-carousel__prev,
|
||||
|
||||
@@ -7,7 +7,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
new Swiper(el, {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 26,
|
||||
spaceBetween: 34,
|
||||
loop: false,
|
||||
navigation: {
|
||||
nextEl: section.querySelector('.pp-carousel__next'),
|
||||
@@ -16,7 +16,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
breakpoints: {
|
||||
0: { slidesPerView: 1.15, spaceBetween: 16 },
|
||||
576: { slidesPerView: 2, spaceBetween: 18 },
|
||||
992: { slidesPerView: 3, spaceBetween: 26 }
|
||||
992: { slidesPerView: 3, spaceBetween: 34 }
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
{if $ppc_button_label && $ppc_button_url}
|
||||
<div class="pp-carousel__footer">
|
||||
<a class="pp-carousel__more" href="{$ppc_button_url|escape:'htmlall':'UTF-8'}">
|
||||
{$ppc_button_label|escape:'htmlall':'UTF-8'}
|
||||
<span>{$ppc_button_label|escape:'htmlall':'UTF-8'}</span>
|
||||
</a>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -3189,3 +3189,60 @@ footer#footer {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-hp-products-slider {
|
||||
#pp-carousel-1 {
|
||||
.pp-carousel__header {
|
||||
padding-bottom: 65px;
|
||||
|
||||
.pp-carousel__title {
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-weight: 500;
|
||||
font-size: 37px;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
}
|
||||
.pp-carousel__subtitle {
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
padding-left: 55px;
|
||||
color: $cGold;
|
||||
font-family: $fNotoSerifDisplay;
|
||||
font-weight: 400;
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.pp-carousel__more {
|
||||
@extend ._btn-1;
|
||||
}
|
||||
|
||||
.pp-carousel__card {
|
||||
.pp-carousel__meta {
|
||||
padding-top: 36px;
|
||||
|
||||
.pp-carousel__name {
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
line-height: 18px;
|
||||
text-transform: none;
|
||||
}
|
||||
.pp-carousel__price {
|
||||
color: #8c8c8c;
|
||||
font-family: $fInter;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
text-align: right;
|
||||
|
||||
.pp-carousel__priceSuffix {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
themes/ayon/assets/fonts/Inter/Inter.woff2
Normal file
BIN
themes/ayon/assets/fonts/Inter/Inter.woff2
Normal file
Binary file not shown.
8
themes/ayon/assets/fonts/Inter/custon-font.css
Normal file
8
themes/ayon/assets/fonts/Inter/custon-font.css
Normal file
@@ -0,0 +1,8 @@
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
src: local('Inter'),
|
||||
url('/themes/ayon/assets/fonts/Inter/Inter.woff2') format('woff2');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,9 @@
|
||||
@font-face {
|
||||
font-family: 'Noto Serif Display';
|
||||
src: local('Noto Serif Display'),
|
||||
url('/themes/ayon/assets/fonts/NotoSerifDisplayRegular.woff') format('woff'),
|
||||
url('/themes/ayon/assets/fonts/NotoSerifDisplayRegular.woff2') format('woff2');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@@ -36,16 +36,10 @@
|
||||
<div class="hp-box-1">
|
||||
<div class="_c-row _c-row-1">
|
||||
<div class="_c-col _c-col-1">
|
||||
<h3>Lorem Ipsum</h3>
|
||||
<h3>Tworzymy wnętrza</h3>
|
||||
<div class="_col-text">
|
||||
<p>Lorem ipsum dolor sit amet consectetur. Tellus tempus suspendisse mauris dolor iaculis. Nunc est sed elit
|
||||
eu. Egestas purus cursus pharetra quis dictumst dictum ac. Ut leo congue phasellus tellus id urna ultrices
|
||||
eu. Sed odio rhoncus habitant diam tellus cras cursus elementum morbi.</p>
|
||||
<p>At arcu arcu aliquam et tellus viverra amet. Amet euismod scelerisque ultrices pharetra. Semper at massa
|
||||
est cras. Tempus condimentum velit nisi auctor aliquam. Amet morbi feugiat velit convallis amet cras eros
|
||||
sapien quis. Scelerisque tortor ornare id velit ut lorem. Aliquet non morbi feugiat sed ut risus.</p>
|
||||
<p>Amet morbi feugiat velit convallis amet cras eros sapien quis. Scelerisque tortor ornare id velit ut lorem.
|
||||
Aliquet non morbi feugiat sed ut risus.</p>
|
||||
<p>Tapety NEWWALLS to połączenie sztuki, designu i najwyższej jakości wykonania. Każdy projekt powstaje z dbałością o detal, aby wprowadzać do wnętrz wyjątkowy styl, harmonię i estetykę. Bogata oferta wzorów, kolorów i struktur pozwala dopasować tapety do różnorodnych gustów oraz koncepcji aranżacyjnych — od nowoczesnych po klasyczne przestrzenie.</p>
|
||||
<p>W produkcji wykorzystujemy nowoczesne technologie druku, dzięki którym kolory pozostają intensywne, detale wyraźne, a całość zachowuje trwałość przez długie lata. Tapety powstają z wysokiej jakości materiałów odpornych na blaknięcie, uszkodzenia i codzienne użytkowanie, a ich powierzchnia jest łatwa w utrzymaniu czystości. Sprawdzają się zarówno w przestrzeniach mieszkalnych, jak i w pomieszczeniach o podwyższonej wilgotności.</p>
|
||||
</div>
|
||||
<a href="#" class="_btn-1"><span>Zobacz wszystkie tapety</span></a>
|
||||
</div>
|
||||
@@ -68,7 +62,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-hp-products-slider">
|
||||
<div class="container">
|
||||
{hook h='displayHomeCarousel' mod='pp_carousel'}
|
||||
</div>
|
||||
</div>
|
||||
{$HOOK_HOME nofilter}
|
||||
{/block}
|
||||
{/block}
|
||||
|
||||
Reference in New Issue
Block a user