Form Groups

The zip search is the primary entry point for the shopping experince and should remain always remain visible in the header of the site. There are two variations that can be swapped between using the "residential" and "commercial" tabs above the search block.

Residential search (default)

<form class="search-form search-home" >
    <input class="zip-input" type="tel" placeholder="Enter your zip code">
    <button class="btn btn-search btn-angle" type="button">Search</button>
</form>
Business search

<form class="search-form search-business">
    <input class="zip-input" type="tel" placeholder="Enter your zip code">
    <div class="select-pricing-buckets">
        <select class="size-select select2-form">
            <option value="" disabled selected hidden>Select average bill</option>
            <option value="smb_0">$0 &#x2013; $500 / month</option>
            <option value="smb_501">$501 &#x2013; $1500 / month</option>
            <option value="smb_1501">$1501 &#x2013; $2500 / month</option>
            <option value="smb_2501">$2501 &#x2013; $5000 / month</option>
            <option value="smb_5001">More than $5000 / month</option>
        </select>
    </div>
    <button class="btn btn-search btn-angle" type="button">Search</button>
</form>