A section for listing multiple item prices.
Items can have a single price or a stated range from lowest price to highest.
Items can have different currencies if required.
<!-- COMPONENT: Price list -->
<section class="price-list medium-padding stack-section" id="price-list">
<div class="row column">
<div class="flex-wrapper">
<div class="single-item">
<h1>Item prices</h1>
<ul class="no-bullet-list lined-list">
<li class="row column">
<span class="item-title">Item A</span> – <span class="item-price">£325 (GBP)</span>
<span class="item-detail">More detail on this item</span>
</li>
<li class="row column">
<span class="item-title">Item B</span> – From <span class="item-price">£10 (GBP)</span> to <span class="item-price">£55 (GBP)</span>
<span class="item-detail">More detail on this item</span>
</li>
<li class="row column">
<span class="item-title">Item C</span> – <span class="item-price">HK$375 (HKD)</span>
<span class="item-detail">More detail on this item</span>
</li>
<li class="row column">
<span class="item-title">Item D</span> – From <span class="item-price">HK$95 (HKD)</span> to <span class="item-price">HK$150 (HKD)</span>
<span class="item-detail">More detail on this item</span>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End component: Price list -->