HTML

Twig

{}

HTML

<div class="giving-header fullwidth-giving-ask--emergency">
    <div class="inner">
        <div id="fullwidth-image" class="giving-header__image" data-image="/slider/photo5.jpg"></div>

        <div class="large-row">
            <div class="large-col-6">
                <h1 class="giving-header__title" id="fullwidth-text"> CENTRAL AFRICAN REPUBLIC APPEAL</h1>
                <div class="giving-header__link"><a href="#">VIEW PRAYER RESORUCES AND FIND OUT MORE</a></div>
            </div>
            <div class="large-col-6">
                <div class="giving-widget giving-widget--mini">
                    <div class="fund-selector">
                        <!-- Can be a span or a label. Depends on whether or not there's a select -->
                        <span for="destination-select" class="fund-selector__title">Donate Now</span>

                        <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 payment-methods">
                            <div class="payment-methods__item payment-methods__item--once" style="display: block;">
                                <div class="payment-methods__button">
                                    <button class="button pay-by-card"><span>Pay by card</span></button>
                                </div>
                                <div class="payment-methods__button">
                                    <button class="button pay-by-paypal"><span>Pay by</span></button>
                                </div>
                            </div>
                            <div class="payment-methods__item payment-methods__item--regularly" style="display: none;">
                                <div class="payment-methods__button">
                                    <button class="button pay-by-direct-debit"><span>Pay by Direct Debit</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Twig

<div class="giving-header fullwidth-giving-ask--emergency">
    <div class="inner">
        <div id="fullwidth-image" class="giving-header__image" data-image="/slider/photo5.jpg"></div>

        <div class="large-row">
            <div class="large-col-6">
                <h1 class="giving-header__title" id="fullwidth-text"> CENTRAL AFRICAN REPUBLIC APPEAL</h1>
                <div class="giving-header__link"><a href="#">VIEW PRAYER RESORUCES AND FIND OUT MORE</a></div>
            </div>
            <div class="large-col-6">
                <div class="giving-widget giving-widget--mini">
                    <div class="fund-selector">
                        <!-- Can be a span or a label. Depends on whether or not there's a select -->
                        <span for="destination-select" class="fund-selector__title">Donate Now</span>

                        <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 payment-methods">
                            <div class="payment-methods__item payment-methods__item--once" style="display: block;">
                                <div class="payment-methods__button">
                                    <button class="button pay-by-card"><span>Pay by card</span></button>
                                </div>
                                <div class="payment-methods__button">
                                    <button class="button pay-by-paypal"><span>Pay by</span></button>
                                </div>
                            </div>
                            <div class="payment-methods__item payment-methods__item--regularly" style="display: none;">
                                <div class="payment-methods__button">
                                    <button class="button pay-by-direct-debit"><span>Pay by Direct Debit</span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{}

CENTRAL AFRICAN REPUBLIC APPEAL

VIEW PRAYER RESORUCES AND FIND OUT MORE

Donate Now