Rawlings Conservatory Component Library

Page Header: Interior 

<div class="p-page-header p-page-header--interior">
    <div class="p-page-header__bg">
        <img class="p-page-header__bg-img" src="https://source.unsplash.com/ofVrf6rVLAY/1440x600" alt="some alt">
    </div>

    <div class="p-page-header__overlay"></div>

    <div class="p-page-header__content">
        <div class="o-container">
            <div class="p-page-header__content-inner">
                <div class="u-max-w-md">
                    <h1 id="page-title" class="p-page-header__title t-heading-h2">
                        Support
                    </h1>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="p-page-header p-page-header--{{ modifier }}">
	<div class="p-page-header__bg">
		<img class="p-page-header__bg-img" src="{{ page.bg_image.src }}" alt="{{ page.bg_image.alt }}">
	</div>

	<div class="p-page-header__overlay"></div>

	<div class="p-page-header__content">
		<div class="o-container">
			<div class="p-page-header__content-inner">
				<div class="u-max-w-md">
					<h1 id="page-title" class="p-page-header__title t-heading-h2">
						{{ page.title }}
					</h1>
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.