Close

Input search with detailed information

This is a template of an input search with detailed information form, designed using CSS, HTML, and Bootstrap framework 4. The images are imported to the code with their URLs. Media quarries have been used to increase the responsiveness of the form. The body of the form is given a background color of #DEDEE6. The left side container is given a background color of #4820A7, whereas the right side container is given #F9F9F9. The upper tabs are displayed using the styles of font-size as 10px, font-weight as bold, and font color as #C4C4C6. The cursor style for tabs is set as pointer to get the hand cursor effect on hover. The font color of the tabs gets changed to #5B5B5B, in a hover event. The user image takes a border effect of 2px solid #d8ff00, in a hover event. The input text field is give a style set of background as #F7F8FD, letter-spacing as 1px, font color as #C4C4C6, font-size as 10px, and font-weight as bold. Source: https://bbbootstrap.com/snippets/bootstrap-input-search-detailed-information-70715936

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.