Save
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -3063,123 +3063,124 @@ footer#footer {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.htmlcontent-item-id-45 {
|
||||
position: relative;
|
||||
padding: 100px 0 90px;
|
||||
margin: 0;
|
||||
.hp-box-1 {
|
||||
position: relative;
|
||||
padding: 100px 0 90px;
|
||||
margin: 0;
|
||||
|
||||
._c-row {
|
||||
&-1 {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
column-gap: 120px;
|
||||
._c-row {
|
||||
&-1 {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
column-gap: 120px;
|
||||
|
||||
@media (max-width: 1240px) {
|
||||
column-gap: 80px;
|
||||
}
|
||||
@media (max-width: 1240px) {
|
||||
column-gap: 80px;
|
||||
}
|
||||
|
||||
._c-col {
|
||||
&-1 {
|
||||
h3 {
|
||||
position: relative;
|
||||
color: $cGold;
|
||||
font-family: $fNotoSerifDisplay;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
._c-col {
|
||||
&-1 {
|
||||
h3 {
|
||||
position: relative;
|
||||
color: $cGold;
|
||||
font-family: $fNotoSerifDisplay;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 40px;
|
||||
line-height: 1;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
letter-spacing: 0px;
|
||||
p {
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 1.7;
|
||||
letter-spacing: 0px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
._col-text {
|
||||
margin-bottom: 50px;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
._col-img {
|
||||
img {
|
||||
width: 100%;
|
||||
height: 459px;
|
||||
max-width: fit-content;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
}
|
||||
|
||||
._col-text {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
._col-img {
|
||||
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;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: -20px;
|
||||
gap: 24px;
|
||||
|
||||
@media (max-width: 992px) {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
ol {
|
||||
li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
|
||||
li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 100%;
|
||||
object-fit: cover;
|
||||
|
||||
img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 100%;
|
||||
object-fit: cover;
|
||||
|
||||
@media (max-width: 1240px) {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
@media (max-width: 1240px) {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
._col-img-thumbnail--text {
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
._col-img-thumbnail--text {
|
||||
text-align: right;
|
||||
margin-top: 20px;
|
||||
|
||||
@media (max-width: 992px) {
|
||||
text-align: center;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
color: #8c8c8c;
|
||||
font-family: $fInter;
|
||||
font-weight: 400;
|
||||
font-size: 11px;
|
||||
line-height: 19px;
|
||||
}
|
||||
p {
|
||||
color: $cDark;
|
||||
font-family: $fInter;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
margin: 0;
|
||||
}
|
||||
a {
|
||||
color: #8c8c8c;
|
||||
font-family: $fInter;
|
||||
font-weight: 400;
|
||||
font-size: 11px;
|
||||
line-height: 19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -24,15 +24,53 @@
|
||||
*}
|
||||
{extends file='page.tpl'}
|
||||
|
||||
{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}">
|
||||
{block name='page_content_top'}{/block}
|
||||
{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}">
|
||||
{block name='page_content_top'}{/block}
|
||||
|
||||
{block name='page_content'}
|
||||
{block name='hook_home'}
|
||||
{hook h='displayHomeCarousel' mod='pp_carousel'}
|
||||
{$HOOK_HOME nofilter}
|
||||
{/block}
|
||||
{/block}
|
||||
</section>
|
||||
{block name='page_content'}
|
||||
{block name='hook_home'}
|
||||
<div class="c-boxes">
|
||||
<div class="container">
|
||||
<div class="hp-box-1">
|
||||
<div class="_c-row _c-row-1">
|
||||
<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}
|
||||
</section>
|
||||
{/block}
|
||||
Reference in New Issue
Block a user