referlist
Version:
SDK for integrating Referlist on your website
80 lines (71 loc) • 1.93 kB
HTML
<doctype html>
<title>Hello, world!</title>
<body>
<!-- Begin referlist signup form -->
<style>
.referlistcontainer {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#referlistemail {
width: 250px;
margin-right: 10px;
height: 45px;
border-radius: 32px;
border-color: black;
font-size: 16px;
padding-left: 10px;
}
#referlistbutton {
width: 150px;
height: 45px;
border: none;
border-radius: 32px;
font-size: 16px;
background-color: black;
color: white;
}
.referlistinnercontainer {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding-bottom: 60px;
padding-top: 60px;
}
</style>
<script
src="file:///Users/parthi/dev/referlist-sdk/referlist.js"
type="text/javascript"
></script>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
window.referlist.initialize({ domain: "referlist" });
});
</script>
<form id="referlistform">
<input type="text" id="referlistemail" placeholder="Your Email" />
<input type="submit" value="Submit form" id="referlistbutton" />
</form>
<!-- <div class="referlistcontainer">
<div class="referlistinnercontainer">
<input type="text" id="referlistemail" placeholder="Your Email" />
<input type="button" id="referlistbutton" value="Join waitlist" />
</div>
</div> -->
<!-- <script>
document.addEventListener("DOMContentLoaded", function (event) {
window.referlist.addToWaitlist(
"qchange",
"parthi@letterdrop.co",
"X5g"
);
});
</script> -->
<!-- End referlist signup form -->
</body>
</doctype>