|
|
@@ -1,3 +1,70 @@
|
|
|
-<?php
|
|
|
+<?php ?>
|
|
|
|
|
|
-echo "Tutaj renderujemy newsletter.";
|
|
|
+<style>
|
|
|
+ .tsu-newsletter-block-input-custom-class {
|
|
|
+ border-color: rgba(177, 48, 65, 1);
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 12px;
|
|
|
+ border-style: solid;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tsu-newsletter-block-input-custom-class:focus {
|
|
|
+ background-color: rgba(177, 48, 65, 0.1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .tsu-newsletter-block-layout-right-wrapper {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tsu-newsletter-privacy {
|
|
|
+ font-size: small;
|
|
|
+ color: grey;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+
|
|
|
+<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"
|
|
|
+ style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--70)">
|
|
|
+ <div
|
|
|
+ class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-15 wp-block-columns-is-layout-flex">
|
|
|
+ <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
|
|
|
+ <p class="has-x-large-font-size" style="line-height:0">
|
|
|
+ Newsletter
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-16 wp-block-columns-is-layout-flex"
|
|
|
+ style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
|
|
|
+ <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
|
|
|
+ <p>
|
|
|
+ Zapisz się do naszego newslettera i otrzymuj aktualności dotyczące realizowanych przez nas projektów.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
|
|
|
+ <div class="is-layout-flex tsu-newsletter-block-layout-right-wrapper">
|
|
|
+ <input type="text" class="tsu-newsletter-block-input-custom-class" placeholder="Adres e-mail..."
|
|
|
+ style="flex-grow: 3">
|
|
|
+ <div class="wp-block-buttons wp-block-buttons-is-layout-flex" style="flex-grow: 1">
|
|
|
+ <!-- TUTAJ -->
|
|
|
+ <div class="wp-block-button has-custom-font-size has-small-font-size">
|
|
|
+ <a class="wp-block-button__link wp-element-button" style="border-radius:12px">
|
|
|
+ → ZAPISUJĘ SIĘ
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-layout-16 wp-block-columns-is-layout-flex"
|
|
|
+ style="margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)">
|
|
|
+ <p class="tsu-newsletter-privacy">
|
|
|
+ Zapisując się do naszego newslettera oświadczasz, iż wyrażasz zgodę na przetwarzanie danych osobowych przez
|
|
|
+ (nazwa i adres Twojej firmy) w celu otrzymywania
|
|
|
+ informacji handlowych i marketingowych. Oświadczasz dodatkowo iż wyrażasz zgodę na wysłanie informacji
|
|
|
+ handlowej drogą elektroniczną na podany adres e-mail przez (nazwa i adres Twojej firmy).
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+</div>
|
