CSS Codes
Home 
Form effects
DD Opt-in box script
Developer's View
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Patua+One'
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="ddoptinbox.css" />
<script src="classie.js"></script>
<script src="ddoptinbox.js">
/***********************************************
* DD Opt-in box script (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Please keep this notice intact
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s
more
***********************************************/
</script>
</head>
<body>
<button onClick="ddoptinbox.openclose('open')">Subscribe now</button>
<div id="ddoptinbox">
<div class="ddoptinclose" onClick="ddoptinbox.openclose('close')">x</div>
<div class="ddoptincontent">
<div class="ddoptinformcontainer">
<form method="post" action="" onSubmit="return ddoptinbox.validateform(this)">
<p>Sign up now for FREE e-book on how to turn visitors to sales</p>
<input type="text" name="yourname" placeholder="Enter Full Name" required
data-validate="required" />
<input type="email" name="youremail" pattern="\S+@\S+\.\S+"
placeholder="Enter Email Address" required data-validate="email" />
<input type="submit" value="Subscribe Now" />
</form>
</div>
<div class="ddoptintextcontainer">
<p class="headline">Get the exclusive, FREE e-book that's not available on the
site</p>
<p>Want to learn how to turn your site visitors into actual sales? Simply enter
your email below to get the e-book that reveals all the secrets the pros use to
convert traffic to sales.</p>
</div>
</div>
<div class="ddoptinfooter">Copyright 2015 Dynamic Drive</div>
</div>
<script>
// call this AFTER opt-in markup on your page:
ddoptinbox.init({
boxid: 'ddoptinbox' // opt-in box ID
})
</script>
</body>
</html>