html Remarkety表单示例 - 流行的Shopify插件

Posted 2021-05-11

<style>

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/stripe.png) repeat;
}

.submit input
{
margin-left: 0px;
} 
input
{
width: 250px;
height: 55px;
color: #ffffff;
background: #ffffff;
border: 1px solid #ffffff;
margin: 20px 0px 0px 0px;

}

.submit input
{
background:#000bd9;
font-size:20px;
font-weight: bold;
color:#ffffff ;
border: 1px solid #ffffff;
border-radius: 18px; 
-moz-border-radius: 5px; 
display:inline-block;
width: 16em;
height: 4em;
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 5px;

} 
fieldset
{
border: 1px solid #ccc;
width: 350px;
height: 525px;
}

.legend
{
width: 198px;
text-align: center;
margin: 0px 0px 0px 0px;
font-size:18px;
height: 50px;
color: #000000;
background-color: #ffa20c;
border: 1px solid #ccc;
padding-top: 2px;
padding-left: 85px;
padding-right: 65px;


}
.p1 {
margin: 0px 22px 10px;
text-align:left;	
font-size:18px;
}
.p2 {
margin: 0px 22px;	
font-size:9px;
text-align:left;
}
.p3 {

font-size:18px;
text-align:center;
}
.text1 {
float:left;	
width: 260px;
margin: 5px;
text-align:center;
}
.img1 {
float:left;	
margin: 10px 10px;
}
.leg1 {

width:198px;
}
.BotPara {
float:left;	
margin: 20px 20px;
}

</style>



<form method="post" action="https://app.remarkety.com/public/subscribers/createcontact/">
<fieldset>
<input type="hidden" name="remarkety_id" value="ym6JlOm7"> 
<input type="hidden" name="form_id" value="Wx4AwXdr"> 
<div class="legend"> 
<p class="p3">

We Will Email Your 50% OFF Coupon!</p>
</div>
<p> </p>
<br>

<p>
<label for="name">Name</label>
<input id="name" name="first_name" type="text" />
</p>
<p><br>
<label for="e-mail">E-mail</label>
<input id="e-mail" name="email" type="text" />
</p>

<p> </p>
<p> </p>
<div class="img1"><img src="http://storage.googleapis.com/instapage-user-media/cb41c4cf/4242267-0-verysmalllock.png" alt="Secure" height="39" width="24">
</div>
<div class="text1"><p class="p1">Your Information is 100% Secure and Will Never Be Shared With Anyone! </p>


</div>



<br>
<br>
<p class="submit">
<input type="Submit" value="Click Here To Join & Save Now" />
</p>
<div class="BotPara">

<p class="p1"> By signing up for a free trial, you agree to the <a href="http://#.com"><span STYLE="font-size: 16px; font-family: 'Helvetica', sans-serif; color: rgb(0, 11, 216)">Terms of Service</span></a>.
</p>
<p class="p1"> </p>
<p class="p2"> 

<br>
*1 Redemption Per Customer
</p>

<p class="p2">**Limited Time Promotion While Supplies Last. </p>

</div>
</fieldset>
</form>