This is a simple signup form with login via social media accounts option, designed using HTML and CSS. The input type ‘text' has been used for the text fields with placeholders set for the elements to display a hint on the expected inputs. The background image on the right-side panel has been added by setting the image URL in CSS. The position has been set as absolute, top as 0, right as 0, box-sizing as border-box, padding as 40px, width as 300px, height as 400px, background-size as cover and background-position as center. To get the "OR" label on top of the layer, CSS styles has been used with values: position as absolute, top as 180px, left as 280px, with as 40px and height as 40px. The background color has been set to #efefef whereas the border-radius is set to 50% to display the label as a circle.
Source : https://codepen.io/MiroslavDina/pen/NONaVR
This is an example of a signup form in a newsletter with HTML and pure CSS. The background colors have been set by the use of CSS style background with its values set to blue (#1e46c2). Google font has been imported by adding its URL and the @import class in CSS to display text. CSS style transition has been used to implement the slide in animations. The image has been set with the use of the img element in HTML by setting the image URL as the src of the element. The color of the panel is set as #416efe while the border-radius value is set to 5px and the position of the value as relative to get the circle shape.