Boutique Newsletter Popup

Developer
Kiti
Size
2,284 Kb
Views
44,528
  1. Boutique Newsletter Popup Previews
  2. Boutique Newsletter Popup HTML Codes
  3. Boutique Newsletter Popup CSS Codes

How do I make an boutique newsletter popup?

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

Boutique Newsletter Popup Previews
IQ Test

Boutique Newsletter Popup - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Boutique Newsletter Popup</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="white-popup"> <button type="button" class="close" style="width: 30px;height: 30px;
" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <div class="kt-popup-newsletter"> <div class="popup-title"> <h3>BoutiQue</h3> <img src="https://cdn.shopify.com/s/files/1/1227/4348/files/arow-popup.png?2828727769108217099" alt=""> <p class="notice"> enter your email and get <span class="primary">25% off</span> YOUR first purchase! </p> </div> <form class="form-subscribe" action="//rdcma.us12.list-manage.com/subscribe/post?u=453fe31fe58b055e4ac91dec5&amp;id=d56eea7449" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <input class="input required email" type="email" value="" placeholder="Your email here" name="EMAIL" id="mce-EMAIL"> <button class="button" name="subscribe" id="subscribe" type="submit">Enter</button> </form> <div class="checkbox"> <label><input id="checkBox" type="checkbox" value="">Dont show this popup again!</label> </div> </div>
</div>
</body>
</html>

Boutique Newsletter Popup - Script Codes CSS Codes

.white-popup { position: relative; background: #FFF; width: auto; width: 433px; margin: 20px auto;
}
.kt-popup-newsletter{ padding: 20px 60px; text-align: center; padding-bottom: 100px;
}
.kt-popup-newsletter .popup-title{ margin-top: 40px; text-transform: uppercase;
}
.kt-popup-newsletter .popup-title p{ margin: 0; margin-top: 20px;
}
.kt-popup-newsletter .popup-title h3{ font-size: 24px; margin-bottom: 15px;
}
.kt-popup-newsletter .form-subscribe{ padding-top: 40px;
}
.kt-popup-newsletter .form-subscribe .input{ width: 100%; margin-bottom: 20px; font-family: 'Roboto', sans-serif;
}
.kt-popup-newsletter .form-subscribe .button{ margin: 0 5px;
}
.kt-popup-newsletter .checkbox{ position: absolute; margin: 0; left: 20px; bottom: 10px; font-size: 13px; color: #888888; font-weight: normal; font-family: 'Roboto', sans-serif;
}
.kt-popup-newsletter .checkbox label{ font-weight: normal;
}
.kt-popup-newsletter .checkbox input[type="checkbox"]{ vertical-align: middle; margin-top: 6px;
}
.kt-popup-newsletter .primary{ display: inline-block; background-color: #b28b46; color: #fff; padding: 0 10px;
}
Boutique Newsletter Popup - Script Codes
Boutique Newsletter Popup - Script Codes
Home Page Home
Developer Kiti
Username kiti
Uploaded September 11, 2022
Rating 3
Size 2,284 Kb
Views 44,528
Do you need developer help for Boutique Newsletter Popup?

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
Name
Simple Silder Mazano 2016
Sizing Guide
Luckyshop Newsletter Popup
About Mazano
Newsletter Popup Mazano
Grace Newletter Popup
A Pen by kiti
Custom Tab
Create amazing video scripts 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!