Property advanced search form with collapse
This is an example of a property advanced search form with collapse, designed using CSS, HTML, and Bootstrap framework 4. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the dropdown list for the status. The body of the form is given a background color of #00838F. The status button is given a background color of #00838f, and font color of #fff. The button takes a border-color of #00838f, in hover, and focus events. The input text fields also take a border style of 1px solid #00838f, in a focus event. The 'Search Results' button is created as a secondary type button. The 'Advanced Search with Filters' text is displayed using a font color of #00838f, and given a data-toggle type as collapse to create the collapsible section of the form.