Widget2 {% include 'components/giving-widgets/widget2' %}
#
HTML
<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>
Twig
<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>
{}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis tincidunt odio, ac convallis orci. Nulla elementum convallis lorem ar.