ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-09-20 20:30:46 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add subscribe form to home page

Browse source
This commit is contained in:
Thomas Smith 2022-08-19 13:55:21 -04:00
parent 4492748bde
commit 21d93a8bc6
1 changed files with 76 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
src/layouts/index.html
View file

@ -18,6 +18,82 @@
<a class="btn btn-primary mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="/white-paper/" <a class="btn btn-primary mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn" href="/white-paper/"
role="button">Read Our White Paper</a> role="button">Read Our White Paper</a>
</div> </div>
<hr>
<!-- Start email subscribe form -->
<div class="row p-0">
<div class="col p-0">
<h3 class="mb-4 display-6">Stay up to date with all the latest tea news</h3>
</div>
</div>
<div class="row p-0">
<div class="col-lg-12 p-0">
<div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
<div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
<div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
<div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
<form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
<input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Add your email_" required>
<input type="submit" id="keep-email-btn" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit" name="subscribe" value="Subscribe">
</input>
</form>
<div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
</div>
<div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
<input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Styling for Subscibe form -->
<style>
#keep-btn-bottom:hover{
border: 2px solid #62CFBF !important;
}
@media only screen and (max-width: 576px) {
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
width:100%;
}
#keep-email-btn{
width:100%;
float:none;
margin-bottom:20px;
}
.whitepaper-btn-right{
width:100%;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 576px) {
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
width:69%;
}
#keep-email-btn{
width:29%;
float:right;
}
}
</style>
<!-- End styling for subscribe form -->
</div> </div>
<div class="col-lg-6 col-sm-12"> <div class="col-lg-6 col-sm-12">
<div class="card ms-lg-5 ms-sm-0 mb-3" style="border-radius:15px; z-index:100;"> <div class="card ms-lg-5 ms-sm-0 mb-3" style="border-radius:15px; z-index:100;">