Add ACF
This commit is contained in:
Roman Pyrih
@@ -1 +1 @@
|
||||
*{box-sizing:border-box;font-family:"Inter",sans-serif}html{scroll-behavior:smooth}body{margin:0 !important}a{text-decoration:none}p{margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1370px}}.btn{display:inline-flex;flex-direction:row;-moz-column-gap:12px;column-gap:12px;align-items:center;justify-content:center;color:#fcf7f8;font-size:14px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #ee343b;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover{color:#fcf7f8}.btn svg{width:12px;height:12px}h4.sub-title{font-size:12px;font-weight:500;letter-spacing:3px;line-height:1.3;margin-bottom:20px;text-transform:uppercase}h2.title{font-size:72px;font-weight:500;font-family:"Cormorant Garamond",serif;line-height:1;margin-bottom:24px}h2.title span{font-family:"Cormorant Garamond",serif}@media(max-width: 1199px){h2.title{font-size:52px}}.text{margin-bottom:40px}.text p{font-size:18px;line-height:1.5;font-weight:400}.text p:last-child{margin-bottom:0}.box-1{position:relative;height:100svh}.box-1 .circle{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:100%;z-index:2;background:#fff;background:linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, #fff 100%);backdrop-filter:blur(12px)}.box-1 .circle span{color:#10111a;font-size:24px;font-weight:300;letter-spacing:1.2px;line-height:1.3;font-family:"Cormorant Garamond",serif}@media(max-width: 767px){.box-1 .circle{display:none !important}}.box-1 ._row{display:grid;grid-template-columns:50% 50%;align-items:center;height:100%}@media(max-width: 767px){.box-1 ._row{grid-template-columns:1fr}}.box-1 ._row ._col{position:relative;padding:80px;height:100%;align-content:center;display:flex;flex-direction:column;justify-content:space-between}.box-1 ._row ._col:hover .bg-img img{transform:scale(1.06)}.box-1 ._row ._col:hover .bg-img::before{opacity:.8}.box-1 ._row ._col:hover .btn{margin-left:16px}.box-1 ._row ._col .logo{position:relative;z-index:2}.box-1 ._row ._col .logo img{width:100%;max-width:181px}.box-1 ._row ._col .bg-img{position:absolute;inset:0;overflow:hidden}.box-1 ._row ._col .bg-img::before{content:"";position:absolute;inset:0;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.box-1 ._row ._col .bg-img img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.box-1 ._row ._col ._col-content{position:relative;z-index:1}@media(max-width: 767px){.box-1 ._row ._col{padding:32px}}.box-1 ._row ._col-1 .bg-img::before{background:linear-gradient(to top, oklch(16% 0.03 255deg) 0%, oklab(16% -0.00776457 -0.0289778 / 0.5) 50%, oklab(16.1422% -0.00823083 -0.0285079 / 0.1) 100%)}.box-1 ._row ._col-1 h4.sub-title{color:#ee343b}.box-1 ._row ._col-1 h2.title{color:#fcf7f8}.box-1 ._row ._col-1 h2.title span{color:#ee343b}.box-1 ._row ._col-1 .text p{color:#969fab}.box-1 ._row ._col-1 .btn{color:#ee343b;border-bottom-color:#ee343b}.box-1 ._row ._col-2 .bg-img::before{background:linear-gradient(to top, oklab(99% -0.00102606 -0.00281908 / 0.95) 0%, oklab(99% -0.00102606 -0.00281908 / 0.6) 50%, oklab(99% -0.00102606 -0.00281908 / 0.2) 100%)}.box-1 ._row ._col-2 h4.sub-title{color:#6b3078}.box-1 ._row ._col-2 h2.title{color:#10111a}.box-1 ._row ._col-2 h2.title span{color:#6b3078}.box-1 ._row ._col-2 .text p{color:#5f636f}.box-1 ._row ._col-2 .btn{color:#10111a;border-bottom-color:#6b3078}/*# sourceMappingURL=custom.css.map */
|
||||
*{box-sizing:border-box;font-family:"Inter",sans-serif}html{scroll-behavior:smooth}body{margin:0 !important}a{text-decoration:none}p{margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}@media(min-width: 1400px){.container{max-width:1370px}}.btn{display:inline-flex;flex-direction:row;-moz-column-gap:12px;column-gap:12px;align-items:center;justify-content:center;color:#fcf7f8;font-size:14px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;padding-bottom:8px;border-bottom:2px solid #ee343b;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.btn:hover{color:#fcf7f8}.btn svg{width:12px;height:12px}h4.sub-title{font-size:12px;font-weight:500;letter-spacing:3px;line-height:1.3;margin-bottom:20px;text-transform:uppercase}h2.title{font-size:72px;font-weight:500;font-family:"Cormorant Garamond",serif;line-height:1;margin-bottom:24px}h2.title strong{font-family:"Cormorant Garamond",serif;font-weight:inherit}@media(max-width: 1199px){h2.title{font-size:52px}}.text{margin-bottom:40px}.text p{font-size:18px;line-height:1.5;font-weight:400}.text p:last-child{margin-bottom:0}.box-1{position:relative;height:100svh}.box-1 .circle{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:100%;z-index:2;background:#fff;background:linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, #fff 100%);backdrop-filter:blur(12px)}.box-1 .circle span{color:#10111a;font-size:24px;font-weight:300;letter-spacing:1.2px;line-height:1.3;font-family:"Cormorant Garamond",serif}@media(max-width: 767px){.box-1 .circle{display:none !important}}.box-1 ._row{display:grid;grid-template-columns:50% 50%;align-items:center;height:100%}@media(max-width: 767px){.box-1 ._row{grid-template-columns:1fr}}.box-1 ._row ._col{position:relative;padding:80px;height:100%;align-content:center;display:flex;flex-direction:column;justify-content:space-between}.box-1 ._row ._col:hover .bg-img img{transform:scale(1.06)}.box-1 ._row ._col:hover .bg-img::before{opacity:.8}.box-1 ._row ._col:hover .btn{margin-left:16px}.box-1 ._row ._col .logo{position:relative;z-index:2}.box-1 ._row ._col .logo img{width:100%;max-width:181px}.box-1 ._row ._col .bg-img{position:absolute;inset:0;overflow:hidden}.box-1 ._row ._col .bg-img::before{content:"";position:absolute;inset:0;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1);z-index:1}.box-1 ._row ._col .bg-img img{width:100%;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;transition:all 700ms cubic-bezier(0.4, 0, 0.2, 1)}.box-1 ._row ._col ._col-content{position:relative;z-index:1}@media(max-width: 767px){.box-1 ._row ._col{padding:32px}}.box-1 ._row ._col-1 .bg-img::before{background:linear-gradient(to top, oklch(16% 0.03 255deg) 0%, oklab(16% -0.00776457 -0.0289778 / 0.5) 50%, oklab(16.1422% -0.00823083 -0.0285079 / 0.1) 100%)}.box-1 ._row ._col-1 h4.sub-title{color:#ee343b}.box-1 ._row ._col-1 h2.title{color:#fcf7f8}.box-1 ._row ._col-1 h2.title strong{color:#ee343b}.box-1 ._row ._col-1 .text p{color:#969fab}.box-1 ._row ._col-1 .btn{color:#ee343b;border-bottom-color:#ee343b}.box-1 ._row ._col-2 .bg-img::before{background:linear-gradient(to top, oklab(99% -0.00102606 -0.00281908 / 0.95) 0%, oklab(99% -0.00102606 -0.00281908 / 0.6) 50%, oklab(99% -0.00102606 -0.00281908 / 0.2) 100%)}.box-1 ._row ._col-2 h4.sub-title{color:#6b3078}.box-1 ._row ._col-2 h2.title{color:#10111a}.box-1 ._row ._col-2 h2.title strong{color:#6b3078}.box-1 ._row ._col-2 .text p{color:#5f636f}.box-1 ._row ._col-2 .btn{color:#10111a;border-bottom-color:#6b3078}/*# sourceMappingURL=custom.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["custom.scss","_mixins.scss"],"names":[],"mappings":"AAUA,EACC,qBAAA,CACA,8BAVQ,CAaT,KACC,sBAAA,CAGD,KACC,mBAAA,CAGD,EACC,oBAAA,CAGD,EACC,YAAA,CAGD,kBAMC,YAAA,CAGD,WACC,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,kBAAA,CAIE,yBATH,WAUI,eClDmB,CAAA,CDqDpB,yBAbH,WAcI,eCtDmB,CAAA,CDyDpB,yBAjBH,WAkBI,eC1DmB,CAAA,CD6DpB,0BArBH,WAsBI,gBC9DmB,CAAA,CDiEpB,0BAzBH,WA0BI,gBClEmB,CAAA,CDwEvB,KACC,mBAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CACA,sBAAA,CAEA,aA1EQ,CA2ER,cAAA,CACA,eAAA,CACA,oBAAA,CACA,wBAAA,CAEA,kBAAA,CACA,+BAAA,CACA,iDAAA,CAEA,WACC,aArFO,CAuFR,SACC,UAAA,CACA,WAAA,CAIF,aACC,cAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,wBAAA,CAGD,SACC,cAAA,CACA,eAAA,CACA,sCA3GoB,CA4GpB,aAAA,CACA,kBAAA,CAEA,cACC,sCAhHmB,CC0BnB,0BD8EF,SAYE,cAAA,CAAA,CAIF,MACC,kBAAA,CACA,QACC,cAAA,CACA,eAAA,CACA,eAAA,CAEA,mBACC,eAAA,CAIH,OACC,iBAAA,CACA,aAAA,CAEA,eACC,cAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,SAAA,CACA,eAAA,CAEA,yEAAA,CACA,0BAAA,CAEA,oBACC,aAtJK,CAuJL,cAAA,CACA,eAAA,CACA,oBAAA,CACA,eAAA,CACA,sCA/JkB,CC0BnB,yBD8GD,eA2BE,uBAAA,CAAA,CAGF,aACC,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,WAAA,CChJA,yBD4ID,aAOE,yBAAA,CAAA,CAGD,mBACC,iBAAA,CACA,YAAA,CACA,WAAA,CACA,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAIE,qCACC,qBAAA,CAED,yCACC,UAAA,CAGF,8BACC,gBAAA,CAIF,yBACC,iBAAA,CACA,SAAA,CAEA,6BACC,UAAA,CACA,eAAA,CAIF,2BACC,iBAAA,CACA,OAAA,CACA,eAAA,CAEA,mCACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,iDAAA,CACA,SAAA,CAGD,+BACC,UAAA,CACA,WAAA,CACA,yBAAA,CAAA,sBAAA,CACA,mBAAA,CAAA,gBAAA,CACA,iDAAA,CAGF,iCACC,iBAAA,CACA,SAAA,CC9MF,yBDsJA,mBA4DE,YAAA,CAAA,CAKC,qCACC,6JAAA,CASF,kCACC,aAzPE,CA2PH,8BACC,aA7PI,CA+PJ,mCACC,aA/PC,CAmQF,6BACC,aAAA,CAGF,0BACC,aAxQE,CAyQF,2BAzQE,CA8QF,qCACC,6KAAA,CAQF,kCACC,aAtRK,CAwRN,8BACC,aA1RG,CA2RH,mCACC,aA3RI,CA+RL,6BACC,aAAA,CAGF,0BACC,aArSG,CAsSH,2BArSK","file":"custom.css"}
|
||||
{"version":3,"sources":["custom.scss","_mixins.scss"],"names":[],"mappings":"AAUA,EACC,qBAAA,CACA,8BAVQ,CAaT,KACC,sBAAA,CAGD,KACC,mBAAA,CAGD,EACC,oBAAA,CAGD,EACC,YAAA,CAGD,kBAMC,YAAA,CAGD,WACC,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,iBAAA,CACA,kBAAA,CAIE,yBATH,WAUI,eClDmB,CAAA,CDqDpB,yBAbH,WAcI,eCtDmB,CAAA,CDyDpB,yBAjBH,WAkBI,eC1DmB,CAAA,CD6DpB,0BArBH,WAsBI,gBC9DmB,CAAA,CDiEpB,0BAzBH,WA0BI,gBClEmB,CAAA,CDwEvB,KACC,mBAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CACA,kBAAA,CACA,sBAAA,CAEA,aA1EQ,CA2ER,cAAA,CACA,eAAA,CACA,oBAAA,CACA,wBAAA,CAEA,kBAAA,CACA,+BAAA,CACA,iDAAA,CAEA,WACC,aArFO,CAuFR,SACC,UAAA,CACA,WAAA,CAIF,aACC,cAAA,CACA,eAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,wBAAA,CAGD,SACC,cAAA,CACA,eAAA,CACA,sCA3GoB,CA4GpB,aAAA,CACA,kBAAA,CAEA,gBACC,sCAhHmB,CAiHnB,mBAAA,CCvFA,0BD8EF,SAaE,cAAA,CAAA,CAIF,MACC,kBAAA,CACA,QACC,cAAA,CACA,eAAA,CACA,eAAA,CAEA,mBACC,eAAA,CAIH,OACC,iBAAA,CACA,aAAA,CAEA,eACC,cAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,SAAA,CACA,eAAA,CAEA,yEAAA,CACA,0BAAA,CAEA,oBACC,aAvJK,CAwJL,cAAA,CACA,eAAA,CACA,oBAAA,CACA,eAAA,CACA,sCAhKkB,CC0BnB,yBD+GD,eA2BE,uBAAA,CAAA,CAGF,aACC,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,WAAA,CCjJA,yBD6ID,aAOE,yBAAA,CAAA,CAGD,mBACC,iBAAA,CACA,YAAA,CACA,WAAA,CACA,oBAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAIE,qCACC,qBAAA,CAED,yCACC,UAAA,CAGF,8BACC,gBAAA,CAIF,yBACC,iBAAA,CACA,SAAA,CAEA,6BACC,UAAA,CACA,eAAA,CAIF,2BACC,iBAAA,CACA,OAAA,CACA,eAAA,CAEA,mCACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,iDAAA,CACA,SAAA,CAGD,+BACC,UAAA,CACA,WAAA,CACA,yBAAA,CAAA,sBAAA,CACA,mBAAA,CAAA,gBAAA,CACA,iDAAA,CAGF,iCACC,iBAAA,CACA,SAAA,CC/MF,yBDuJA,mBA4DE,YAAA,CAAA,CAKC,qCACC,6JAAA,CASF,kCACC,aA1PE,CA4PH,8BACC,aA9PI,CAgQJ,qCACC,aAhQC,CAoQF,6BACC,aAAA,CAGF,0BACC,aAzQE,CA0QF,2BA1QE,CA+QF,qCACC,6KAAA,CAQF,kCACC,aAvRK,CAyRN,8BACC,aA3RG,CA4RH,qCACC,aA5RI,CAgSL,6BACC,aAAA,CAGF,0BACC,aAtSG,CAuSH,2BAtSK","file":"custom.css"}
|
||||
@@ -112,8 +112,9 @@ h2.title {
|
||||
line-height: 1;
|
||||
margin-bottom: 24px;
|
||||
|
||||
span {
|
||||
strong {
|
||||
font-family: $fCormorantGaramond;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
@include respond-below(xl) {
|
||||
@@ -258,7 +259,7 @@ h2.title {
|
||||
h2.title {
|
||||
color: $cWhite;
|
||||
|
||||
span {
|
||||
strong {
|
||||
color: $cRed;
|
||||
}
|
||||
}
|
||||
@@ -288,7 +289,7 @@ h2.title {
|
||||
}
|
||||
h2.title {
|
||||
color: $cDark;
|
||||
span {
|
||||
strong {
|
||||
color: $cViolet;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,6 +5,9 @@
|
||||
*/
|
||||
|
||||
get_header();
|
||||
|
||||
$box_1_left = get_field('box-1-left');
|
||||
$box_1_right = get_field('box-1-right');
|
||||
?>
|
||||
<main id="primary" class="site-main">
|
||||
<section class="box-1">
|
||||
@@ -14,53 +17,51 @@ get_header();
|
||||
</div>
|
||||
</div>
|
||||
<div class="_row">
|
||||
<a href="https://jachty.pkmp.com.pl/" target="_blank" class="_col _col-1">
|
||||
<a href="<?= $box_1_left['btn']['url']; ?>" target="<?= $box_1_left['btn']['target']; ?>" class="_col _col-1">
|
||||
<div class="logo">
|
||||
<img src="/wp-content/uploads/2026/05/Image-Layer-copy.png" alt="">
|
||||
<img src="<?= $box_1_left['logo']; ?>" alt="">
|
||||
</div>
|
||||
<div class="bg-img">
|
||||
<img src="/wp-content/uploads/2026/05/yacht-hero-Bgos_p98.jpg" alt="">
|
||||
<img src="<?= $box_1_left['bg']; ?>" alt="">
|
||||
</div>
|
||||
<div class="_col-content">
|
||||
<h4 class="sub-title">
|
||||
Nowa era — Solina 2026
|
||||
<?= $box_1_left['sybtitle'] ?>
|
||||
</h4>
|
||||
<h2 class="title">
|
||||
Czarter <span>luksusowych</span> jachtów.
|
||||
<?= $box_1_left['title'] ?>
|
||||
</h2>
|
||||
<div class="text">
|
||||
<p>
|
||||
Najnowocześniejsza flota nad Soliną. Wypłyń z keji Dedal w Polańczyku, w samym sercu Bieszczad.
|
||||
</p>
|
||||
<?= $box_1_left['text'] ?>
|
||||
</div>
|
||||
<span class="btn">
|
||||
<span>Wejdź — PKMP Jachty</span>
|
||||
<span><?= $box_1_left['btn']['title']; ?></span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
<div></div>
|
||||
</a>
|
||||
<a href="https://projekt.pkmp.com.pl" target="_blank" class="_col _col-2">
|
||||
<a href="<?= $box_1_right['btn']['url']; ?>" target="<?= $box_1_right['btn']['target']; ?>" class="_col _col-2">
|
||||
<div class="logo">
|
||||
<img src="/wp-content/uploads/2026/05/logo-projekt-CGgHhqGK.png" alt="">
|
||||
<img src="<?= $box_1_right['logo']; ?>" alt="">
|
||||
</div>
|
||||
<div class="bg-img">
|
||||
<img src="/wp-content/uploads/2026/05/projekt-hero-BQaRmds1.jpg" alt="">
|
||||
<img src="<?= $box_1_right['bg']; ?>" alt="">
|
||||
</div>
|
||||
<div class="_col-content">
|
||||
<h4 class="sub-title">
|
||||
Branżowa pracownia projektowa
|
||||
<?= $box_1_right['sybtitle'] ?>
|
||||
</h4>
|
||||
<h2 class="title">
|
||||
<span>Projektowanie,</span> analiza, optymalizacja..
|
||||
<?= $box_1_right['title'] ?>
|
||||
</h2>
|
||||
<div class="text">
|
||||
<p>
|
||||
Projekty koncepcyjne, wykonawcze i warsztatowe ślusarki aluminiowej oraz elewacji wentylowanych.
|
||||
<?= $box_1_right['text'] ?>
|
||||
</p>
|
||||
</div>
|
||||
<span class="btn">
|
||||
<span>Wejdź — PKMP Projekt</span>
|
||||
<span><?= $box_1_right['btn']['title']; ?></span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user