"2exit pop up"
Bootstrap 3.3.0 Snippet by verbatim

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <script type="text/javascript" src="http://beeker.io/lab/exit-intent-popup/bioep.min.js"></script> <script type="text/javascript"> bioEp.init({ html: '<div id="bio_ep_content">' + '<iframe src="//www.automotiveenginesales.com/1/gfembed.php?f=4" width="100%" height="" frameBorder="0" class="gfiframe"></iframe>' + '<script src="//www.automotiveenginesales.com/1/wp-content/plugins/gravity-forms-iframe-master/assets/scripts/gfembed.min.js" type="text/javascript"></script>' + '<img src="http://beeker.io/images/posts/2/tag.png" alt="Claim your discount!" />' + '<span>HOLD ON!</span>' + '<span>Click the button below to get a special discount</span>' + '<span>This offer will NOT show again!</span>' + '<a href="#YOURURLHERE" class="bio_btn">CLAIM YOUR DISCOUNT</a>' + '</div>', css: '#bio_ep {width: 400px; height: 300px; color: #333; background-color: #fafafa; text-align: center;}' + '#bio_ep_content {padding: 24px 0 0 0; font-family: "Titillium Web";}' + '#bio_ep_content span:nth-child(2) {display: block; color: #f21b1b; font-size: 32px; font-weight: 600;}' + '#bio_ep_content span:nth-child(3) {display: block; font-size: 16px;}' + '#bio_ep_content span:nth-child(4) {display: block; margin: -5px 0 0 0; font-size: 16px; font-weight: 600;}' + '.bio_btn {display: inline-block; margin: 18px 0 0 0; padding: 7px; color: #fff; font-size: 14px; font-weight: 600; background-color: #70bb39; border: 1px solid #47ad0b; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; text-decoration: none;}', fonts: ['//fonts.googleapis.com/css?family=Titillium+Web:300,400,600'], cookieExp: 0 }); </script> </head> <body> <p>Move your cusor above this window after 5 seconds.</p> </body> </html>

Related: See More

Vue Material Kit

Questions / Comments: