Made email form a partial

This commit is contained in:
Thomas Smith 2022-09-26 15:50:55 -04:00
parent 4ddeeb920e
commit 675478e1b4
3 changed files with 44 additions and 43 deletions

View file

@ -30,7 +30,7 @@
<div class="row p-0"> <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="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>
</div> </div>

View file

@ -49,49 +49,9 @@
<div class="col-lg-4 mt-3"> <div class="col-lg-4 mt-3">
<h6 class=" mb-4">Get updates to your inbox</h6> <h6 class=" mb-4">Get updates to your inbox</h6>
<!-- Start Sendx Form Module --> <!-- Start klaviyo Form Module -->
<div class="klaviyo-form-WcHYs8"></div> {{- partial "klaviyo-form.html" . -}}
<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>
<!-- End Sendx Form --> <!-- End Sendx Form -->

View file

@ -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>