mirror of
https://github.com/ivabus/www
synced 2025-06-08 11:20:26 +03:00
87 lines
2.3 KiB
HTML
87 lines
2.3 KiB
HTML
<!-- Mobile CTA's -->
|
|
|
|
<div class="row mt-5 gx-3 mobile-ctas">
|
|
<div class="col-12 mb-2">
|
|
<div class="klaviyo-form-WxjYGS"></div>
|
|
</div>
|
|
<p class="text-center small light-gray">or</p>
|
|
<div class="col-12">
|
|
<button class="mbtn hbtn-light hb-light-fill-right mb-4" id="follow-button" style="width:100%; text-transform:uppercase;"><i class="icon-twitter" style="position:relative;top:2px;"></i>Follow Us</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4 subscribe-collapse">
|
|
<div class="col">
|
|
<p class="text-center small grid-gray">Enter your email to join our newsletter:</p>
|
|
<div class="klaviyo-form-WXJy3Y"></div>
|
|
<div id="formResponse"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
|
|
.subscribe-collapse{
|
|
display:none;
|
|
}
|
|
|
|
.klaviyo-form-WxjYGS{
|
|
border: none !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.form-container{
|
|
border: 1px solid #949494;
|
|
border-radius: 5px !important;
|
|
height: 50px;
|
|
}
|
|
|
|
#email{
|
|
width:100%;
|
|
height: 100% !important;
|
|
background-color: #1a1a1a;
|
|
border:none !important;
|
|
color: white;
|
|
font-family: "inter", sans-serif;
|
|
border-radius: 5px;
|
|
}
|
|
#email-btn{
|
|
text-transform: uppercase !important;
|
|
}
|
|
.email-send{
|
|
text-transform: uppercase !important;
|
|
width:20% !important;
|
|
border-radius: 3px;
|
|
height: 100% !important;
|
|
}
|
|
#email_62853377{
|
|
background-color: #1a1a1a !important;
|
|
border-radius: 0px !important;
|
|
text-align: center !important;
|
|
border-color: #949494 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
#email_62853377:hover{
|
|
border-color: #949494 !important;
|
|
}
|
|
#email_62853377:focus{
|
|
box-shadow:none !important;
|
|
}
|
|
.go3894874857{
|
|
height: 50px !important;
|
|
border-radius: 0px !important;
|
|
font-family: "inter", sans-serif !important;
|
|
}
|
|
</style>
|
|
|
|
<!-- Deep-linking script for Twitter follow button -->
|
|
<script>
|
|
document.getElementById("follow-button").addEventListener("click", function() {
|
|
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
|
|
window.location.href = "twitter://user?screen_name=teaxyz";
|
|
} else if (navigator.userAgent.match(/Android/i)) {
|
|
window.location.href = "twitter://user?screen_name=teaxyz";
|
|
} else {
|
|
window.location.href = "https://twitter.com/teaxyz";
|
|
}
|
|
});
|
|
</script>
|