Close

Elegant Subscribe Newsletter Modal Form

This is an example of a stylish newsletter subscription form, designed using HTML, CSS, JavaScript, and Bootstrap framework 4. The font and Bootstrap styles are imported to the code with their URLs. JavaScript methods have been used to display the subscription form when the page is refreshed. The body of the form is given a font family style of 'Open Sans', sans-serif. The title of the subscription card is displayed using the styles of font color as #000, text-align as center, font-family as 'Lato', sans-serif, font-weight as 900, font-size as 30px, and text-transform as uppercase to automatically convert the text to uppercase. The close button is given a background color of #c0c3c8, an opacity of 0.5, which gets changed to 0.8 on hover. The input text field is given a border color of #dbdbdb. The text field takes the styles of border-color as #49c5c1, and box-shadow as 0 0 8px rgba(73, 197, 193, 0.5), in a focus event. The 'Subscribe' button is given the styles of font-size as 14px, font-weight as bold, text-transform as uppercase, and background color as #49c5c1, which gets changed to #39b3af, on hover. Source: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=elegant-subscribe-newsletter-modal-form

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Several Related Snippets

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.