Biography Page Header

<section class="page-banner-section biography-page-header" id="main">
    	<div class="frame">
    		<div class="breadcrumbs-container">
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    		</div>
    		<div class="flex-wrapper space-between">
    			<div class="bio-img-wrapper">
    				<img src="https://via.placeholder.com/480x560" alt="Biography Header">
    			</div>
    			<div class="bio-content-container">
    
    			</div>
    		</div>
    	</div>
    </section>

Default Page Header

Header 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio, tempore perferendis. Eligendi unde eos quasi incidunt repellendus labore, consectetur rerum deserunt ea reprehenderit alias magni laudantium, vero, sint suscipit quam.

<section class="page-banner-section" id="main">
    	<div class="frame">
    		<div class="breadcrumbs-container">
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    		</div>
    		<div class="header-container">
    
    			<h1>Header 1</h1>
    			<div class="header-content">
    				<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio, tempore perferendis. Eligendi unde eos quasi incidunt repellendus labore, consectetur rerum deserunt ea reprehenderit alias magni laudantium, vero, sint suscipit quam.</p>
    			</div>
    		</div>
    	</div>
    </section>

Large Page Header

<section class="page-banner-section large-page-header  " id="main">
    	<div class="frame">
    		<div class="breadcrumbs-container">
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    		</div>
    		<div class="flex-wrapper space-between">
    			<div class="large-header-content-container">
    				<h1></h1>
    				<div class="paragraph-content">
    
    				</div>
    			</div>
    		</div>
    	</div>
    </section>

Reunion Page Header

Reunion Weekend Headline Here

Friday, May 17 and Saturday, May 18 2019

<section class="page-banner-section reunion-header" id="main">
    	<div class="frame">
    		<div class="breadcrumbs-container">
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    		</div>
    		<div class="header-container">
    			<h1>Reunion Weekend Headline Here</h1>
    			<p class="large-intro-p">Friday, May 17 and Saturday, May 18 2019</p>
    			<div class="header-images">
    				<div class="reunion-header-col reunion-header-col-1">
    					<div class="header-images-content">
    
    						<a href="#" class="large-button">Register</a><br />
    						<a href="#" class="large-button">See Whose Coming</a><br />
    						<a href="#" class="large-button">Invite a Friend back for Reunion</a><br />
    						<a href="#" class="large-button">Rescheduled 2020 Reunion</a>
    					</div>
    					<div class="header-image">
    						<img src="https://via.placeholder.com/797x543" alt="Image Alt">
    					</div>
    				</div>
    				<div class="reunion-header-col reunion-header-col-2">
    					<div class="header-image">
    						<img src="https://via.placeholder.com/542x369" alt="Image Alt">
    					</div>
    					<div class="header-image">
    						<img src="https://via.placeholder.com/542x369" alt="Image Alt">
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>

Search Page Header

<section class="page-banner-section search-page-header " id="main">
    	<div class="frame">
    		<div class="breadcrumbs-container">
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    		</div>
    		<div class="flex-wrapper space-between">
    			<div class="search-header-content-container">
    				<h1></h1>
    			</div>
    			<div class="search-header-img-wrapper">
    				<img src="" alt="Clinics Header">
    			</div>
    		</div>
    		<div class="search-page-form-wrapper">
    
    			<form action="">
    				<label for="search"></label>
    				<input type="text" id="search">
    				<input type="submit">
    			</form>
    		</div>
    	</div>
    </section>

Slider Page Header

<section class="page-banner-section large-page-header slider-page-header" id="main">
    	<div class="frame">
    		<div class="breadcrumbs-container">
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    			<a href="#">Breadcrumbs</a>
    		</div>
    		<div class="page-header-slider-container">
    			<div class="large-header-content-container">
    
    
    			</div>
    			<div class="page-header-slider">
    			</div>
    		</div>
    	</div>
    </section>