ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 23:45:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #86 from teaxyz/add-email-subscribe-to-homepage

Browse source 
Checked, looks good at various breakpoints and localStorage states--merging at Gypsy request.
This commit is contained in:
Thomas Smith 2022-08-22 10:02:09 -04:00 committed by GitHub
commit 1ddfd6e128
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 71 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
src/layouts/index.html
View file

@ -18,6 +18,77 @@
<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 mb-lg-0 mb-md-5 mb-sm-5 mb-5 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>
@media only screen and (max-width: 576px) {
#SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU{
width:100%;
}
#keep-email-btn{
width:100%;
float:none;
margin-bottom:20px;
}
#whitepaper-btn{
width:100%;
}
}
@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;">