Project-Pro/newwalls.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Save

Browse Source
This commit is contained in:
Roman Pyrih
2026-02-25 13:22:46 +01:00
parent 4d8fcc1a31
commit b82b1200f7
4 changed files with 144 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/ayon/assets/css/custom.css
View File

File diff suppressed because one or more lines are too long

2
themes/ayon/assets/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

187
themes/ayon/assets/css/custom.scss
View File

@@ -3063,123 +3063,124 @@ footer#footer {
} }
} }
} }
}
li.htmlcontent-item-id-45 { .hp-box-1 {
position: relative; position: relative;
padding: 100px 0 90px; padding: 100px 0 90px;
margin: 0; margin: 0;
._c-row { ._c-row {
&-1 { &-1 {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
column-gap: 120px; column-gap: 120px;
@media (max-width: 1240px) { @media (max-width: 1240px) {
column-gap: 80px; column-gap: 80px;
} }
._c-col { ._c-col {
&-1 { &-1 {
h3 { h3 {
position: relative; position: relative;
color: $cGold; color: $cGold;
font-family: $fNotoSerifDisplay; font-family: $fNotoSerifDisplay;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 40px; font-size: 40px;
line-height: 1; line-height: 1;
margin-bottom: 50px; margin-bottom: 50px;
} }
p { p {
color: $cDark; color: $cDark;
font-family: $fInter; font-family: $fInter;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
line-height: 1.7; line-height: 1.7;
letter-spacing: 0px; letter-spacing: 0px;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
}
}
._col-text {
margin-bottom: 50px;
} }
} }
&-2 {
._col-img { ._col-text {
img { margin-bottom: 50px;
width: 100%; }
height: 459px; }
max-width: fit-content; &-2 {
object-fit: cover; ._col-img {
object-position: center; img {
} width: 100%;
height: 459px;
max-width: fit-content;
object-fit: cover;
object-position: center;
}
}
._col-img-thumbnail {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: -20px;
@media (max-width: 992px) {
flex-direction: column;
} }
._col-img-thumbnail { ol {
list-style: none;
padding: 0;
margin: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between;
align-items: center; align-items: center;
margin-top: -20px; gap: 24px;
@media (max-width: 992px) { li {
flex-direction: column;
}
ol {
padding: 0; padding: 0;
margin: 0; margin: 0;
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
li { img {
padding: 0; width: 100px;
margin: 0; height: 100px;
border-radius: 100%;
object-fit: cover;
img { @media (max-width: 1240px) {
width: 100px; width: 80px;
height: 100px; height: 80px;
border-radius: 100%;
object-fit: cover;
@media (max-width: 1240px) {
width: 80px;
height: 80px;
}
} }
} }
} }
}
._col-img-thumbnail--text { ._col-img-thumbnail--text {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
@media (max-width: 992px) { @media (max-width: 992px) {
text-align: center; text-align: center;
} }
p { p {
color: $cDark; color: $cDark;
font-family: $fInter; font-family: $fInter;
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 19px; line-height: 19px;
margin: 0; margin: 0;
} }
a { a {
color: #8c8c8c; color: #8c8c8c;
font-family: $fInter; font-family: $fInter;
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 11px;
line-height: 19px; line-height: 19px;
}
} }
} }
} }

58
themes/ayon/templates/index.tpl
View File

@@ -24,15 +24,53 @@
*} *}
{extends file='page.tpl'} {extends file='page.tpl'}
{block name='page_content_container'} {block name='page_content_container'}
<section id="content" class="page-home" data-mob-row="{if isset($roythemes.nc_mob_hp)}{$roythemes.nc_mob_hp}{else}1{/if}"> <section id="content" class="page-home"
{block name='page_content_top'}{/block} data-mob-row="{if isset($roythemes.nc_mob_hp)}{$roythemes.nc_mob_hp}{else}1{/if}">
{block name='page_content_top'}{/block}
{block name='page_content'} {block name='page_content'}
{block name='hook_home'} {block name='hook_home'}
{hook h='displayHomeCarousel' mod='pp_carousel'} <div class="c-boxes">
{$HOOK_HOME nofilter} <div class="container">
{/block} <div class="hp-box-1">
{/block} <div class="_c-row _c-row-1">
</section> <div class="_c-col _c-col-1">
<h3>Lorem Ipsum</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>
</div>
<a href="#" class="_btn-1"><span>Zobacz wszystkie tapety</span></a>
</div>
<div class="_c-col _c-col-2">
<div class="_col-img"><img src="/img/cms/home/14d99568fef621a07422a4fcf50ba1160477d2be.jpg" alt="" /></div>
<div class="_col-img-thumbnail">
<ol>
<li><img src="/img/cms/home/thumb-1.png" alt="" /></li>
<li><img src="/img/cms/home/thumb-2.png" alt="" /></li>
<li><img src="/img/cms/home/thumb-3.png" alt="" /></li>
</ol>
<div class="_col-img-thumbnail--text">
<p>Rain of Flowers</p>
<a href="#">Zobacz tapetę</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{hook h='displayHomeCarousel' mod='pp_carousel'}
{$HOOK_HOME nofilter}
{/block}
{/block} {/block}
</section>
{/block}