changes working

sample-hugo-template/Tech-Club-Blog/layouts/partials/subscription/subscription.html

@@ -0,0 +1,39 @@
+{{ $email := . }}
+{{ $action := printf "https://formspree.io/%s.tld" $email }}
+<section id="subscriptionSection" class="section narrow">
+    <div class="subscription-container">
+        <div class="subscription-content">
+            <h3 class="subscription-heading">
+                Join our email list and get notified about new content
+            </h3>
+            <p class="subscription-text">
+                Be the first to receive our latest content with the ability to
+                opt-out at anytime. We promise to not spam your inbox or share your
+                email with any third parties.
+            </p>
+            <form id="subscriptionForm" class="subscription-form" action="{{ $action | safeHTMLAttr }}" method="POST">
+                <input
+                  id="emailInput"
+                  class="subscription-input"
+                  placeholder="your@email.com"
+                  name="email"
+                  type="email"
+                  required
+                  pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$"
+                />
+                <button id="submitButton"
+                  class="submit-button"
+                  type="submit"
+                >
+                    Subscribe
+                </button>
+                <div class="subscription-error-message">
+                    The email you entered is not valid.
+                </div>
+            </form>
+        </div>
+    </div>
+</section>
+
+{{ $script := resources.Get "js/addFormStyles.js" }}
+<script src="{{ $script.RelPermalink }}"></script>