This is a simple login form for any resort application. This consists of a user name and password to access the application. This form is divided into , and a section. The header section contains the image set using max-width. The form is placed in the div section where two input type is displayed with place holders. Footer contains the button to sign in and a link for sign up form. Styles for different class @media rule are used in media queries to apply different styles for different media types/devices. Here we are applying the clip path ellipse, to the background. This gives us the required eclipse like curve.
This snippet describes how to code for the comment section of the webpage. This snippet uses the class “comment-container” and theme-light. It uses the card from Bootstrap 4 which is a flexible and extensible content container. It contains a header, footer, background colors, images or avatars. A simple card template is used with sheet and theme set to light. This card includes the avatar or image and name of the commenter. An arbitrary class dialog container is applied. The styles are applied to each class used in the snippet. Media rule is applied classes container and comments. CSS uses a few settings selectively for Mozilla or Firefox browsers.