News letter form with subscribe button
This is a simple example of a News Letter component with pure CSS and HTML. The CSS element “background” has been used to display the background image with the color of linear-gradient; (rgba(0,0,0,0.7),rgba(0,0,0,0.6)),url('https://pbs.twimg.com/media/DWH8pTQW4AAdp4F.jpg').The background image is centered with the center style element. Initially the typing space for the email address won’t be visible to the user as it is set to a 0 width. The mouse hover element has been used to display the input text field by setting the width on the mouse hover event whereas the focus event has been used to make the type space appear automatically. The color of the button “subscribe” is set as green and the font color as whitesmoke.