contact page
This commit is contained in:
Roman Pyrih
@@ -1849,4 +1849,106 @@ body.blog main.blog-page .box-2 .posts-more a .loader::after {
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
body.page-id-59 main {
|
||||
padding-top: 80px;
|
||||
}
|
||||
body.page-id-59 main .box-1 {
|
||||
margin-bottom: 110px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 80px;
|
||||
column-gap: 80px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 {
|
||||
flex: 1;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .box-head {
|
||||
max-width: 700px;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .box-head h2 {
|
||||
color: #232323;
|
||||
font-weight: 500;
|
||||
font-size: 64px;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .box-text {
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .box-text p {
|
||||
color: #232323;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards {
|
||||
margin-bottom: 80px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 80px;
|
||||
column-gap: 80px;
|
||||
row-gap: 40px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-title {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-title h3 {
|
||||
color: #232323;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data {
|
||||
padding-left: 24px;
|
||||
border-left: 1px solid #d9ba5c;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-cards .contact-card .card-data ul li a {
|
||||
color: #232323;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-1 .contact-description p {
|
||||
color: #747474;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
body.page-id-59 main .box-1 .row .col-2 {
|
||||
flex-basis: 500px;
|
||||
}
|
||||
body.page-id-59 footer {
|
||||
position: relative;
|
||||
}
|
||||
body.page-id-59 footer::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 105px;
|
||||
background: linear-gradient(0deg, #d9d9d9 0%, rgba(255, 255, 255, 0) 100%);
|
||||
transform: translateY(-100%);
|
||||
z-index: -1;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -1917,3 +1917,117 @@ body.blog {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//* Kontakt
|
||||
body.page-id-59 {
|
||||
main {
|
||||
padding-top: 80px;
|
||||
|
||||
.box-1 {
|
||||
margin-bottom: 110px;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 80px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
flex: 1;
|
||||
|
||||
.box-head {
|
||||
max-width: 700px;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
|
||||
h2 {
|
||||
color: $cBlack;
|
||||
font-weight: 500;
|
||||
font-size: 64px;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
}
|
||||
}
|
||||
.box-text {
|
||||
margin-bottom: 48px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
|
||||
.contact-cards {
|
||||
margin-bottom: 80px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
column-gap: 80px;
|
||||
row-gap: 40px;
|
||||
|
||||
.contact-card {
|
||||
.card-title {
|
||||
margin-bottom: 16px;
|
||||
h3 {
|
||||
color: $cBlack;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
}
|
||||
.card-data {
|
||||
padding-left: 24px;
|
||||
border-left: 1px solid $cGold;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: $cBlack;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-description {
|
||||
p {
|
||||
color: #747474;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
flex-basis: 500px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
@include box_top_shadow($cLightGray);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,19 +1,21 @@
|
||||
|
||||
<footer id="site-footer" class="site-footer">
|
||||
<div class="container">
|
||||
<div class="footer-1">
|
||||
<div class="row">
|
||||
<div class="col col-1">
|
||||
<img src="/wp-content/uploads/2025/08/logo_small_white.svg" alt="">
|
||||
<h2>Chcesz porozmawiać o współpracy?</h2>
|
||||
<p>Chętnie odpowiemy na Twoje pytania.</p>
|
||||
<a href="#" class="btn_2">Skontaktuj się z nami</a>
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<img src="/wp-content/uploads/2025/08/footer-img.png" alt="">
|
||||
<?php if ( !is_page( 59 ) ): ?>
|
||||
<div class="footer-1">
|
||||
<div class="row">
|
||||
<div class="col col-1">
|
||||
<img src="/wp-content/uploads/2025/08/logo_small_white.svg" alt="">
|
||||
<h2>Chcesz porozmawiać o współpracy?</h2>
|
||||
<p>Chętnie odpowiemy na Twoje pytania.</p>
|
||||
<a href="#" class="btn_2">Skontaktuj się z nami</a>
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<img src="/wp-content/uploads/2025/08/footer-img.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="footer-2">
|
||||
<div class="row">
|
||||
<div class="col col-1">
|
||||
|
||||
63
wp-content/themes/brpp-prawo-podatki/page-59.php
Normal file
63
wp-content/themes/brpp-prawo-podatki/page-59.php
Normal file
@@ -0,0 +1,63 @@
|
||||
<?php
|
||||
/**
|
||||
* Page: Kontakt
|
||||
*/
|
||||
|
||||
get_header();
|
||||
?>
|
||||
<main id="primary" class="site-main">
|
||||
<div class="box-0">
|
||||
<?php get_template_part('inc/breadcrumb');?>
|
||||
</div>
|
||||
<div class="box-1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col col-1">
|
||||
<div class="box-head">
|
||||
<h2>Chcesz skonsultować swoją sprawę lub umówić się na spotkanie?</h2>
|
||||
</div>
|
||||
<div class="box-text">
|
||||
<p>Skontaktuj się z nami - odpowiemy tak szybko, jak to możliwe.</p>
|
||||
</div>
|
||||
|
||||
<div class="contact-cards">
|
||||
<?php for ($i=0; $i <2 ; $i++) : ?>
|
||||
<div class="contact-card">
|
||||
<div class="card-title">
|
||||
<h3>Siedziba i biuro Nowy Sącz:</h3>
|
||||
</div>
|
||||
<div class="card-data">
|
||||
<p>
|
||||
ul. Jana Matejki 11/1<br/>
|
||||
33-300 Nowy Sącz
|
||||
</p>
|
||||
<ul class="card-list">
|
||||
<li>
|
||||
<a href="tel:+48732550750">732 550 750</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="mailto:biuro@brpp.pl">biuro@brpp.pl</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<?php endfor; ?>
|
||||
</div>
|
||||
|
||||
<div class="contact-description">
|
||||
<p>
|
||||
<strong>Broński Rajchel Prawo Podatki sp. k.</strong><br/>
|
||||
KRS: 0000980505 NIP: 7343612551 REGON: 522490655
|
||||
</p>
|
||||
|
||||
<p>Nr rachunku mBank: PL 13 1140 2004 0000 3902 8257 6596</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-2">
|
||||
<img src="/wp-content/uploads/2025/08/img-8.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<?php get_footer();
|
||||
Reference in New Issue
Block a user