Rawlings Conservatory Component Library

Call To Action: Theme Burnt Orange 

<div class="c-call-to-action c-call-to-action--theme-burnt-orange">
    <div class="o-container">
        <div class="c-call-to-action__head">
            <h2 class="c-call-to-action__title t-heading-h4">
                How to Support Us
            </h2>
        </div>

        <div class="c-call-to-action__content">
            <div class="u-max-w-md u-mx-auto">
                <div class="rich-text">
                    <p>We take great care of our plants! You can’t touch them, but you can take all the pictures you want. We recently resumed booking indoor photo shoots. Find out more about our photography permits and policies.</p>
                </div>
            </div>
        </div>

        <div class="c-call-to-action__buttons-wrap">
            <div class="u-max-w-md u-mx-auto">
                <div class="c-call-to-action__buttons">
                    <div class="c-call-to-action__button">
                        <a href="#" class="p-button p-button--size-medium">
                            Donate
                        </a>
                    </div>
                    <div class="c-call-to-action__button">
                        <a href="#" class="p-button p-button--size-medium">
                            Donate
                        </a>
                    </div>
                    <div class="c-call-to-action__button">
                        <a href="#" class="p-button p-button--size-medium">
                            Donate
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="c-call-to-action c-call-to-action--theme-{{ theme_modifier }}">
	<div class="o-container">
		<div class="c-call-to-action__head">
			<h2 class="c-call-to-action__title t-heading-h4">
				{{ title }}
			</h2>
		</div>

		<div class="c-call-to-action__content">
			<div class="u-max-w-md u-mx-auto">
				<div class="rich-text">
					<p>{{ content }}</p>
				</div>
			</div>
		</div>

		<div class="c-call-to-action__buttons-wrap">
			<div class="u-max-w-md u-mx-auto">
				<div class="c-call-to-action__buttons">
					{% for item in items %}
						<div class="c-call-to-action__button">
							{% render "@partial-button" with item %}
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.