This commit is contained in:
Roman Pyrih
2025-08-26 13:31:32 +02:00
parent a4fc41a3a0
commit a007592537
80 changed files with 552 additions and 37 deletions

Binary file not shown.

View File

@@ -0,0 +1,192 @@
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Bold.eot');
src: local('HelveticaNeueCyr-Bold'),
url('HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Bold.woff2') format('woff2'),
url('HelveticaNeueCyr-Bold.woff') format('woff'),
url('HelveticaNeueCyr-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Light.eot');
src: local('HelveticaNeueCyr-Light'),
url('HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Light.woff2') format('woff2'),
url('HelveticaNeueCyr-Light.woff') format('woff'),
url('HelveticaNeueCyr-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Medium.eot');
src: local('HelveticaNeueCyr-Medium'),
url('HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Medium.woff2') format('woff2'),
url('HelveticaNeueCyr-Medium.woff') format('woff'),
url('HelveticaNeueCyr-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-MediumItalic.eot');
src: local('HelveticaNeueCyr-MediumItalic'),
url('HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-MediumItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-MediumItalic.woff') format('woff'),
url('HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-LightItalic.eot');
src: local('HelveticaNeueCyr-LightItalic'),
url('HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-LightItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-LightItalic.woff') format('woff'),
url('HelveticaNeueCyr-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-HeavyItalic.eot');
src: local('HelveticaNeueCyr-HeavyItalic'),
url('HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-HeavyItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
url('HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Black.eot');
src: local('HelveticaNeueCyr-Black'),
url('HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Black.woff2') format('woff2'),
url('HelveticaNeueCyr-Black.woff') format('woff'),
url('HelveticaNeueCyr-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Heavy.eot');
src: local('HelveticaNeueCyr-Heavy'),
url('HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Heavy.woff2') format('woff2'),
url('HelveticaNeueCyr-Heavy.woff') format('woff'),
url('HelveticaNeueCyr-Heavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Italic.eot');
src: local('HelveticaNeueCyr-Italic'),
url('HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Italic.woff2') format('woff2'),
url('HelveticaNeueCyr-Italic.woff') format('woff'),
url('HelveticaNeueCyr-Italic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Roman.eot');
src: local('HelveticaNeueCyr-Roman'),
url('HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Roman.woff2') format('woff2'),
url('HelveticaNeueCyr-Roman.woff') format('woff'),
url('HelveticaNeueCyr-Roman.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-BlackItalic.eot');
src: local('HelveticaNeueCyr-BlackItalic'),
url('HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-BlackItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-BlackItalic.woff') format('woff'),
url('HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-UltraLightItalic.eot');
src: local('HelveticaNeueCyr-UltraLightItalic'),
url('HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-UltraLightItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
url('HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-BoldItalic.eot');
src: local('HelveticaNeueCyr-BoldItalic'),
url('HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-BoldItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-BoldItalic.woff') format('woff'),
url('HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-ThinItalic.eot');
src: local('HelveticaNeueCyr-ThinItalic'),
url('HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-ThinItalic.woff2') format('woff2'),
url('HelveticaNeueCyr-ThinItalic.woff') format('woff'),
url('HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-UltraLight.eot');
src: local('HelveticaNeueCyr-UltraLight'),
url('HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-UltraLight.woff2') format('woff2'),
url('HelveticaNeueCyr-UltraLight.woff') format('woff'),
url('HelveticaNeueCyr-UltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Helvetica Neue';
src: url('HelveticaNeueCyr-Thin.eot');
src: local('HelveticaNeueCyr-Thin'),
url('HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
url('HelveticaNeueCyr-Thin.woff2') format('woff2'),
url('HelveticaNeueCyr-Thin.woff') format('woff'),
url('HelveticaNeueCyr-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}

View File

@@ -3,7 +3,7 @@ $container-max-widths: (
md: 720px,
lg: 960px,
xl: 1140px,
xxl: 1370px,
xxl: 1310px,
);
$breakpoints: (
@@ -11,7 +11,7 @@ $breakpoints: (
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px,
xxl: 1370px,
);
@mixin respond-above($breakpoint) {

View File

@@ -1,3 +1,12 @@
@import '../assets/fonts/HelveticaNeue/stylesheet.css';
* {
font-family: "Helvetica Neue", sans-serif;
}
a {
text-decoration: none;
}
.container {
width: 100%;
margin-left: auto;
@@ -25,8 +34,123 @@
max-width: 1140px;
}
}
@media (min-width: 1400px) {
@media (min-width: 1370px) {
.container {
max-width: 1370px;
max-width: 1310px;
}
}
.btn_1, header#masthead .row .main-navigation-secondary li:nth-child(1) a {
color: #232323 !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: rgba(139, 139, 139, 0.1);
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
}
.btn_1:hover, header#masthead .row .main-navigation-secondary li:nth-child(1) a:hover {
color: #ffffff !important;
background: #232323;
}
.btn_2, header#masthead .row .main-navigation-secondary li:nth-child(2) a {
color: #ffffff !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: #d9ba5c;
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
}
.btn_2:hover, header#masthead .row .main-navigation-secondary li:nth-child(2) a:hover {
background: #ba962b;
}
.btn_3 {
color: #d9ba5c !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: rgba(217, 186, 92, 0.1);
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
}
.btn_3:hover {
color: #ffffff !important;
background: #d9ba5c;
}
.btn_4 {
color: #d9ba5c !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: #ffffff;
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
}
.btn_4:hover {
color: #ffffff !important;
background: #d9ba5c;
}
.btn_5 {
color: #d9ba5c !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
}
.btn_5:hover {
text-decoration: underline;
}
header#masthead {
height: 77px;
}
header#masthead .row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
-moz-column-gap: 40px;
column-gap: 40px;
height: 77px;
}
header#masthead .row .site-branding img {
width: 246px;
min-width: 246px;
}
header#masthead .row nav#site-navigation ul#primary-menu {
gap: 50px;
justify-content: center;
}
header#masthead .row nav#site-navigation ul#primary-menu li a {
color: #232323;
font-size: 16px;
font-weight: 500;
line-height: 1;
}
header#masthead .row .main-navigation-secondary {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss","custom.css","_mixins.scss"],"names":[],"mappings":"AAEA;EACC,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;ACDD;ADKG;EATH;IAUI,gBEZmB;EDUrB;AACF;ADIG;EAbH;IAcI,gBEhBmB;EDerB;AACF;ADGG;EAjBH;IAkBI,gBEpBmB;EDoBrB;AACF;ADEG;EArBH;IAsBI,iBExBmB;EDyBrB;AACF;ADCG;EAzBH;IA0BI,iBE5BmB;ED8BrB;AACF","file":"custom.css"}
{"version":3,"sources":["custom.scss","custom.css","_mixins.scss"],"names":[],"mappings":"AAAQ,sDAAA;AAaR;EACC,yCALgB;ACNjB;;ADcA;EACC,qBAAA;ACXD;;ADcA;EACC,WAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;ACXD;ADeG;EATH;IAUI,gBE/BmB;EDmBrB;AACF;ADcG;EAbH;IAcI,gBEnCmB;EDwBrB;AACF;ADaG;EAjBH;IAkBI,gBEvCmB;ED6BrB;AACF;ADYG;EArBH;IAsBI,iBE3CmB;EDkCrB;AACF;ADWG;EAzBH;IA0BI,iBE/CmB;EDuCrB;AACF;;ADaA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,oCAAA;EACA,sBAAA;EACA,iCAAA;ACXD;ADaC;EACC,yBAAA;EACA,mBA7DO;ACkDT;;ADeA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mBA7EO;EA8EP,sBAAA;EACA,iCAAA;ACbD;ADeC;EACC,mBAjFQ;ACoEV;;ADiBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mCAAA;EACA,sBAAA;EACA,iCAAA;ACfD;ADiBC;EACC,yBAAA;EACA,mBArGM;ACsFR;;ADmBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EAEA,qBAAA;EACA,uBAAA;EACA,oBAAA;EACA,mBAnHQ;EAoHR,sBAAA;EACA,iCAAA;ACjBD;ADmBC;EACC,yBAAA;EACA,mBAxHM;ACuGR;;ADqBA;EACC,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,iCAAA;AClBD;ADoBC;EACC,0BAAA;AClBF;;ADsBA;EACC,YAnIe;ACgHhB;ADqBC;EACC,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,qBAAA;OAAA,gBAAA;EAEA,YA5Ic;ACwHhB;ADuBG;EACC,YAAA;EACA,gBAAA;ACrBJ;AD0BG;EACC,SAAA;EACA,uBAAA;ACxBJ;AD2BK;EACC,cAhKG;EAiKH,eAAA;EACA,gBAAA;EACA,cAAA;ACzBN;AD+BE;EACC,UAAA;EACA,SAAA;EACA,gBAAA;EAEA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,SAAA;AC9BH","file":"custom.css"}

View File

@@ -1,5 +1,24 @@
@import '../assets/fonts/HelveticaNeue/stylesheet.css';
@import '_mixins';
$cWhite: #ffffff;
$cGold: #d9ba5c;
$cGolder: #ba962b;
$cGray: #8b8b8b;
$cBlack: #232323;
$fHelveticaNeue: 'Helvetica Neue', sans-serif;
$header-height: 77px;
* {
font-family: $fHelveticaNeue;
}
a {
text-decoration: none;
}
.container {
width: 100%;
margin-left: auto;
@@ -25,9 +44,163 @@
max-width: $max;
}
} @else if $breakpoint == xxl {
@media (min-width: 1400px) {
@media (min-width: 1370px) {
max-width: $max;
}
}
}
}
.btn_1 {
color: $cBlack !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: rgba($cGray, 0.1);
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
&:hover {
color: $cWhite !important;
background: $cBlack;
}
}
.btn_2 {
color: $cWhite !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: $cGold;
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
&:hover {
background: $cGolder;
}
}
.btn_3 {
color: $cGold !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: rgba($cGold, 0.1);
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
&:hover {
color: $cWhite !important;
background: $cGold;
}
}
.btn_4 {
color: $cGold !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
display: inline-block;
padding: 15px 24px 13px;
border-radius: 100px;
background: $cWhite;
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
&:hover {
color: $cWhite !important;
background: $cGold;
}
}
.btn_5 {
color: $cGold !important;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-wrap-mode: nowrap;
transition: all 250ms ease-in-out;
&:hover {
text-decoration: underline;
}
}
header#masthead {
height: $header-height;
.row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 40px;
height: $header-height;
.site-branding {
img {
width: 246px;
min-width: 246px;
}
}
nav#site-navigation {
ul#primary-menu {
gap: 50px;
justify-content: center;
li {
a {
color: $cBlack;
font-size: 16px;
font-weight: 500;
line-height: 1;
}
}
}
}
.main-navigation-secondary {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
li {
&:nth-child(1) {
a {
@extend .btn_1;
}
}
&:nth-child(2) {
a {
@extend .btn_2;
}
}
}
}
}
}
//* Home
body.page-id-25 {
}

View File

@@ -23,39 +23,34 @@
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'brpp-prawo-podatki' ); ?></a>
<!-- <a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'brpp-prawo-podatki' ); ?></a> -->
<header id="masthead" class="site-header">
<div class="container">
<div class="site-branding">
<?php
the_custom_logo();
if ( is_front_page() && is_home() ) :
?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$brpp_prawo_podatki_description = get_bloginfo( 'description', 'display' );
if ( $brpp_prawo_podatki_description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $brpp_prawo_podatki_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
<?php endif; ?>
</div><!-- .site-branding -->
<div class="row">
<div class="site-branding">
<?php the_custom_logo(); ?>
</div>
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'brpp-prawo-podatki' ); ?></button>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
)
);
?>
</nav><!-- #site-navigation -->
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Menu', 'brpp-prawo-podatki' ); ?></button>
<?php
wp_nav_menu(
array(
'menu_id' => 'primary-menu',
)
);
?>
</nav>
<ul class="main-navigation-secondary">
<li>
<a href="#">BRPP Finanse</a>
</li>
<li>
<a href="#">Kontakt</a>
</li>
</ul>
</div>
</div>
</header><!-- #masthead -->
</header>

View File

@@ -0,0 +1,31 @@
<?php get_header(); ?>
<main id="primary" class="site-main">
<div class="box-1">
<div class="container">
<div class="row">
<div class="col col-1">
<div class="box-head">
<h2>Rozumiemy biznes. Łączymy prawo i liczby.</h2>
</div>
<div class="box-text">
<p>Kompleksowa obsługa prawna i podatkowa dla firm oraz przedsiębiorców.</p>
</div>
<a href="#" class="btn_3">Dowiedz się więcej</a>
<div class="box-quote">
<p>“Od początku wiedzieliśmy, że chcemy być czymś więcej niż tylko kancelarią.”</p>
<a href="#" class="btn_5">Poznaj Zespół</a>
</div>
</div>
<div class="col col-2">
<img src="/wp-content/uploads/2025/08/img-1.jpg" alt="">
</div>
</div>
</div>
</div>
</main>
<?php
get_footer();