<div class="giving-widget" data-image-id="example-image-2" data-text-id="example-text-2">
<div class="destination-info">
<div id="example-image-2" class="destination-info__image" data-image="http://lorempixel.com/380/155"></div>
<div id="example-text-2" class="destination-info__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tincidunt odio, ac convallis orci. Nulla elementum convallis lorem ar.</div>
</div>
<div class="fund-selector">
<!-- Can be a span or a label. Depends on whether or not there's a select -->
<label for="destination-select" class="fund-selector__title">I want to give to</label>
<div class="fund-selector__destinations fund-selector-field">
<div class="custom-select">
<span class="custom-select__selected-value"></span>
<select class="custom-select__input" id="destination-select">
<option data-image="http://lorempixel.com/100/100" data-text="Quisque quis tincidunt odio, ac convallis orci. Nulla elementum convallis lorem ar." value="1">The Greatest Need</option>
<option data-image="http://lorempixel.com/200/200" data-text="Lorem ipsum dolor sit amet, consectetur adipiscing elit." value="2">the Central African Republic</option>
<option data-image="http://lorempixel.com/300/300" data-text="three" value="3">the South Sudan Crisis</option>
</select>
</div>
</div>
<div class="fund-selector-field">
<div class="custom-input custom-input--currency">
<input class="custom-input__input" type="text" />
</div>
</div>
<div class="fund-selector-field">
<button class="button pay-by-card"><span>Pay by card</span></button>
</div>
</div>
</div>
<div class="giving-widget" data-image-id="example-image-2" data-text-id="example-text-2">
<div class="destination-info">
<div id="example-image-2" class="destination-info__image" data-image="http://lorempixel.com/380/155"></div>
<div id="example-text-2" class="destination-info__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tincidunt odio, ac convallis orci. Nulla elementum convallis lorem ar.</div>
</div>
<div class="fund-selector">
<!-- Can be a span or a label. Depends on whether or not there's a select -->
<label for="destination-select" class="fund-selector__title">I want to give to</label>
<div class="fund-selector__destinations fund-selector-field">
<div class="custom-select">
<span class="custom-select__selected-value"></span>
<select class="custom-select__input" id="destination-select">
<option data-image="http://lorempixel.com/100/100" data-text="Quisque quis tincidunt odio, ac convallis orci. Nulla elementum convallis lorem ar." value="1">The Greatest Need</option>
<option data-image="http://lorempixel.com/200/200" data-text="Lorem ipsum dolor sit amet, consectetur adipiscing elit." value="2">the Central African Republic</option>
<option data-image="http://lorempixel.com/300/300" data-text="three" value="3">the South Sudan Crisis</option>
</select>
</div>
</div>
<div class="fund-selector-field">
<div class="custom-input custom-input--currency">
<input class="custom-input__input" type="text" />
</div>
</div>
<div class="fund-selector-field">
<button class="button pay-by-card"><span>Pay by card</span></button>
</div>
</div>
</div>
{}