mirror of
https://github.com/ivabus/www
synced 2024-11-22 19:05:05 +03:00
Merge pull request #86 from teaxyz/add-email-subscribe-to-homepage
Checked, looks good at various breakpoints and localStorage states--merging at Gypsy request.
This commit is contained in:
commit
1ddfd6e128
1 changed files with 71 additions and 0 deletions
|
@ -18,6 +18,77 @@
|
|||
<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>
|
||||
</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 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;">
|
||||
|
|
Loading…
Reference in a new issue