Rawlings Conservatory Component Library

Footer 

<footer class="l-footer">
    <div class="o-container">
        <div class="l-footer__inner">
            <div class="l-footer__cols">
                <div class="l-footer__col is-col-one">
                    <div class="l-footer__rows">
                        <div class="l-footer__row">
                            <nav class="p-nav-simple" aria-labelledby="nav-simple--footer-main">
                                <header class="p-nav-simple__head">
                                    <h2 class="p-nav-simple__title" id="nav-simple--footer-main">
                                        Rawlings
                                    </h2>
                                </header>

                                <ul>
                                    <li>
                                        <a href="#">
                                            Contact Us
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Hours & Directions
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Tickets
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Photo Permits
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Rentals
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Help/FAQ
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Volunteer
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Donate
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>

                <div class="l-footer__col is-col-two">
                    <div class="l-footer__rows">
                        <div class="l-footer__row">
                            <nav class="p-nav-simple" aria-labelledby="nav-simple--footer-gardens">
                                <header class="p-nav-simple__head">
                                    <h2 class="p-nav-simple__title" id="nav-simple--footer-gardens">
                                        Gardens of Baltimore
                                    </h2>
                                </header>

                                <ul>
                                    <li>
                                        <a href="#">
                                            Clyburn Artoberum Association
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Baltimore City Garden Clubs, District IV
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Horticulture Society of Maryland
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            The Maryland Zoo in Baltimore
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            American Public Gardens Association
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Carri Murray Nature Center
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Glass House of Dreams
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>

                <div class="l-footer__col is-col-three">
                    <div class="l-footer__rows">
                        <div class="l-footer__row">
                            <div class="p-form-signup">
                                <h3 class="p-form-signup__title t-heading-h5">
                                    Newsletter
                                </h3>

                                <div class="p-form-signup__desc">
                                    <div class="rich-text">
                                        <p>Sign up for our newsletter and stay in the know.</p>
                                    </div>
                                </div>

                                <div class="p-form-signup__form">
                                    <input type="email" class="p-input" placeholder="Enter your email">
                                </div>

                                <div class="p-form-signup__cta">
                                    <a href="#" class="p-button p-button--size-small">
                                        Sign Up
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="l-footer__row">
                            <nav class="p-nav-simple" aria-labelledby="nav-simple--footer-partners">
                                <header class="p-nav-simple__head">
                                    <h2 class="p-nav-simple__title" id="nav-simple--footer-partners">
                                        Our Partners
                                    </h2>
                                </header>

                                <ul>
                                    <li>
                                        <a href="#">
                                            Friends of the Rawlings Conservatory
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Friends of Druid Hill Park
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            Federated Garden Clubs of Maryland
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>

            <div class="l-footer__icon">
                <svg class="p-icon p-icon--logo-top">
                    <use href="#logo-top" />
                </svg>
            </div>
        </div>
    </div>
</footer>
 
<footer class="l-footer">
	<div class="o-container">
		<div class="l-footer__inner">
			<div class="l-footer__cols">
				<div class="l-footer__col is-col-one">
					<div class="l-footer__rows">
						<div class="l-footer__row">
							{% include "@nav-simple" with {
								name: "footer-main",
								title: "Rawlings",
								items: [
									"Contact Us",
									"Hours & Directions",
									"Tickets",
									"Photo Permits",
									"Rentals",
									"Help/FAQ",
									"Volunteer",
									"Donate"
								]
							} %}
						</div>
					</div>
				</div>

				<div class="l-footer__col is-col-two">
					<div class="l-footer__rows">
						<div class="l-footer__row">
							{% include "@nav-simple" with {
								name: "footer-gardens",
								title: "Gardens of Baltimore",
								items: [
									"Clyburn Artoberum Association",
									"Baltimore City Garden Clubs, District IV",
									"Horticulture Society of Maryland",
									"The Maryland Zoo in Baltimore",
									"American Public Gardens Association",
									"Carri Murray Nature Center",
									"Glass House of Dreams"
								]
							} %}
						</div>
					</div>
				</div>

				<div class="l-footer__col is-col-three">
					<div class="l-footer__rows">
						<div class="l-footer__row">
							{% include "@partial-form-signup" with {
								title: "Newsletter",
								description: "Sign up for our newsletter and stay in the know."
							} %}
						</div>

						<div class="l-footer__row">
							{% include "@nav-simple" with {
								name: "footer-partners",
								title: "Our Partners",
								items: [
									"Friends of the Rawlings Conservatory",
									"Friends of Druid Hill Park",
									"Federated Garden Clubs of Maryland"
								]
							} %}
						</div>
					</div>
				</div>
			</div>

			<div class="l-footer__icon">
				{% include "@partial-icon" with {
					slug: "logo-top"
				} %}
			</div>
		</div>
	</div>
</footer>

No notes defined.