Newsletter Popup Mazano

Developer
Size
2,498 Kb
Views
40,480

How do I make an newsletter popup mazano?

What is a newsletter popup mazano? How do you make a newsletter popup mazano? This script and codes were developed by Kiti on 11 September 2022, Sunday.

Newsletter Popup Mazano Previews

Newsletter Popup Mazano - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Newsletter Popup Mazano</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="white-popup"> <div class="kt-popup-newsletter" style="background-image: url('https://cdn.shopify.com/s/files/1/1553/6143/files/popupbg.jpg?15148641026581112755')"> <div class="popup-content"> <form class="form-subscribe" action="//rdcma.us12.list-manage.com/subscribe/post?u=453fe31fe58b055e4ac91dec5&amp;id=4290acbd3e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <h3 class="title">SIGN UP NEWSLETTER</h3> <div class="desc">Sign up our Newsletter &amp; <u>Get 25%</u> Off at your first Purchase!</div> <div class="newsletter-form-wrap"> <label class="label-text">25% OFF</label> <input class="input-text" id="mce-EMAIL" type="email" name="email" placeholder="Enter your email address"> <button type="submit" id="subscribe" name="submit_button" class="button submit-newsletter">SIGN UP NOW</button> </form> </div> </div> <div class="checkbox"><label><input class="kt_disabled_popup_by_user" id="checkBox" type="checkbox" value="">Dont show this popup again!</label></div> </div> <button title="Close (Esc)" type="button" class="mfp-close" data-dismiss="modal" aria-label="Close">×</button>
</div>
</body>
</html>

Newsletter Popup Mazano - Script Codes CSS Codes

.kt-popup-newsletter{ background-position: left center; background-repeat: no-repeat; overflow: hidden; padding: 95px 115px; padding-bottom: 125px;
}
.kt-popup-newsletter .popup-content{ max-width: 360px; float: right; text-align: center; font-size: 16px; color: #666666;
}
.kt-popup-newsletter .title{ font-size: 18px; color: #333333; margin-bottom: 12px;
}
.kt-popup-newsletter .desc{ font-style: italic; margin-bottom: 22px;
}
.kt-popup-newsletter .label-text{ display: inline-block; padding: 7px 20px; text-align: center; position: relative; background-color: #000; color: #fff; font-size: 18px; font-style: italic; margin-bottom: 18px;
}
.kt-popup-newsletter .label-text:before{ content: ''; display: inline-block; position: absolute; bottom: -7px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #007bff transparent transparent transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
.kt-popup-newsletter .input-text{ width: 100%; padding: 9px 20px; text-align: center; font-size: 14px; color: #888888; margin-bottom: 30px;
}
.kt-popup-newsletter .submit-newsletter{ background-color: #333333;
}
.kt-popup-newsletter .return-message{ margin-top: 10px; margin-bottom: 0; font-size: 14px;
}
.white-popup .mfp-close{ width: 20px; height: 20px; background-image: url('close-icon.png'); background-position: center center; background-repeat: no-repeat; font-size: 0; top: 30px; right: 30px;
}
.kt-popup-newsletter .checkbox { position: absolute; margin: 0; right: 30px; bottom: 20px; font-size: 14px; color: #888888; font-weight: normal; line-height: normal;
}
Newsletter Popup Mazano - Script Codes
Newsletter Popup Mazano - Script Codes
Home Page Home
Developer Kiti
Username kiti
Uploaded September 11, 2022
Rating 3
Size 2,498 Kb
Views 40,480
Do you need developer help for Newsletter Popup Mazano?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kiti (kiti) Script Codes
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!