<?php 
function mypage_head() {
    echo '<link rel="stylesheet" type="text/css" href="'.get_template_directory_uri().'/assets/css/o-nas-page.css?'.rand().'">'."\n";
}
add_action('wp_head', 'mypage_head');
?>
<?php get_header(); ?>
<section class="container-fluid atf" style="background-image: url('<?php the_field("bg-onas"); ?>');">
    <div class="container-xxl h-100 d-flex align-items-center">
        <div class="content-atf">
            <h1>O nas</h1>
            <div class="button-box">
                <a href="#content" class="btn">Czytaj dalej</a>
            </div>
        </div>
    </div>
</section>

<div class="separator"></div>



<section class="container-fluid abs-section" id="content">
    <div class="container-xxl h-100">
        <div class="row h-100 g-4">

            <div class="col-lg-6 position-relative">
                
                <div class="content-col-left">
                <div class="mb-3"><span class="sep-red"></span></div>
                    <h2 class="heading-2 pb-4">O nas</h2>
                    <p><?php the_field("tekst-onas"); ?></p>

                </div>

            </div>

            <div class="col-lg-6 col-img-absolute">
                <img src="<?php the_field("onas-img"); ?>" alt="O nas" loading="lazy" class="img-right-abs">
            </div>


        </div>
    </div>
</section>



<?php get_footer(); ?>