Fare Catalog

Filter fieldsets beside fare result rows; stack on narrow viewports.

DAC to ZYL · 25 Jan

Sort chips and filters are static chrome. Wiring them belongs to JavaScript.

  • Qatar Airways

    7:45

    DAC

    25m · Non-stop

    8:10

    CGP

    Depart 25 Jan · Return 27 Jan available

    $150.00 $124.00

    Select

  • Emirates

    7:55

    DAC

    25m · Non-stop

    8:20

    ZYL

    Depart 25 Jan

    $139.00 $120.00

    Select

  • Japan Airlines

    8:45

    DAC

    25m · Non-stop

    9:10

    ZYL

    Depart 25 Jan

    $144.00 $128.00

    Select

Important pattern

Filters use fieldset and legend. Fare rows are browsing units with price and a clear Select action.

<aside class="filter-aside">
  <fieldset><legend>Stops</legend>...</fieldset>
</aside>
<li class="fare-row">...</li>