JSFiddle - React, Tailwind, and code Playground
by geortravel
JavaScript
<script type="text/mustache" id="template-flight-card">
<div class="card-body">
<div class="itinerary_left flight-card__itinerary-left">
<p class="itinerary_depart clearfix flight-card__itinerary-depart">
<span class="airline_codes flight-card__airline-code">
<img class="flight-card__airline-image" alt="{{ outbound_airline_code }}" src="http://res.cloudinary.com/wego/image/upload/c_fit,w_27,h_23/flights/airlines_square/{{ outbound_airline_code }}.png">
</span>
<span class="outbound_loc flight-card__location">{{ outbound_departure_code }}</span>
<span class="outbound_time flight-card__time flight-card__outbound-time" data-datetime="{{ outbound_departure_date_time }}">{{ outbound_departure_time }}</span>
<span class="inbound_loc flight-card__location">{{ outbound_arrival_code }}</span>
<span class="inbound_time" data-datetime="{{ outbound_arrival_date_time }}">{{ outbound_arrival_time }}</span>
<span class="outbound_designator_code" data-designator-code="{{ outbound_designator_code }}"> </span>
<span class="duration flight-card__duration">{{ outbound_duration }}</span>
<span class="via flight-card__via">{{ outbound_flight_type }}</span>
</p>
{{^one_way}}
<p class="itinerary_arrive clearfix flight-card__itinerary-arrive">
<span class="airline_codes flight-card__airline-code">
<img class="flight-card__airline-image" alt="{{ inbound_airline_code }}" src="http://res.cloudinary.com/wego/image/upload/c_fit,w_27,h_23/flights/airlines_square/{{ inbound_airline_code }}.png">
</span>
<span class="outbound_loc flight-card__location">{{ inbound_departure_code }}</span>
<span class="inbound_time flight-card__time flight-card__inbound-time">{{ inbound_departure_time }}</span>
<span class="inbound_loc flight-card__location">{{ inbound_arrival_code }}</span>
<span class="inbound_time">{{ inbound_arrival_time...