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

RWD

Browse Source
This commit is contained in:
Roman Pyrih
2025-10-01 14:19:10 +02:00
parent f7e757d188
commit a63e42a362
6 changed files with 393 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
wp-content/themes/brpfinanse/css/custom.css
View File

@@ -2088,7 +2088,7 @@ body.page-id-91 main .box-1 {
}
@media (max-width: 767px) {
body.page-id-91 main .box-1 {
height: 640px;
height: 720px;
}
}
body.page-id-91 main .box-1 .box-bg {
@@ -2142,6 +2142,13 @@ body.page-id-91 main .box-1 .row .col-1 .box-info {
align-items: center;
gap: 40px;
}
@media (max-width: 767px) {
body.page-id-91 main .box-1 .row .col-1 .box-info {
flex-direction: column;
align-items: flex-start;
row-gap: 20px;
}
}
body.page-id-91 main .box-1 .row .col-1 .box-info p {
color: #ffffff;
font-weight: 400;
@@ -2907,9 +2914,19 @@ body.page-id-132 main .box-1 .row {
-moz-column-gap: 100px;
column-gap: 100px;
}
@media (max-width: 991px) {
body.page-id-132 main .box-1 .row {
flex-direction: column;
row-gap: 50px;
}
}
body.page-id-132 main .box-1 .row .col-1 {
width: 100%;
max-width: 630px;
}
@media (min-width: 992px) {
body.page-id-132 main .box-1 .row .col-1 {
max-width: 630px;
}
}
body.page-id-132 main .box-1 .row .col-1 h2 {
color: #232323;
@@ -2918,9 +2935,18 @@ body.page-id-132 main .box-1 .row .col-1 h2 {
line-height: 1.2;
letter-spacing: -0.96px;
}
@media (max-width: 767px) {
body.page-id-132 main .box-1 .row .col-1 h2 {
font-size: 32px;
}
}
body.page-id-132 main .box-1 .row .col-2 {
width: 100%;
max-width: 525px;
}
@media (min-width: 992px) {
body.page-id-132 main .box-1 .row .col-2 {
max-width: 525px;
}
}
body.page-id-132 main .box-1 .row .col-2 p {
color: #232323;
@@ -2933,6 +2959,12 @@ body.page-id-132 main .box-2 {
padding-top: 140px;
background: #1b1b1b;
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 {
padding-top: 100px;
padding-bottom: 100px;
}
}
body.page-id-132 main .box-2 .row {
position: relative;
padding-left: 100px;
@@ -2979,9 +3011,25 @@ body.page-id-132 main .box-2 .row::after {
width: 100%;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-2 .row {
padding-left: 60px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row {
padding-left: 0;
padding-top: 60px;
}
}
body.page-id-132 main .box-2 .row .col-1 .box-title {
margin-bottom: 80px;
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-1 .box-title {
margin-bottom: 60px;
}
}
body.page-id-132 main .box-2 .row .col-1 .box-title h2 {
color: #ffffff;
font-weight: 500;
@@ -2994,16 +3042,40 @@ body.page-id-132 main .box-2 .row .col-2 .tiles {
flex-direction: row;
justify-content: space-between;
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile {
flex-basis: 25%;
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles {
flex-direction: column;
}
}
@media (min-width: 768px) {
@media (min-width: 992px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile {
flex-basis: 25%;
}
}
@media (min-width: 992px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile:not(:last-child) .tile-data {
border-right: 1px solid;
border-image-source: linear-gradient(180deg, #d9ba5c 0%, transparent 100%);
border-image-slice: 1;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile:not(:last-child) {
border-bottom: 1px solid;
border-image-source: linear-gradient(90deg, #d9ba5c 0%, transparent 100%);
border-image-slice: 1;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile {
display: flex;
flex-direction: row;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-img {
display: flex;
align-items: center;
@@ -3020,6 +3092,21 @@ body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data {
padding-right: 30px;
margin-right: 30px;
}
@media (max-width: 1199px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data {
padding-right: 20px;
margin-right: 20px;
padding-bottom: 170px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data {
padding-right: 0;
margin-right: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
color: #ffffff;
font-weight: 400;
@@ -3028,6 +3115,11 @@ body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
letter-spacing: -0.56px;
margin-bottom: 16px;
}
@media (max-width: 1199px) {
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
font-size: 22px;
}
}
body.page-id-132 main .box-2 .row .col-2 .tiles .tile .tile-data p {
color: rgb(166, 166, 166);
font-weight: 400;
@@ -3040,14 +3132,28 @@ body.page-id-132 main .box-3 {
padding-bottom: 125px;
}
body.page-id-132 main .box-3 .row-1 {
position: relative;
padding-left: 80px;
display: flex;
flex-direction: row;
-moz-column-gap: 100px;
column-gap: 100px;
}
body.page-id-132 main .box-3 .row-1::before {
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-1 {
-moz-column-gap: 60px;
column-gap: 60px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1 {
flex-direction: column;
margin-bottom: 60px;
}
}
body.page-id-132 main .box-3 .row-1 .col-1 {
position: relative;
padding-left: 80px;
}
body.page-id-132 main .box-3 .row-1 .col-1::before {
content: attr(box-title);
color: #d4d4d4;
font-weight: 700;
@@ -3060,38 +3166,71 @@ body.page-id-132 main .box-3 .row-1::before {
background: #ffffff;
z-index: 1;
}
body.page-id-132 main .box-3 .row-1::after {
body.page-id-132 main .box-3 .row-1 .col-1::after {
content: "";
position: absolute;
left: 7px;
background: #d4d4d4;
}
@media (min-width: 992px) {
body.page-id-132 main .box-3 .row-1::before {
body.page-id-132 main .box-3 .row-1 .col-1::before {
writing-mode: vertical-rl;
padding-top: 24px;
transform: rotate(180deg);
}
body.page-id-132 main .box-3 .row-1::after {
body.page-id-132 main .box-3 .row-1 .col-1::after {
top: 10px;
bottom: 0;
width: 1px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1::before {
body.page-id-132 main .box-3 .row-1 .col-1::before {
padding-right: 24px;
}
body.page-id-132 main .box-3 .row-1::after {
body.page-id-132 main .box-3 .row-1 .col-1::after {
top: 7px;
right: 0;
height: 1px;
width: 100%;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1 .col-1 {
padding-left: 0;
padding-bottom: 70px;
margin-bottom: 60px;
}
body.page-id-132 main .box-3 .row-1 .col-1::before {
top: auto;
bottom: 0;
}
body.page-id-132 main .box-3 .row-1 .col-1::after {
top: auto;
bottom: 7px;
}
body.page-id-132 main .box-3 .row-1 .col-1 img {
margin: 0 auto;
}
}
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: 640px;
}
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: 530px;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: 360px;
}
}
@media (max-width: 991px) {
body.page-id-132 main .box-3 .row-1 .col-2 {
max-width: unset;
}
}
body.page-id-132 main .box-3 .row-1 .col-2 .box-mini-title {
margin-bottom: 40px;
}
@@ -3112,6 +3251,11 @@ body.page-id-132 main .box-3 .row-1 .col-2 .box-title h2 {
line-height: 1.2;
letter-spacing: -0.68px;
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-1 .col-2 .box-title h2 {
font-size: 26px;
}
}
body.page-id-132 main .box-3 .row-1 .col-2 ul {
padding: 0;
margin: 0;
@@ -3146,7 +3290,11 @@ body.page-id-132 main .box-3 .row-1 .col-2 ul li::before {
}
body.page-id-132 main .box-3 .row-2 {
position: relative;
margin-top: -150px;
}
@media (min-width: 992px) {
body.page-id-132 main .box-3 .row-2 {
margin-top: -150px;
}
}
body.page-id-132 main .box-3 .row-2 .box-info {
max-width: 1120px;
@@ -3154,6 +3302,17 @@ body.page-id-132 main .box-3 .row-2 .box-info {
background: rgb(250, 248, 242);
margin-left: auto;
}
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-2 .box-info {
max-width: 900px;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-2 .box-info {
max-width: 750px;
padding: 44px;
}
}
body.page-id-132 main .box-3 .row-2 .box-info h3 {
color: #232323;
font-weight: 400;
@@ -3173,6 +3332,19 @@ body.page-id-132 main .box-3 .row-2 .box-info p strong {
color: #d9ba5c;
font-weight: initial;
}
@media (max-width: 1369px) {
body.page-id-132 main .box-3 .row-2 .box-info p {
font-size: 28px;
}
}
@media (max-width: 1199px) {
body.page-id-132 main .box-3 .row-2 .box-info p {
font-size: 24px;
}
body.page-id-132 main .box-3 .row-2 .box-info p br {
display: none;
}
}
body.blog main.blog-page {
padding-top: 32px;

2
wp-content/themes/brpfinanse/css/custom.css.map
View File

File diff suppressed because one or more lines are too long

155
wp-content/themes/brpfinanse/css/custom.scss
View File

@@ -1905,7 +1905,7 @@ body.page-id-91 {
align-items: flex-end;
@include respond-below(md) {
height: 640px;
height: 720px;
}
.box-bg {
@@ -1961,6 +1961,12 @@ body.page-id-91 {
align-items: center;
gap: 40px;
@include respond-below(md) {
flex-direction: column;
align-items: flex-start;
row-gap: 20px;
}
p {
color: $cWhite;
font-weight: 400;
@@ -2755,22 +2761,35 @@ body.page-id-132 {
flex-direction: row;
column-gap: 100px;
@include respond-below(lg) {
flex-direction: column;
row-gap: 50px;
}
.col {
&-1 {
width: 100%;
max-width: 630px;
@include respond-above(lg) {
max-width: 630px;
}
h2 {
color: $cBlack;
font-weight: 500;
font-size: 48px;
line-height: 1.2;
letter-spacing: -0.96px;
@include respond-below(md) {
font-size: 32px;
}
}
}
&-2 {
width: 100%;
max-width: 525px;
@include respond-above(lg) {
max-width: 525px;
}
p {
color: $cBlack;
font-weight: 400;
@@ -2787,15 +2806,32 @@ body.page-id-132 {
padding-top: 140px;
background: #1b1b1b;
@include respond-below(lg) {
padding-top: 100px;
padding-bottom: 100px;
}
.row {
@include box_title_line(#6a6a6a, #1b1b1b);
padding-left: 100px;
@include respond-below(xl) {
padding-left: 60px;
}
@include respond-below(lg) {
padding-left: 0;
padding-top: 60px;
}
.col {
&-1 {
.box-title {
margin-bottom: 80px;
@include respond-below(lg) {
margin-bottom: 60px;
}
h2 {
color: $cWhite;
font-weight: 500;
@@ -2811,12 +2847,17 @@ body.page-id-132 {
flex-direction: row;
justify-content: space-between;
@include respond-below(lg) {
flex-direction: column;
}
.tile {
flex-basis: calc(100% / 4);
@include respond-above(lg) {
flex-basis: calc(100% / 4);
}
&:not(:last-child) {
.tile-data {
@include respond-above(md) {
@include respond-above(lg) {
.tile-data {
border-right: 1px solid;
border-image-source: linear-gradient(
180deg,
@@ -2826,6 +2867,23 @@ body.page-id-132 {
border-image-slice: 1;
}
}
@include respond-below(lg) {
border-bottom: 1px solid;
border-image-source: linear-gradient(
90deg,
$cGold 0%,
transparent 100%
);
border-image-slice: 1;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
@include respond-below(lg) {
display: flex;
flex-direction: row;
column-gap: 40px;
}
.tile-img {
display: flex;
@@ -2847,6 +2905,18 @@ body.page-id-132 {
padding-right: 30px;
margin-right: 30px;
@include respond-below(xl) {
padding-right: 20px;
margin-right: 20px;
padding-bottom: 170px;
}
@include respond-below(lg) {
padding-right: 0;
margin-right: 0;
padding-bottom: 0;
margin-bottom: 0;
}
h3 {
color: $cWhite;
font-weight: 400;
@@ -2854,6 +2924,10 @@ body.page-id-132 {
line-height: 1.2;
letter-spacing: -0.56px;
margin-bottom: 16px;
@include respond-below(xl) {
font-size: 22px;
}
}
p {
@@ -2877,18 +2951,56 @@ body.page-id-132 {
.row {
&-1 {
@include box_title_line(#d4d4d4, $cWhite);
padding-left: 80px;
display: flex;
flex-direction: row;
column-gap: 100px;
@include respond-below(xxl) {
column-gap: 60px;
}
@include respond-below(lg) {
flex-direction: column;
margin-bottom: 60px;
}
.col {
&-1 {
@include box_title_line(#d4d4d4, $cWhite);
padding-left: 80px;
@include respond-below(lg) {
padding-left: 0;
padding-bottom: 70px;
margin-bottom: 60px;
&::before {
top: auto;
bottom: 0;
}
&::after {
top: auto;
bottom: 7px;
}
img {
margin: 0 auto;
}
}
}
&-2 {
max-width: 640px;
@include respond-below(xxl) {
max-width: 530px;
}
@include respond-below(xl) {
max-width: 360px;
}
@include respond-below(lg) {
max-width: unset;
}
.box-mini-title {
margin-bottom: 40px;
@@ -2909,6 +3021,10 @@ body.page-id-132 {
font-size: 36px;
line-height: 1.2;
letter-spacing: -0.68px;
@include respond-below(xl) {
font-size: 26px;
}
}
}
ul {
@@ -2952,7 +3068,10 @@ body.page-id-132 {
}
&-2 {
position: relative;
margin-top: -150px;
@include respond-above(lg) {
margin-top: -150px;
}
.box-info {
max-width: 1120px;
@@ -2960,6 +3079,15 @@ body.page-id-132 {
background: rgba(250, 248, 242, 1);
margin-left: auto;
@include respond-below(xxl) {
max-width: 900px;
}
@include respond-below(xl) {
max-width: 750px;
padding: 44px;
}
h3 {
color: $cBlack;
font-weight: 400;
@@ -2980,6 +3108,15 @@ body.page-id-132 {
color: $cGold;
font-weight: initial;
}
@include respond-below(xxl) {
font-size: 28px;
}
@include respond-below(xl) {
font-size: 24px;
br {
display: none;
}
}
}
}
}

48
wp-content/themes/brpfinanse/footer.php
View File

@@ -9,6 +9,7 @@
* @package brpfinanse
*/
$footer_top = get_field('top_footer_box', 'option');
$footer = get_field('footer_box', 'option');
?>
@@ -19,10 +20,10 @@
<div class="col col-1">
<div class="box-contact">
<div class="box-title">
<h2>Wyceń <strong>kompleksową obsługę księgową</strong> swojej firmy w 48 godz.</h2>
<?php echo $footer_top['col_1']['title']; ?>
</div>
<div class="box-text">
<p>Wypełnij formularz, a nasz specjalista odezwie się do Ciebie i zada Ci konkretne pytania.</p>
<p><?php echo $footer_top['col_1']['text']; ?></p>
</div>
<?php echo do_shortcode('[contact-form-7 id="3bcd014" title="Kontakt"]'); ?>
</div>
@@ -32,17 +33,22 @@
<img src="/wp-content/uploads/2025/09/logo_small_white.svg" alt="">
</div>
<div class="box-text">
<p>Jak wygląda współpraca z BRPP Finanse?</p>
<p><?php echo $footer_top['col_2']['title']; ?></p>
<ol>
<li>Bezpłatna konsultacja</li>
<li>Dopasowanie oferty i zakresu usług</li>
<li>Onboarding - przekazanie dokumentów, konfiguracja</li>
<li>Bieżąca obsługa, raportowanie, kontakt</li>
<?php foreach ($footer_top['col_2']['list'] as $key => $value) : ?>
<li><?php echo $value['text']; ?></li>
<?php endforeach; ?>
</ol>
</div>
<div class="box-info">
<p>Masz pytania? Zadzwoń do nas!</p>
<a href="#" class="btn_4">48 43... Pokaż numer</a>
<p><?php echo $footer_top['col_2']['info_text']; ?></p>
<a href="#" class="btn_4 show-phone" data-post="<?php echo get_the_ID(); ?>">
<?php echo $footer_top['col_2']['btn_placeholder']; ?>
</a>
<!-- <a class="btn_4" href="<?php echo esc_url($footer_top['col_2']['btn']['url']); ?>" target="<?php echo esc_attr($footer_top['col_2']['btn']['target'] ?: '_self'); ?>">
<?php echo esc_html($footer_top['col_2']['btn']['title']); ?>
</a> -->
</div>
</div>
</div>
@@ -80,5 +86,29 @@
<?php wp_footer(); ?>
<script>
jQuery(document).ready(function ($) {
$('.show-phone').on('click', function (e) {
e.preventDefault()
var $this = $(this)
var postId = $this.data('post')
$.ajax({
url: '<?php echo admin_url("admin-ajax.php"); ?>',
type: 'POST',
data: {
action: 'get_full_phone',
post_id: postId,
},
success: function (response) {
if (response.success) {
$this.replaceWith(response.data.html)
}
},
})
})
})
</script>
</body>
</html>

18
wp-content/themes/brpfinanse/functions.php
View File

@@ -239,3 +239,21 @@ add_filter('wpcf7_form_elements', function($content) {
);
return $content;
});
add_action('wp_ajax_get_full_phone', 'get_full_phone');
add_action('wp_ajax_nopriv_get_full_phone', 'get_full_phone');
function get_full_phone() {
if (!isset($_POST['post_id'])) wp_send_json_error('No post ID');
$post_id = intval($_POST['post_id']);
$footer_top = get_field('top_footer_box', 'option');
if (!isset($footer_top['col_2']['btn'])) wp_send_json_error('Phone not found');
$btn = $footer_top['col_2']['btn'];
$html = '<a class="btn_4" href="' . esc_url($btn['url']) . '" target="' . esc_attr($btn['target'] ?: '_self') . '">'
. esc_html($btn['title']) . '</a>';
wp_send_json_success(['html' => $html]);
}

4
wp-content/themes/brpfinanse/page-132.php
View File

@@ -57,8 +57,8 @@
<div class="box-3">
<div class="container">
<div class="row row-1" box-title="<?php echo $box3['mini_title']; ?>">
<div class="col col-1">
<div class="row row-1">
<div class="col col-1" box-title="<?php echo $box3['mini_title']; ?>">
<img src="<?php echo $box3['image']; ?>" alt="">
</div>
<div class="col col-2">