Page Title | Greater Pittsburgh Community Food Bank

Hero Text Banner

HTML

									
										<div class="banner banner-hero">
	<div class="lc">
		<h2 class="banner-hero-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. (72 characters)</h2>
	</div>
</div>

Cta Banner

HTML

									
										<div class="banner banner-cta">
	<div class="lc">
		<p class="banner-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
		<a href="#" class="banner-cta text-btn">Call to action</a>
	</div>
</div>

Pattern Banner

HTML

									
										<div class="banner banner-pattern tiles"></div>

Pattern Banner Cooking

HTML

									
										<div class="banner banner-pattern cooking"></div>

Pattern Banner Gardening

HTML

									
										<div class="banner banner-pattern gardening"></div>

Pattern Banner Groceries

HTML

									
										<div class="banner banner-pattern groceries"></div>

Pattern Banner Kiwis

HTML

									
										<div class="banner banner-pattern kiwis"></div>

Pattern Banner Tiles

HTML

									
										<div class="banner banner-pattern tiles"></div>