first commit

wp-content/themes/ostal_WP/page-templates/template-poradniki.php

@@ -0,0 +1,112 @@
+<?php /* Template Name: Page / Poradniki */ ?>
+<?php get_header() ?>
+
+<div class="mx-auto">
+    <section class="p-6 lg:container lg:mx-auto">
+        <h1 class="text-3xl font-semibold pb-6"><?php echo get_the_title() ?></h1>
+    </section>
+
+    <div class="lg:container lg:mx-auto lg:mb-16">
+
+        <?php
+
+            if( have_rows('guides_repeater') ):
+            
+                while( have_rows('guides_repeater') ) : the_row();
+            
+                    $title = get_sub_field('guide_title');
+                    $excerpt = get_sub_field('guide_excerpt');
+                    $file = get_sub_field('guide_file');
+                    $link_title = get_sub_field('guide_link_title'); ?>
+
+        <div class="p-6 pb-14">
+            <h3 class="text-3xl font-semibold pb-6"><?php echo $title ?></h3>
+            <p class="text-xl pb-6">
+                <?php echo $excerpt ?>
+            </p>
+            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
+                href="<?php echo $file ?>" download>
+                <img class="absolute left-0 -ml-5"
+                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
+                <p class="text-xl font-semibold "><?php echo $link_title ?> </p>
+            </a>
+        </div>
+
+        <?php
+                endwhile;
+                else :
+                endif;
+    ?>
+
+        <div class="hidden p-6 pb-14">
+            <h3 class="text-3xl font-semibold pb-6">O ogrodach zimowych</h3>
+            <p class="text-xl pb-6">
+                Od dawna ogrody zimowe były stosowane w architekturze, głównie pałacowej i dworkowej,
+                dla stworzenia optymalnych warunków do uprawy egzotycznych roślin – jak drzewka
+                pomarańczowe, stąd nazywano je również oranżeriami. Współcześnie mogą stać się
+                dopełnieniem miejskiej, luksusowej willi, jak też wiejskiej rezydencji letniej.
+            </p>
+            <p class="text-xl pb-6">
+                Już na początku należy odpowiedzieć sobie na pytanie: do czego ma służyć nasz nowy ogród zimowy oraz co
+                jest dla nas ważniejsze – uzyskanie architektonicznego efektu, czy też powiększenie powierzchni
+                mieszkalnej.
+            </p>
+            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
+                href="#">
+                <img class="absolute left-0 -ml-5 "
+                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
+                <p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “O ogrodach zimowych”.
+                </p>
+            </a>
+        </div>
+
+        <div class="hidden p-6 bg-gray pt-14 pb-14">
+            <h3 class="text-3xl font-semibold pb-6">Przed budową ogrodu zimowego
+            </h3>
+            <p class="text-xl pb-6">
+                Projektowanie ogrodu zimowego na etapie budowy nowego domu pozwala uniknąć wielu ograniczeń i zyskać
+                całkowitą dowolność w działaniach. Odpowiedni wybór położenia ogrodu i jego formy architektonicznej
+                pozwala na zachowanie stylu całego budynku oraz utrzymanie integralności jego struktury.
+            </p>
+            <p class="text-xl pb-6">
+                Przyłączenie ogrodu do już istniejącego budynku z kolei wymaga sprawdzenia, czy konstrukcja nośna
+                wytrzyma dodatkowe obciążenie.
+
+            </p>
+            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
+                href="#">
+                <img class="absolute left-0 -ml-5 "
+                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
+                <p class="text-xl font-semibold">Więcej dowiesz się z naszego poradnika “Przed budową ogrodu zimowego”.
+                </p>
+            </a>
+        </div>
+
+        <div class="hidden p-6">
+            <h3 class="text-3xl font-semibold pt-14 pb-14">Dodatkowe elementy ogrodu zimowego
+            </h3>
+            <p class="text-xl pb-6">
+                Współczesne ogrody zimowe pozwalają na wykorzystanie wielu dodatkowych elementów, które zwiększają
+                energooszczędność, zapewniają komfort optyczny i termiczny czy też odpowiadają za skuteczna
+                klimatyzację.
+            </p>
+            <p class="text-xl pb-6">
+                W naszych konstrukcjach stosujemy markizy dachowe, żaluzje fasadowe, rolety zewnętrzne oraz automatykę
+                pogodową.
+
+            </p>
+            <a class="flex relative bg-gray pt-10 pb-10 pl-12 pr-6 left-5 w-11/12 lg:min-w-full hover:underline"
+                href="#">
+                <img class="absolute left-0 -ml-5 "
+                    src="<?php echo get_theme_file_uri() ?>/ostal-front/dist/assets/images/pdf.svg" alt="pdf-icon">
+                <p class="text-xl font-semibold ">Więcej dowiesz się z naszego poradnika “Dodatkowe elementy ogrodu
+                    zimowego”.
+
+                </p>
+            </a>
+        </div>
+    </div>
+</div>
+
+<?php get_template_part( 'partials/cta'); ?>
+<?php get_footer() ?>