From 675478e1b4fbe5f350788e90ffdab7a57ea96415 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 26 Sep 2022 15:50:55 -0400
Subject: [PATCH] Made email form a partial

---
 src/layouts/index.html                 |  2 +-
 src/layouts/partials/footer.html       | 44 ++------------------------
 src/layouts/partials/klaviyo-form.html | 41 ++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 43 deletions(-)
 create mode 100644 src/layouts/partials/klaviyo-form.html

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 782e062..e8dfa75 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -30,7 +30,7 @@
 
         <div class="row p-0">
           <div class="col-lg-12 mb-lg-0 mb-md-5 mb-sm-5 mb-5 p-0">
-            <div class="klaviyo-form-WcHYs8"></div>
+            {{- partial "klaviyo-form.html" . -}}
           </div>
         </div>
 
diff --git a/src/layouts/partials/footer.html b/src/layouts/partials/footer.html
index 62ff269..ebcf82e 100644
--- a/src/layouts/partials/footer.html
+++ b/src/layouts/partials/footer.html
@@ -49,49 +49,9 @@
       <div class="col-lg-4 mt-3">
         <h6 class=" mb-4">Get updates to your inbox</h6>
 
-<!-- Start Sendx Form Module -->
+<!-- Start klaviyo Form Module -->
 
-        <div class="klaviyo-form-WcHYs8"></div>
-
-        <style>
-
-          .kl-private-reset-css-Xuajs1{
-            display: block !important;
-            padding: 0px !important;
-            margin: 0px !important;
-          }
-
-          .go3894874857{
-            width: 100% !important;
-            background-color: #54BAAB !important;
-            border: none !important;
-            border-radius: 60px !important;
-            transition: 0.2s ease-in-out !important;
-            font-family: inherit !important;
-            font-weight: 400 !important;
-          }
-
-          .go3894874857:hover{
-            background-color: #62CFBF !important;
-          }
-
-          #email_48549915{
-            width: 100%;
-            margin-bottom: 10px !important;
-            border: none !important;
-            border-radius: 30px !important;
-            background-color: #3F4346 !important;
-            padding: 10px 20px !important;
-            color: white !important;
-            transition: 0.1s ease-in-out !important;
-          }
-
-          #email_48549915:focus{
-            border: 1px solid #54BAAB !important;
-            box-shadow: 0px 0px 4px rgba(84, 186, 171, 0.5) !important;
-          }
-
-        </style>
+        {{- partial "klaviyo-form.html" . -}}
 
 <!-- End Sendx Form -->
 
diff --git a/src/layouts/partials/klaviyo-form.html b/src/layouts/partials/klaviyo-form.html
new file mode 100644
index 0000000..52f78a6
--- /dev/null
+++ b/src/layouts/partials/klaviyo-form.html
@@ -0,0 +1,41 @@
+<div class="klaviyo-form-WcHYs8"></div>
+
+<style>
+
+  .kl-private-reset-css-Xuajs1{
+    display: block !important;
+    padding: 0px !important;
+    margin: 0px !important;
+  }
+
+  .go3894874857{
+    width: 100% !important;
+    background-color: #54BAAB !important;
+    border: none !important;
+    border-radius: 60px !important;
+    transition: 0.2s ease-in-out !important;
+    font-family: inherit !important;
+    font-weight: 400 !important;
+  }
+
+  .go3894874857:hover{
+    background-color: #62CFBF !important;
+  }
+
+  #email_48549915{
+    width: 100%;
+    margin-bottom: 10px !important;
+    border: none !important;
+    border-radius: 30px !important;
+    background-color: #3F4346 !important;
+    padding: 10px 20px !important;
+    color: white !important;
+    transition: 0.1s ease-in-out !important;
+  }
+
+  #email_48549915:focus{
+    border: 1px solid #54BAAB !important;
+    box-shadow: 0px 0px 4px rgba(84, 186, 171, 0.5) !important;
+  }
+
+</style>