<section class="access-library-block block-container">
        	<h2>Access the Library</h2>
        	<div class="access-library-flex flex-wrapper space-between wrap">
        		<div class="access-library-blocks flex-wrapper flex2-grid">
        			<div class="access-library-block flex-2">
        				<h3>Lorem Ipsum</h3>
        				<div class="access-library-block-content">
        					<p><strong>Reference</strong> 215.898.7853 <br /><strong>Circulation</strong> 215.898.9012</p>
        					<a href="" class="button">Lorem Ipsum</a>
        					<a href="" class="button">Lorem Ipsum</a>
        					<a href="" class="button">Lorem Ipsum</a>
        					<div class="access-library-social">
        						<a href="" aria-label="facebook">
        							<img src="../assets/toolkit/images/small-facebook-icon.png" alt="facebook">
        						</a>
        						<a href="" aria-label="twitter">
        							<img src="../assets/toolkit/images/small-twitter-icon.png" alt="twitter">
        						</a>
        						<a href="" aria-label="instagram">
        							<img src="../assets/toolkit/images/small-instagram-icon.png" alt="linkedin">
        						</a>
        					</div>
        				</div>
        			</div>
        			<div class="access-library-block flex-2">
        				<h3>Lorem Ipsum</h3>
        				<div class="access-library-block-content">
        					<p><strong>Reference</strong> 215.898.7853 <br /><strong>Circulation</strong> 215.898.9012</p>
        					<a href="" class="button">Lorem Ipsum</a>
        				</div>
        			</div>
        		</div>
        		<div class="access-library-links">
        			<a href="" class="large-button">Lorem Ipsum</a>
        			<a href="" class="large-button">Lorem Ipsum</a>
        			<a href="" class="large-button">Lorem Ipsum</a>
        		</div>
        	</div>
        </section>

<section class="posts-cta block-container all-posts">
        	<div class="filters posts-filters filter-wrapper all-posts-filter">
        		<form action="">
        			<div>
        				<fieldset data-filter-group="options">
        					<label for="options">Filter</label>
        					<select name="options" id="options" multiple="multiple" data-selectContainer="selections-option">
        						<option value=".option-1">Option 1</option>
        						<option value=".option-2">Option 2</option>
        						<option value=".option-3">Option 3</option>
        						<option value=".option-4">Option 4</option>
        					</select>
        				</fieldset>
        			</div>
        		</form>
        	</div>
        	<div class="filter-selection-container">
        		<h4>Your Selections</h4>
        		<div class="filter-selections">
        			<div data-id="selections-option" class="filter-select-item"></div>
        		</div>
        	</div>
        	<h2>All Posts</h2>
        	<div class="news-container all-posts-news-container flex-wrapper wrap flex4-grid" id="filter-container-element" data-pagination="8">
        		<div class="flex-4 relative news-content mix news-image-container option-1">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-2">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-2">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-1 option-2">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine
        					describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-1">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-2">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine
        					describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-2">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-1 option-2">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine
        					describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-1">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-2">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine
        					describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-2">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-1 option-2">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine
        					describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content mix news-image-container option-3">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        	</div>
        	<div id="noItemsFoundMessage">
        		<h3>Your selected filters returned no results please widen your search criteria.</h3>
        	</div>
        </section>

<section class="block-container large-accordion-section sectional-accordion article-accordion">
        	<div class="large-frame relative">
        		<div class="accordion-triggers-header flex-wrapper flex-end center ">
        			<div class="accordion-triggers dynamic-accordion flex-wrapper flex-end wrap">
        				<a href="javascript:void(0);" class="accordion-trigger" data-id="data-acc-1">Lorem</a>
        				<div class="accordion-content active-accordion-content" data-id="data-acc-1">
        					<h2 class="header-inline-with-link no-margin-top article-section-header">Lorem</h2><a href="#" class="large-button white-button inline">View All</a>
        					<div class="rows-container">
        						<div class="flex-wrapper space-between">
        							<div class="large-block-container">
        								<div class="large-block">
        									<img src="https://via.placeholder.com/910x636" alt="">
        									<div class="large-block-content">
        										<h3>Large Header Block</h3>
        										<p class="large-content-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quia nostrum eos laboriosam itaque tempore molestiae inventore, laborum sapiente neque, aperiam aspernatur obcaecati quae ipsa corporis animi labore. Cumque, eligendi!</p>
        										<div class="tag-container">
        											<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        											<a href="#"><span class="meta-tag">Tag 2</span></a>
        										</div>
        									</div>
        								</div>
        							</div>
        							<div class="sub-blocks-container">
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        							</div>
        						</div>
        						<div class="flex-wrapper space-between">
        							<div class="large-block-container">
        								<div class="large-block">
        									<img src="https://via.placeholder.com/910x636" alt="">
        									<div class="large-block-content">
        										<h3>Large Header Block</h3>
        										<p class="large-content-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quia nostrum
        											eos laboriosam itaque tempore molestiae inventore, laborum sapiente neque, aperiam aspernatur
        											obcaecati quae ipsa corporis animi labore. Cumque, eligendi!</p>
        										<div class="tag-container">
        											<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        											<a href="#"><span class="meta-tag">Tag 2</span></a>
        										</div>
        									</div>
        								</div>
        							</div>
        							<div class="sub-blocks-container">
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        							</div>
        						</div>
        					</div>
        				</div>
        				<a href="javascript:void(0);" class="accordion-trigger" data-id="data-acc-2">Ipsum</a>
        				<div class="accordion-content" data-id="data-acc-2">
        					<h2 class="header-inline-with-link no-margin-top article-section-header">Ipsum</h2><a href="#" class="large-button white-button inline">View All</a>
        					<div class="rows-container">
        						<div class="flex-wrapper space-between">
        							<div class="large-block-container">
        								<div class="large-block">
        									<img src="https://via.placeholder.com/910x636" alt="">
        									<div class="large-block-content">
        										<h3>Large Header Block</h3>
        										<p class="large-content-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quia
        											nostrum eos laboriosam itaque tempore molestiae inventore, laborum sapiente neque, aperiam
        											aspernatur obcaecati quae ipsa corporis animi labore. Cumque, eligendi!</p>
        										<div class="tag-container">
        											<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        											<a href="#"><span class="meta-tag">Tag 2</span></a>
        										</div>
        									</div>
        								</div>
        							</div>
        							<div class="sub-blocks-container">
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        							</div>
        						</div>
        						<div class="flex-wrapper space-between">
        							<div class="large-block-container">
        								<div class="large-block">
        									<img src="https://via.placeholder.com/910x636" alt="">
        									<div class="large-block-content">
        										<h3>Large Header Block</h3>
        										<p class="large-content-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque quia
        											nostrum
        											eos laboriosam itaque tempore molestiae inventore, laborum sapiente neque, aperiam
        											aspernatur
        											obcaecati quae ipsa corporis animi labore. Cumque, eligendi!</p>
        										<div class="tag-container">
        											<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        											<a href="#"><span class="meta-tag">Tag 2</span></a>
        										</div>
        									</div>
        								</div>
        							</div>
        							<div class="sub-blocks-container">
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        								<div class="sub-block">
        									<img src="https://via.placeholder.com/359x251" alt="">
        									<h4>Lorem Ipsum Header</h4>
        								</div>
        							</div>
        						</div>
        					</div>
        				</div>
        			</div>
        		</div>
        	</div>
        </section>

<section class="banner-section-with-blocks block-container" style="background-image: url(' https://via.placeholder.com/1600x800');">
        	<div class="large-frame banner-blocks-container">
        		<div class="banner-blocks">
        			<div>
        				<h2 class="no-margin-bottom">20%</h2>
        				<h4 class="no-margin-top">lorem ipsum <br />lorem ipsum</h4>
        				<a href="" class="button white-button">Link Title</a>
        			</div>
        		</div>
        		<div class="banner-blocks">
        			<div>
        				<h2 class="no-margin-bottom">40%</h2>
        				<h4 class="no-margin-top">lorem ipsum <br />lorem ipsum</h4>
        				<a href="" class="button white-button">Link Title</a>
        			</div>
        		</div>
        	</div>
        </section>

<div class="accordion-container block-container">
        
        
        	<h2>Subtopic Drawers</h2>
        	<div class="accordion-item">
        		<a href="javascript:void(0);" class="accordion-drawer-link">Subtopic Drawer</a>
        		<div class="accordion-content">
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
        				ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
        				fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
        				deserunt mollit anim id est laborum.</p>
        		</div>
        	</div>
        	<div class="accordion-item">
        		<a href="javascript:void(0);" class="accordion-drawer-link">Subtopic Drawer</a>
        		<div class="accordion-content">
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        				commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
        				fugiat
        				nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
        				mollit
        				anim id est laborum.</p>
        		</div>
        	</div>
        	<div class="accordion-item">
        		<a href="javascript:void(0);" class="accordion-drawer-link">Subtopic Drawer</a>
        		<div class="accordion-content">
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        				commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
        				fugiat
        				nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
        				mollit
        				anim id est laborum.</p>
        		</div>
        	</div>
        </div>

<section class="block-container circle-graph-container">
        	<div class="circle-graph-wrapper">
        		<div class="flex-wrapper circle-flex">
        
        
        			<h2 class="mobile-h2">Circle Header</h2>
        			<div class="circle-stats-container">
        				<h2>Graph Header</h2>
        				<a href="javascript:void();" class="h3 circle-graph-stat" data-percent="90" data-sub="sub title">Title</a>
        				<a href="javascript:void();" class="h3 circle-graph-stat" data-percent="80" data-sub="sub title">Title</a>
        				<a href="javascript:void();" class="h3 circle-graph-stat" data-percent="70" data-sub="sub title">Title</a>
        				<a href="#" class="large-button">Circle graph link</a>
        			</div>
        			<div class="circle-graph">
        				<svg class="base" viewbox="0 0 100 100" width="408" height="408" data-percent="100">
        					<circle cx="50" cy="50" r="40" />
        				</svg>
        				<svg class="round" viewbox="0 0 100 100" width="408" height="408" data-percent="100">
        					<circle cx="50" cy="50" r="40" />
        				</svg>
        				<div id="count-graphic">
        					<h2><span id="count-element"></span></h2>
        					<h4 id="sub-element"></h4>
        				</div>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container clinics-cta">
        	<div class="clinics-wrapper">
        		<p class="section-meta">Clinics</p>
        		<div class="flex-wrapper wrap flex3-grid">
        			<div class="flex-3 clinic-single relative">
        				<h3>Criminal Defense Clinic</h3>
        				<p class="clinic-meta">7 credits | both semesters | 12 seats</p>
        				<p>
        					<strong>Professors:</strong> Jonathan Smith<br />
        					<strong>Contact:</strong> email@law.upenn.edu
        				</p>
        				<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<title>CTA Copy</title>
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-153.000000, -3034.000000)">
        							<polygon fill="#31BFF0" points="176.093927 3036.54638 184.874951 3044.69634 153 3044.70269 153 3048.23121 185.020212 3048.22345 175.470031 3057.50231 178.03316 3060 192 3046.43132 178.600404 3034">
        							</polygon>
        						</g>
        					</g>
        				</svg>
        				<a href="#" aria-label="clinic title" class="link-fill"></a>
        				</a>
        			</div>
        			<div class="flex-3 clinic-single relative">
        				<h3>Criminal Defense Clinic</h3>
        				<p class="clinic-meta">7 credits | both semesters | 12 seats</p>
        				<p>
        					<strong>Professors:</strong> Jonathan Smith<br />
        					<strong>Contact:</strong> email@law.upenn.edu
        				</p>
        				<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<title>CTA Copy</title>
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-153.000000, -3034.000000)">
        							<polygon fill="#31BFF0" points="176.093927 3036.54638 184.874951 3044.69634 153 3044.70269 153 3048.23121 185.020212 3048.22345 175.470031 3057.50231 178.03316 3060 192 3046.43132 178.600404 3034">
        							</polygon>
        						</g>
        					</g>
        				</svg>
        				<a href="#" aria-label="clinic title" class="link-fill"></a>
        				</a>
        			</div>
        			<div class="flex-3 clinic-single relative">
        				<h3>Criminal Defense Clinic</h3>
        				<p class="clinic-meta">7 credits | both semesters | 12 seats</p>
        				<p>
        					<strong>Professors:</strong> Jonathan Smith<br />
        					<strong>Contact:</strong> email@law.upenn.edu
        				</p>
        				<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<title>CTA Copy</title>
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-153.000000, -3034.000000)">
        							<polygon fill="#31BFF0" points="176.093927 3036.54638 184.874951 3044.69634 153 3044.70269 153 3048.23121 185.020212 3048.22345 175.470031 3057.50231 178.03316 3060 192 3046.43132 178.600404 3034">
        							</polygon>
        						</g>
        					</g>
        				</svg>
        				<a href="#" aria-label="clinic title" class="link-fill"></a>
        				</a>
        			</div>
        			<div class="flex-3 clinic-single relative">
        				<h3>Criminal Defense Clinic</h3>
        				<p class="clinic-meta">7 credits | both semesters | 12 seats</p>
        				<p>
        					<strong>Professors:</strong> Jonathan Smith<br />
        					<strong>Contact:</strong> email@law.upenn.edu
        				</p>
        				<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<title>CTA Copy</title>
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-153.000000, -3034.000000)">
        							<polygon fill="#31BFF0" points="176.093927 3036.54638 184.874951 3044.69634 153 3044.70269 153 3048.23121 185.020212 3048.22345 175.470031 3057.50231 178.03316 3060 192 3046.43132 178.600404 3034">
        							</polygon>
        						</g>
        					</g>
        				</svg>
        				<a href="#" aria-label="clinic title" class="link-fill"></a>
        				</a>
        			</div>
        			<div class="flex-3 clinic-single relative">
        				<h3>Criminal Defense Clinic</h3>
        				<p class="clinic-meta">7 credits | both semesters | 12 seats</p>
        				<p>
        					<strong>Professors:</strong> Jonathan Smith<br />
        					<strong>Contact:</strong> email@law.upenn.edu
        				</p>
        				<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<title>CTA Copy</title>
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-153.000000, -3034.000000)">
        							<polygon fill="#31BFF0" points="176.093927 3036.54638 184.874951 3044.69634 153 3044.70269 153 3048.23121 185.020212 3048.22345 175.470031 3057.50231 178.03316 3060 192 3046.43132 178.600404 3034">
        							</polygon>
        						</g>
        					</g>
        				</svg>
        				<a href="#" aria-label="clinic title" class="link-fill"></a>
        				</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="large-accordion-section column-accordion block-container ">
        	<div class="large-frame relative">
        		<h2 class="section-accordion-header">Lorem Ipsum</h2>
        		<div class="accordion-triggers-header flex-wrapper flex-end center section-header-active">
        			<div class="accordion-triggers dynamic-accordion flex-wrapper flex-end wrap">
        
        				<a href="javascript:void(0);" class="accordion-trigger active-accordion-trigger" data-id="ac-data-1">Accordion Link Title</a>
        				<div class="accordion-content active-accordion-content" data-id="ac-data-1">
        					<h2 class="mobile-column-header">Accordion Link Title</h2>
        					<div class="flex-wrapper wrap other-posts-flex flex3-grid">
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum</a>
        						</div>
        					</div>
        				</div>
        
        				<a href="javascript:void(0);" class="accordion-trigger" data-id="ac-data-2">Accordion Link
        					Title</a>
        				<div class="accordion-content" data-id="ac-data-2">
        					<h2 class="mobile-column-header">Accordion Link Title</h2>
        					<div class="flex-wrapper wrap other-posts-flex flex3-grid">
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum2</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum2</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum2</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum2</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum2</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum2</a>
        						</div>
        					</div>
        				</div>
        
        				<a href="javascript:void(0);" class="accordion-trigger" data-id="ac-data-3">Accordion Link
        					Title</a>
        				<div class="accordion-content" data-id="ac-data-3">
        					<h2 class="mobile-column-header">Accordion Link Title</h2>
        					<div class="flex-wrapper wrap other-posts-flex flex3-grid">
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum3</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum3</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum3</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum3</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum3</a>
        						</div>
        						<div class="flex-3 other-post">
        							<a href="#" class="button gray-button">Lorem Ipsum3</a>
        						</div>
        					</div>
        				</div>
        
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container contact-callout">
        	<div class="flex-wrapper">
        		<div class="flex-2">
        
        			<h2>Lorem <br />Ipsum</h2>
        		</div>
        		<div class="flex-2 flex-wrapper wrap flex2-grid">
        			<div>
        				<p class="large-intro-p">The Francis J. & Wm. <br />Polk Carey JD/MBA Program</p>
        				<p><i>University of Pennsylvania Carey Law School | The Wharton School</i></p>
        				<a href="mailto:jdmba@law.upenn.edu">jdmba@law.upenn.edu</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="-cta cta-block block-container  ">
        	<div class="flex-wrapper space-between">
        		<div class="cta-section">
        			<div>
        				<h2>Content</h2>
        			</div>
        		</div>
        		<div class="cta-section">
        			<div>
        				<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum, illo! Reprehenderit dolorum iusto ducimus asperiores quaerat, quia at cum maxime accusamus quas deserunt consectetur sequi ea atque vero amet fugit.</p>
        			</div>
        		</div>
        		<div class="cta-section">
        			<div>
        
        			</div>
        		</div>
        		<div class="cta-section">
        			<div>
        
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container cta-icons">
        	<div class="frame">
        		<div class="center-content">
        			<h2>Header</h2>
        		</div>
        		<div class="flex-wrapper flex3-grid">
        			<div class="flex-3 cta-icon">
        				<div>
        					<img src="https://via.placeholder.com/1000x1000" onload="this.width/=2;" alt="Image Alt">
        				</div>
        				<div>
        					<h3>Icon title</h3>
        					<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum ut blanditiis consequatur expedita est facere sequi voluptatum maxime nobis doloribus ratione sapiente cumque, molestias, ex delectus nesciunt qui. Id, est.</p>
        				</div>
        			</div>
        			<div class="flex-3 cta-icon">
        				<div>
        					<img src="https://via.placeholder.com/1000x1000" onload="this.width/=2;" alt="Image Alt">
        				</div>
        				<div>
        					<h3>Icon title</h3>
        					<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum ut blanditiis consequatur expedita est facere
        						sequi voluptatum maxime nobis doloribus ratione sapiente cumque, molestias, ex delectus nesciunt qui. Id,
        						est.</p>
        				</div>
        			</div>
        			<div class="flex-3 cta-icon">
        				<div>
        					<img src="https://via.placeholder.com/1000x1000" onload="this.width/=2;" alt="Image Alt">
        				</div>
        				<div>
        					<h3>Icon title</h3>
        					<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum ut blanditiis consequatur expedita est facere
        						sequi voluptatum maxime nobis doloribus ratione sapiente cumque, molestias, ex delectus nesciunt qui. Id,
        						est.</p>
        				</div>
        			</div>
        		</div>
        		<div class="center-content">
        			<a href="#" class="large-button">Footer Link</a>
        		</div>
        	</div>
        </section>

<section class="block-container cta-image-container">
        	<div class="large-frame">
        		<div class="flex-wrapper flex2-grid">
        			<div class="flex-2">
        				<h2>Header</h2>
        				<p class="large-intro-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis blanditiis tenetur, corrupti cumque possimus quia repellat doloribus vitae incidunt distinctio aliquam delectus nihil reprehenderit voluptatibus explicabo animi accusantium aut. Dicta.</p>
        			</div>
        			<div class="flex-2">
        				<img src="https://via.placeholder.com/777x633" alt="Image Alt">
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container data-cta ">
        	<div class="flex-wrapper space-between center">
        		<div class="data-cta-graphic-container">
        			<div class="data-wrapper flex-wrapper wrap">
        				<div class="flex-2 data-container">
        					<h2>##%</h2>
        					<p>Title</p>
        				</div>
        				<div class="flex-2 data-container">
        					<h2>##%</h2>
        					<p>Title</p>
        				</div>
        				<div class="flex-2 data-container">
        					<h2>##%</h2>
        					<p>Title</p>
        				</div>
        				<div class="flex-2 data-container">
        					<h2>##%</h2>
        					<p>Title</p>
        				</div>
        				<!-- 
                            For Image Add On Use::
        
                            <div class="flex-2">
                                <div class="data-cta-image-container">
                                    <img src="imageurl" alt="Data CTA Alt">
                                </div>
                            </div>
                            <div class="flex-2">
                                <div class="data-container">
                                    <h2>##%</h2>
                                    <p>Title</p>
                                </div>
                                <div class="data-container">
                                    <h2>##%</h2>
                                    <p>Title</p>
                                </div>
                            </div> 
                        -->
        			</div>
        		</div>
        		<div class="data-cta-content">
        			<h2>Header</h2>
        			<p class="large-intro-p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore impedit eius veniam? Fugiat, molestias quam blanditiis expedita quaerat praesentium obcaecati, a eveniet aperiam optio quo reprehenderit eius maxime esse temporibus?</p>
        		</div>
        	</div>
        </section>

<section class="block-container highlighted-cta-container">
        	<div class="flex-wrapper flex2-grid">
        		<div class="flex-2">
        			<div class="flex-wrapper wrap">
        				<h2>Are You A Law Student?</h2>
        				<div>
        					<a href="#" class="large-button white-button">Learn More</a>
        				</div>
        			</div>
        		</div>
        		<div class="flex-2">
        			<div class="flex-wrapper wrap">
        				<h2>Are You a Penn Student or Staff Member?</h2>
        				<div>
        					<a href="#" class="large-button white-button">Learn More</a>
        				</div>
        			</div>
        		</div>
        
        
        	</div>
        </section>

<section class="posts-cta block-container">
        	<h3>Upcoming Events</h3><a href="#" class="button">View All</a>
        	<div class="news-container flex-wrapper wrap">
        		<div class="flex-3 relative news-content news-image-container">
        			<p class="meta">Thursay, May 28</p>
        			<h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
        				labore et dolore…</p>
        		</div>
        		<div class="flex-3 relative news-content news-image-container">
        			<p class="meta">Thursay, May 28</p>
        			<h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
        				labore et dolore…</p>
        		</div>
        		<div class="flex-3 relative news-content news-image-container">
        			<p class="meta">Thursay, May 28</p>
        			<h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
        				labore et dolore…</p>
        		</div>
        	</div>
        
        </section>

<section class="facult-cta block-container">
        	<div class="filter-container filter-wrapper all-posts-filter search-icon-submit">
        		<form action="">
        			<div class="filter-select-container">
        				<fieldset data-filter-group="faculty">
        					<label for="faculty">Filter</label>
        					<select name="faculty" id="faculty" class="select-options select-two-column" multiple="multiple" data-selectContainer="selections-faculty">
        					</select>
        				</fieldset>
        			</div>
        			<div>
        				<fieldset data-filter-group="search">
        					<label for="search">Search</label>
        					<input type="text" id="search" name="search" data-search-attribute="class" data-ref="input-search">
        					<input type="submit">
        				</fieldset>
        			</div>
        		</form>
        		<div class="filter-selection-container">
        			<h4>Your Selections</h4>
        			<div class="filter-selections">
        				<div data-id="selections-faculty" class="filter-select-item"></div>
        			</div>
        		</div>
        	</div>
        	<div class="faculty-container">
        		<div class="flex-wrapper wrap" id="filter-container-element" data-pagination="9">
        			<div class="flex-3 faculty-post mix full-time academic emeritus joe smith">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (full time / academic / emeritus)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix emeritus chris tremoglie">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Chris Tremoglie</h4>
        				<p>Professor of Title Goes Here (emeritus)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix legal jim bob">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Jim Bob</h4>
        				<p>Professor of Title Goes Here (legal)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix visity joe smith">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (visity)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix adjuncts jim bob">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Jim Bob</h4>
        				<p>Professor of Title Goes Here (adjuncts)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix emeritus university chris tremoglie">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Chris Tremoglie</h4>
        				<p>Professor of Title Goes Here (emeritus / university)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix admin">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (admin)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix law">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (law)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix antitrust business">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (antitrust / business)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix full-time academic joe smith">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (full time / academic)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix clinical chris tremoglie">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Chris Tremoglie</h4>
        				<p>Professor of Title Goes Here (clinical)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix legal jim bob">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Jim Bob</h4>
        				<p>Professor of Title Goes Here (legal)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix visity joe smith">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (visity)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix adjuncts jim bob">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Jim Bob</h4>
        				<p>Professor of Title Goes Here (adjuncts)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix emeritus university chris tremoglie">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Chris Tremoglie</h4>
        				<p>Professor of Title Goes Here (emeritus / university)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix admin">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (admin)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix law">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (law)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        			<div class="flex-3 faculty-post mix antitrust business">
        				<img src="https://via.placeholder.com/360x420" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here (antitrust / business)</p>
        				<p><em>Area of Expertise Here</em></p>
        			</div>
        		</div>
        	</div>
        	<div id="noItemsFoundMessage">
        		<h3>Your selected filters returned no results please widen your search criteria.</h3>
        	</div>
        </section>

<section class="block-container faculty-cta">
        	<h2>Faculty</h2>
        	<div class="staff-container">
        		<div class="flex-wrapper wrap flex4-grid">
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container featured-cta-container">
        	<h3>Featured Newsletters</h3>
        	<div class="flex-wrapper space-between flex3-grid">
        		<div class="flex-3">
        			<img src="https://via.placeholder.com/300x300" alt="Alt Text">
        			<h4>Featured Newsletter Title 1</h4>
        			<a href="#" class="button white-button">Learn More</a>
        		</div>
        		<div class="flex-3">
        			<img src="https://via.placeholder.com/300x300" alt="Alt Text">
        			<h4>Featured Newsletter Title 2</h4>
        			<a href="#" class="button white-button">Learn More</a>
        		</div>
        		<div class="flex-3">
        			<img src="https://via.placeholder.com/300x300" alt="Alt Text">
        			<h4>Featured Newsletter Title 3</h4>
        			<a href="#" class="button white-button">Learn More</a>
        		</div>
        	</div>
        </section>

<section class="block-container featured-post-cta">
        	<div class="featured-post-cta-container">
        		<h4>Featured Research</h4>
        		<h3>Restoration: The Role Stakeholder Governance Must Play in Recreating a Fair and Sustainable American Economy A to Professor Rock</h3>
        		<p>
        			Leo E. Strine Jr.
        			<a href="#" class="button">Read More</a>
        		</p>
        	</div>
        </section>

<section class="featured-posts-cta block-container">
        	<div class="featured-posts-container flex-wrapper wrap flex2-grid">
        		<div class="flex-2 relative featured-post">
        			<img src="https://via.placeholder.com/599x419" alt="Alt Text">
        			<h3><a href="#">Featured Headline Number Two Goes Here Lorem Ipsum Dolor Set</a></h3>
        		</div>
        		<div class="flex-2 relative featured-post">
        			<img src="https://via.placeholder.com/599x419" alt="Alt Text">
        			<h3><a href="#">Featured Headline Number Two Goes Here Lorem Ipsum Dolor Set</a></h3>
        		</div>
        	</div>
        </section>

<section class="posts-cta block-container featured-posts-call">
        	<h2>Lorem Ipsum</h2>
        	<div class="news-container flex-wrapper wrap flex2-grid">
        		<div class="flex-2 relative news-content">
        			<div>
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.
        				</p>
        				<a href="#" class="button">Learn More</a>
        			</div>
        		</div>
        		<div class="flex-2 relative news-content">
        			<div>
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st
        					Century</p>
        				<a href="#" class="button">Learn More</a>
        			</div>
        		</div>
        		<div class="flex-2 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/196x203" alt="Image Alt">
        			</div>
        			<div>
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        				<a href="#" class="button">Learn More</a>
        			</div>
        		</div>
        		<div class="flex-2 relative news-content">
        			<div>
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        				<a href="#" class="button">Learn More</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="featured-research-cta block-container">
        	<h2 class="inline header-inline-with-link">Featured Research</h2>
        	<a href="#" class="large-button inline">More Publications</a>
        	<div class="flex-wrapper wrap space-between flex3-grid publication-posts">
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In Publication
        						Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        	</div>
        </section>

<h2>SEE IN TEMPLATE</h2>
        <div class="nav-menu">
        	<a href="javascript:void(0);" class="open-sidebav" aria-label="Open Side Navigation">
        		<svg width="29px" height="18px" viewBox="0 0 29 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        			<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square">
        				<g id="Template-AA-" transform="translate(-8.000000, -897.000000)" stroke="#011F5B" stroke-width="3">
        					<g id="Group" transform="translate(10.000000, 898.000000)">
        						<line x1="0.416666667" y1="0.5" x2="24.5833333" y2="0.5" id="Line-10"></line>
        						<line x1="0.416666667" y1="8.25" x2="24.5833333" y2="8.25" id="Line-10-Copy"></line>
        						<line x1="0.416666667" y1="15.5" x2="24.5833333" y2="15.5" id="Line-10-Copy-2"></line>
        					</g>
        				</g>
        			</g>
        		</svg>
        	</a>
        </div>
        <div class="side-nav-container">
        	<div class="side-nav">
        		<a href="javascript:void(0);" class="close-sidenav" aria-label="Close Side Navigation">
        			<svg width="25px" height="23px" viewBox="0 0 25 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        				<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        					<g transform="translate(-246.000000, -20.000000)" stroke="#1F2353" stroke-width="2">
        						<g transform="translate(248.000000, 20.000000)">
        							<g transform="translate(21.000000, 0.000000)">
        								<line x1="0.2845" y1="0.252450746" x2="0.2845" y2="22.6568537"></line>
        							</g>
        							<line x1="0" y1="11" x2="18" y2="11"></line>
        							<polyline points="6 5 0 11.1500388 6 17"></polyline>
        						</g>
        					</g>
        				</g>
        			</svg>
        		</a>
        		<div class="sidebar-header">
        			<img src="assets/toolkit/images/sidenav-icon.png" alt="Sidebar Nav Icon">
        		</div>
        
        	</div>
        </div>

<div class="form-container block-container">
        	<h3>Mini Contact Form</h3>
        
        	<div class="form-wrapper">
        		<form action="">
        			<label for="">Label<span>*</span></label>
        			<input type="text">
        			<label for="">Label<span>*</span></label>
        			<input type="text">
        			<label for="">Label</label>
        			<input type="text">
        
        			<input type="radio" id="radio1" name="name1" value="radio1">
        			<label for="radio1">Radio1</label><br />
        
        			<input type="radio" id="radio2" name="name2" value="radio2">
        			<label for="radio2">Radio2</label><br />
        
        			<input type="radio" id="radio3" name="name3" value="radio3">
        			<label for="radio3">Radio3</label><br /><br />
        
        			<input type="checkbox" id="check1" name="check1" value="Check1">
        			<label for="check1">Check1</label><br />
        
        			<input type="checkbox" id="check2" name="check2" value="Check2">
        			<label for="check2">Check2</label><br />
        
        			<input type="checkbox" id="check3" name="check3" value="Check3">
        			<label for="check3">Check3</label><br /><br />
        
        			<label for="">Label</label>
        			<textarea></textarea>
        			<span class="submit-arrow"><input type="submit"></span>
        		</form>
        	</div>
        
        
        
        </div>

<section class="block-container gallery-slider-container">
        	<div class="flex-wrapper space-between gallery-slider-header">
        		<div class="flex-2">
        			<h2>Experience <br />Philadelphia</h2>
        			<h4>Current Weather: <br />
        				<span id="temp">79°</span> and <span id="status">Sunny</span></h4>
        			<a href="" ; class="large-button">Learn More</a>
        		</div>
        		<div class="flex-2">
        			<img src="https://via.placeholder.com/841x473" alt="Image Alt">
        		</div>
        	</div>
        	<div class="flex-wrapper gallery-container">
        		<div class="flex-2">
        			<div class="gallery-slider-wrap">
        				<div class="gallery-slide">
        					<img src="https://via.placeholder.com/231x237" alt="Image Alt">
        					<div class="gallery-slide-content">
        						<h4>Vibrant City Life</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
        					</div>
        				</div>
        				<div class="gallery-slide">
        					<img src="https://via.placeholder.com/231x237" alt="Image Alt">
        					<div class="gallery-slide-content">
        						<h4>Culinary Delights</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
        					</div>
        				</div>
        				<div class="gallery-slide">
        					<img src="https://via.placeholder.com/231x237" alt="Image Alt">
        					<div class="gallery-slide-content">
        						<h4>Busy Nightlife</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
        					</div>
        				</div>
        				<div class="gallery-slide">
        					<img src="https://via.placeholder.com/231x237" alt="Image Alt">
        					<div class="gallery-slide-content">
        						<h4>Vibrant City Life</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
        					</div>
        				</div>
        				<div class="gallery-slide">
        					<img src="https://via.placeholder.com/231x237" alt="Image Alt">
        					<div class="gallery-slide-content">
        						<h4>Vibrant City Life</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        	</div>
        
        </section>

<section class="graphics-container block-container ">
        	<div class="flex-wrapper wrap space-between flex3-grid">
        		<div class="flex-3 flex-wrapper wrap">
        			<div>
        				<img src="../pennlaw/assets/toolkit/images/icon_course-overview@2x.png" alt="Alt Text">
        			</div>
        			<div>
        				<h4>Title</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
        				<a href="#" aria-label="Title Link">Link Title</a>
        			</div>
        		</div>
        		<div class="flex-3 flex-wrapper wrap">
        			<div>
        				<img src="../pennlaw/assets/toolkit/images/icon_financial-aid@2x.png" alt="Alt Text">
        			</div>
        			<div>
        				<h4>Title</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
        				<a href="#" aria-label="Title Link">Link Title</a>
        			</div>
        		</div>
        		<div class="flex-3 flex-wrapper wrap">
        			<div>
        				<img src="../pennlaw/assets/toolkit/images/icon_tour-virtual-penn-law@2x.png" alt="Alt Text">
        			</div>
        			<div>
        				<h4>Title</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
        				<a href="#" aria-label="Title Link">Link Title</a>
        			</div>
        		</div>
        		<div class="flex-3" style="margin:0; padding:0;" tabindex="-1"></div>
        		<div class="flex-3" style="margin:0; padding:0;" tabindex="-1"></div>
        		<div class="flex-3" style="margin:0; padding:0;" tabindex="-1"></div>
        	</div>
        </section>

<section class="block-container no-margin-bottom areas-of-study-grid">
        	<div class="section-meta">
        		<p>More Areas of Study</p>
        	</div>
        	<div class="flex-wrapper wrap center areas-of-study-wrapper">
        		<div class="aos-row">
        			<div class="flex-2 content">
        				<div class="flex-wrapper wrap">
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        				</div>
        			</div>
        			<div class="flex-2 image">
        				<img src="https://via.placeholder.com/657x400" alt="Image Alt">
        			</div>
        		</div>
        		<div class="aos-row">
        			<div class="flex-2 content">
        				<div class="flex-wrapper wrap">
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        				</div>
        			</div>
        			<div class="flex-2 image">
        				<img src="https://via.placeholder.com/657x400" alt="Image Alt">
        			</div>
        		</div>
        		<div class="aos-row">
        			<div class="flex-2 content">
        				<div class="flex-wrapper wrap">
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        					<div class="flex-2">
        						<h3>Administrative Law & Regulation</h3>
        						<a href="#" aria-label="page title" class="link-fill"></a>
        						<svg width="39px" height="26px" viewBox="0 0 39 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        							<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        								<g transform="translate(-105.000000, -5443.000000)">
        									<polygon fill="#31BFF0" points="128.093927 5445.54638 136.874951 5453.69634 105 5453.70269 105 5457.23121 137.020212 5457.22345 127.470031 5466.50231 130.03316 5469 144 5455.43132 130.600404 5443">
        									</polygon>
        								</g>
        							</g>
        						</svg>
        					</div>
        				</div>
        			</div>
        			<div class="flex-2 image">
        				<img src="https://via.placeholder.com/657x400" alt="Image Alt">
        			</div>
        		</div>
        	</div>
        </section>

<div class="image-grid-horizontal-container block-container">
        	<h3>Horizontal Image-Based Callout</h3>
        	<div class="image-grid-horizontal-item flex-wrapper space-between">
        		<div class="image-container">
        			<img src="https://via.placeholder.com/359x225" alt="Placeholder">
        		</div>
        		<div class="image-content flex-wrapper center">
        			<div>
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        	<div class="image-grid-horizontal-item flex-wrapper space-between">
        		<div class="image-container">
        			<img src="https://via.placeholder.com/359x225" alt="Placeholder">
        		</div>
        		<div class="image-content flex-wrapper center">
        			<div>
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et
        					dolore magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        	<div class="image-grid-horizontal-item flex-wrapper space-between">
        		<div class="image-container">
        			<img src="https://via.placeholder.com/359x225" alt="Placeholder">
        		</div>
        		<div class="image-content flex-wrapper center">
        			<div>
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et
        					dolore magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        	<h3></h3>
        </div>

<section class="icon-slider-container block-container">
        	<div class="icon-slider-header-content">
        		<h2>Slider Header</h2>
        		<p class="large-intro-p">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque vero quis dignissimos velit earum magnam reprehenderit, culpa doloremque at consequatur unde ad iusto eius facilis laboriosam ullam nemo facere architecto?</p><br />
        		<div class="center-content"><a href="" class="button">Button</a></div>
        	</div>
        	<div class="icon-slider-wrapper">
        		<div class="icon-slider">
        			<div class="slide">
        				<a href="#" aria-label="Title link" target="_blank">
        					<img src="https://via.placeholder.com/500x500" onload="this.width/=2;" alt="Title">
        				</a>
        			</div>
        			<div class="slide">
        				<a href="#" aria-label="Title link" target="_blank">
        					<img src="https://via.placeholder.com/500x500" onload="this.width/=2;" alt="Title">
        				</a>
        			</div>
        			<div class="slide">
        				<a href="#" aria-label="Title link" target="_blank">
        					<img src="https://via.placeholder.com/500x500" onload="this.width/=2;" alt="Title">
        				</a>
        			</div>
        			<div class="slide">
        				<a href="#" aria-label="Title link" target="_blank">
        					<img src="https://via.placeholder.com/500x500" onload="this.width/=2;" alt="Title">
        				</a>
        			</div>
        			<div class="slide">
        				<a href="#" aria-label="Title link" target="_blank">
        					<img src="https://via.placeholder.com/500x500" onload="this.width/=2;" alt="Title">
        				</a>
        			</div>
        			<div class="slide">
        				<a href="#" aria-label="Title link" target="_blank">
        					<img src="https://via.placeholder.com/500x500" onload="this.width/=2;" alt="Title">
        				</a>
        			</div>
        		</div>
        	</div>
        </section>

<div class="image-grid-container block-container">
        	<h3>Image-Based Callouts Default</h3>
        	<div class="image-grid-row-wrapper">
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        
        	<h3>Image-Based Callouts 50%</h3>
        	<div class="image-grid-row-wrapper row-items-2">
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/240x225" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        
        	<h3>Image-Based Callouts Mixed</h3>
        	<div class="image-grid-row-wrapper row-items-2">
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        	<div class="image-grid-row-wrapper">
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        	<div class="image-grid-row-wrapper row-items-2">
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        	<div class="image-grid-row-wrapper">
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        		<div class="image-grid-item">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/359x336" alt="Placeholder Image">
        			</div>
        			<div class="image-content">
        				<h4>Headline</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        					et dolore
        					magna aliqua.</p>
        			</div>
        		</div>
        	</div>
        </div>

<section class="block-container image-contact-callout">
        	<div class="flex-wrapper">
        		<div class="flex-2">
        			<h2>Contact Header</h2>
        			<div class="flex-2 contact-content">
        				<p class="large-intro-p">University of Carey Law School <br />Office of Graduate Programs</p>
        				<p><em>3501 Sansom Street <br />Philadelphia, PA 19104</em></p><a href="mailto:gradadms@law.upenn.edu">gradadms@law.upenn.edu</a>
        				<p class="meta"><strong>Tel:</strong> 215.898.0407</p>
        			</div>
        		</div>
        		<div class="flex-2 flex-wrapper wrap flex2-grid contact-content-wrap">
        			<div class="flex-2 faculty-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Title</h4>
        				<p>lorem ipsum</p>
        				<a href="mailto:email@gmail.com">email@gmail.com</a>
        			</div>
        			<div class="flex-2 faculty-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Title</h4>
        				<p>lorem ipsum</p>
        				<a href="mailto:email@gmail.com">email@gmail.com</a>
        			</div>
        			<div class="flex-2 faculty-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Title</h4>
        				<p>lorem ipsum</p>
        				<a href="mailto:email@gmail.com">email@gmail.com</a>
        			</div>
        			<div class="flex-2 faculty-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Title</h4>
        				<p>lorem ipsum</p>
        				<a href="mailto:email@gmail.com">email@gmail.com</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container image-content-cta">
        	<div class="image-content-cta-wrapper relative">
        		<div class="image-wrapper relative">
        			<img src="https://via.placeholder.com/650x589" alt="Image Alt" class="object-fill">
        		</div>
        		<div class="image-content">
        			<h2>Centers and Institutes</h2>
        			<p class="large-intro-p">Led by distinguished faculty members of the Law School, our Centers & Institutes catalyze
        				research and attract top scholars from around the globe to confront today's most pressing legal questions.</p> <a href="#" class="button">Learn More</a>
        		</div>
        	</div>
        	<div class="image-content-cta-wrapper relative">
        		<div class="image-wrapper relative">
        			<img src="https://via.placeholder.com/650x589" alt="Image Alt" class="object-fill">
        		</div>
        		<div class="image-content">
        			<h2>Content Feature</h2>
        			<p class="large-intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        			</p> <a href="#" class="button">Learn More</a>
        		</div>
        	</div>
        </section>

<section class="block-container image-content-cta">
        	<div class="image-content-cta-wrapper relative">
        		<div class="image-wrapper relative">
        			<img src="https://via.placeholder.com/650x589" alt="Image Alt" class="object-fill">
        		</div>
        		<div class="image-content">
        			<h2>Duplicate of Image CTA</h2>
        			<p class="large-intro-p">Led by distinguished faculty members of the Law School, our Centers & Institutes
        				catalyze
        				research and attract top scholars from around the globe to confront today's most pressing legal
        				questions.</p> <a href="#" class="button">Learn More</a>
        		</div>
        	</div>
        	<div class="image-content-cta-wrapper relative">
        		<div class="image-wrapper relative">
        			<img src="https://via.placeholder.com/650x589" alt="Image Alt" class="object-fill">
        		</div>
        		<div class="image-content">
        			<h2>Content Feature</h2>
        			<p class="large-intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
        				incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
        				laboris nisi ut aliquip ex ea commodo consequat.
        			</p> <a href="#" class="button">Learn More</a>
        		</div>
        	</div>
        </section>

<div class="image-gallery-container block-container">
        	<h3>Image Gallery Title</h3>
        	<div class="image-gallery-slider-main">
        		<div class="slide-item">
        			<figure>
        				<img src="https://via.placeholder.com/790x549" alt="Placeholder Image">
        				<figcaption>
        					<div class="caption">Photo caption goes here lorem ipsum dolor sit amet, consectetur</div>
        					<div class="credit">Photo Credit</div>
        				</figcaption>
        			</figure>
        		</div>
        		<div class="slide-item">
        			<figure>
        				<img src="https://via.placeholder.com/790x549" alt="Placeholder Image">
        				<figcaption>
        					<div class="caption">Photo caption goes here lorem ipsum dolor sit amet, consectetur</div>
        					<div class="credit">Photo Credit</div>
        				</figcaption>
        			</figure>
        		</div>
        		<div class="slide-item">
        			<figure>
        				<img src="https://via.placeholder.com/790x549" alt="Placeholder Image">
        				<figcaption>
        					<div class="caption">Photo caption goes here lorem ipsum dolor sit amet, consectetur</div>
        					<div class="credit">Photo Credit</div>
        				</figcaption>
        			</figure>
        		</div>
        		<div class="slide-item">
        			<figure>
        				<img src="https://via.placeholder.com/790x549" alt="Placeholder Image">
        				<figcaption>
        					<div class="caption">Photo caption goes here lorem ipsum dolor sit amet, consectetur</div>
        					<div class="credit">Photo Credit</div>
        				</figcaption>
        			</figure>
        		</div>
        		<div class="slide-item">
        			<figure>
        				<img src="https://via.placeholder.com/790x549" alt="Placeholder Image">
        				<figcaption>
        					<div class="caption">Photo caption goes here lorem ipsum dolor sit amet, consectetur</div>
        					<div class="credit">Photo Credit</div>
        				</figcaption>
        			</figure>
        		</div>
        	</div>
        	<div class="image-gallery-nav-wrap flex-wrapper">
        		<div class="image-gallery-navigation">
        			<button class="image-gallery-prev" aria-label="Prev">
        				<svg width="48px" height="36px" viewBox="0 0 48 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-587.000000, -9967.000000)">
        							<rect fill="#FFFFFF" x="0" y="0" width="1600" height="11478"></rect>
        							<g transform="translate(585.000000, 9250.000000)" fill="#D61414">
        								<g transform="translate(2.000000, 717.000000)">
        									<polygon transform="translate(24.000000, 18.000000) scale(-1, 1) translate(-24.000000, -18.000000) " points="28.4232943 3.52575305 39.2307086 14.8103121 1.70530257e-13 14.8191045 1.70530257e-13 19.704749 39.4094913 19.6940027 27.6554226 32.5416554 30.8100434 36 48 17.2125916 31.5081898 0">
        									</polygon>
        								</g>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</button>
        			<button class="image-gallery-next" aria-label="Next">
        				<svg width="49px" height="36px" viewBox="0 0 49 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-586.000000, -10015.000000)">
        							<rect fill="#FFFFFF" x="0" y="0" width="1600" height="11478"></rect>
        							<g transform="translate(585.000000, 9250.000000)" fill="#D61414">
        								<g transform="translate(1.000000, 765.000000)">
        									<polygon points="29.0154463 3.52575305 40.048015 14.8103121 1.7408297e-13 14.8191045 1.7408297e-13 19.704749 40.2305223 19.6940027 28.2315773 32.5416554 31.4519193 36 49 17.2125916 32.1646104 0">
        									</polygon>
        								</g>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</button>
        		</div>
        		<div class="image-gallery-slider-nav">
        			<div class="slide-item relative">
        				<img src="https://via.placeholder.com/158x110" alt="Placeholder">
        				<a href="javascript:void(0);" class="slide-link link-fill" aria-label="Slide Title"></a>
        			</div>
        			<div class="slide-item relative">
        				<img src="https://via.placeholder.com/158x110" alt="Placeholder">
        				<a href="javascript:void(0);" class="slide-link link-fill" aria-label="Slide Title"></a>
        			</div>
        			<div class="slide-item relative">
        				<img src="https://via.placeholder.com/158x110" alt="Placeholder">
        				<a href="javascript:void(0);" class="slide-link link-fill" aria-label="Slide Title"></a>
        			</div>
        			<div class="slide-item relative">
        				<img src="https://via.placeholder.com/158x110" alt="Placeholder">
        				<a href="javascript:void(0);" class="slide-link link-fill" aria-label="Slide Title"></a>
        			</div>
        			<div class="slide-item relative">
        				<img src="https://via.placeholder.com/158x110" alt="Placeholder">
        				<a href="javascript:void(0);" class="slide-link link-fill" aria-label="Slide Title"></a>
        			</div>
        		</div>
        	</div>
        </div>

<section class="image-grid-section block-container">
        	<div class="header-container">
        		<div class="header-images">
        			<div class="reunion-header-col reunion-header-col-1">
        				<div class="header-images-content">
        
        
        					<h2>Header</h2>
        					<p class="large-intro-p">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aliquid nemo consequuntur temporibus deleniti est debitis odio sint earum provident distinctio pariatur voluptates quidem, iusto assumenda soluta, unde delectus eum adipisci?</p>
        				</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>
        </section>

<section class="home-cta-footer block-container">
        	<div class="flex-wrapper cta-box-links space-between">
        		<div class="flex-3 flex-wrapper center relative" style="background-image:url('../assets/toolkit/images/meet-hover-image-1.jpg');">
        			<h3>Schedule a Visit</h3>
        			<a href="" class="link-fill" aria-label="Schedule a Visit"></a>
        		</div>
        		<div class="flex-3 flex-wrapper center relative" style="background-image:url('../assets/toolkit/images/meet-hover-image-1.jpg');">
        			<h3>Explore Degree Programs</h3>
        			<a href="" class="link-fill" aria-label="Explore Degree Programs"></a>
        		</div>
        		<div class="flex-3 flex-wrapper center relative" style="background-image:url('../assets/toolkit/images/meet-hover-image-1.jpg');">
        			<h3>Career Services at the Law School</h3>
        			<a href="" class="link-fill" aria-label="Career Services at the Law School"></a>
        		</div>
        	</div>
        </section>

<section class="block-container image-slider-container">
        	<div class="image-slider-wrap">
        		<div class="image-slider">
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        			<div class="image-slider-content">
        				<p><strong>Headline Goes Here</strong><br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        					aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
        					aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
        					occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        			</div>
        		</div>
        		<div class="image-slider">
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        			<div class="image-slider-content">
        				<p><strong>Headline Goes Here</strong><br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        					consequat. Duis
        					aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        					sint
        					occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        			</div>
        		</div>
        		<div class="image-slider">
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        			<div class="image-slider-content">
        				<p><strong>Headline Goes Here</strong><br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        					consequat. Duis
        					aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        					sint
        					occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        			</div>
        		</div>
        		<div class="image-slider">
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        			<div class="image-slider-content">
        				<p><strong>Headline Goes Here</strong><br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        					consequat. Duis
        					aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
        					sint
        					occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        			</div>
        		</div>
        	</div>
        </section>

<section class="posts-cta block-container">
        	<h2 class="inline header-inline-with-link">In the News</h2><a href="#" class="large-button inline">View All</a>
        	<div class="news-container flex-wrapper wrap">
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        	</div>
        </section>

<div class="large-accordion-container block-container">
        	<h2>Header</h2>
        	<div class="accordion-item large-accordion-item">
        		<a href="javascript:void(0);" class="large-accordion-open-link large-accordion-link h2">Title</a>
        		<div class="accordion-content">
        			<div class="flex-wrapper large-accordion-flex-wrapper">
        				<div class="large-accordion-content-header">
        					<a href="javascript:void(0);" class="large-accoridon-close-link accordion-close h2">Title</a>
        					<p class="large-intro-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti in voluptates distinctio cupiditate officiis cum soluta voluptate pariatur atque. Iste rem quas architecto nulla! Laudantium cum quos fugiat placeat sint./p>
        				</div>
        				<div class="large-acco  rdion-content">
        					<div class="flex-wrapper flex2-grid wrap">
        						<div class="flex-2 large-accordion-content-inner">
        							<h3>title</h3>
        							<p class="large-intro-p">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque quam, laborum quos temporibus ad harum possimus natus ipsam iure, a praesentium et officia cupiditate ullam ipsum modi dolores ea repellat.</p>
        							<a href="#" aria-label="title"><img src="../assets/toolkit/images/arrow-blue.svg" alt="title"></a>
        						</div>
        						<div class="flex-2 large-accordion-content-inner">
        							<h3>title</h3>
        							<p class="large-intro-p">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque quam, laborum quos
        								temporibus ad harum possimus natus ipsam iure, a praesentium et officia cupiditate ullam ipsum modi dolores ea
        								repellat.</p>
        							<a href="#" aria-label="title"><img src="../assets/toolkit/images/arrow-blue.svg" alt="title"></a>
        						</div>
        						<div class="flex-2 large-accordion-content-inner">
        							<h3>title</h3>
        							<p class="large-intro-p">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque quam, laborum quos
        								temporibus ad harum possimus natus ipsam iure, a praesentium et officia cupiditate ullam ipsum modi dolores ea
        								repellat.</p>
        							<a href="#" aria-label="title"><img src="../assets/toolkit/images/arrow-blue.svg" alt="title"></a>
        						</div>
        						<div class="flex-2 large-accordion-content-inner">
        							<h3>title</h3>
        							<p class="large-intro-p">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque quam, laborum quos
        								temporibus ad harum possimus natus ipsam iure, a praesentium et officia cupiditate ullam ipsum modi dolores ea
        								repellat.</p>
        							<a href="#" aria-label="title"><img src="../assets/toolkit/images/arrow-blue.svg" alt="title"></a>
        						</div>
        					</div>
        				</div>
        			</div>
        			<a href="javascript:void(0);" class="h2 large-accordion-close-link-icon accordion-close" aria-label="close Title">-</a>
        		</div>
        	</div>
        	<div class="accordion-item large-accordion-item">
        		<a href="javascript:void(0);" class="large-accordion-open-link large-accordion-link h2">Title</a>
        		<div class="accordion-content">
        			<div class="flex-wrapper large-accordion-flex-wrapper">
        				<div class="large-accordion-content-header">
        					<a href="javascript:void(0);" class="large-accoridon-close-link accordion-close h2">Title</a>
        					<p class="large-intro-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti in voluptates
        						distinctio cupiditate officiis cum soluta voluptate pariatur atque. Iste rem quas architecto nulla!
        						Laudantium cum quos fugiat placeat sint./p>
        				</div>
        				<div class="large-acco  rdion-content">
        					<div class="flex-wrapper flex2-grid wrap">
        						<div class="flex-2 large-accordion-content-inner">
        							<h3>title</h3>
        							<p class="large-intro-p">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque quam,
        								laborum quos temporibus ad harum possimus natus ipsam iure, a praesentium et officia
        								cupiditate ullam ipsum modi dolores ea repellat.</p>
        							<a href="#" aria-label="title"><img src="../assets/toolkit/images/arrow-blue.svg" alt="title"></a>
        						</div>
        						<div class="flex-2 large-accordion-content-inner">
        							<h3>title</h3>
        							<p class="large-intro-p">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque quam,
        								laborum quos
        								temporibus ad harum possimus natus ipsam iure, a praesentium et officia cupiditate ullam
        								ipsum modi dolores ea
        								repellat.</p>
        							<a href="#" aria-label="title"><img src="../assets/toolkit/images/arrow-blue.svg" alt="title"></a>
        						</div>
        					</div>
        				</div>
        			</div>
        			<a href="javascript:void(0);" class="h2 large-accordion-close-link-icon accordion-close" aria-label="close Title">-</a>
        		</div>
        	</div>
        </div>

<section class="block-container large-featured-post">
        	<div class="meta-header blue">
        		<p>Featured</p>
        	</div>
        	<div class="flex-wrapper flex2-grid">
        		<div class="flex-2">
        			<h2 class="no-margin-top">Large Featured Insight Post Headline</h2>
        			<p class="large-intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        				aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        			<a href="" class="button">Learn More</a>
        		</div>
        		<div class="flex-2">
        			<img src="https://via.placeholder.com/670x633" alt="Alt Image">
        		</div>
        	</div>
        </section>

<section class="links-cta block-container block-border-top">
        	<div class="flex-wrapper space-between">
        		<div class="flex-2">
        
        			<h2>Header</h2>
        		</div>
        		<div class="flex-2 links-cta-wrapper">
        			<a href="#" class="large-button">Title</a>
        			<a href="#" class="large-button">Title</a>
        			<a href="#" class="large-button">Title</a>
        		</div>
        	</div>
        </section>

<div class="main-page-content" id="content">
        	<figure>
        		<img src="https://via.placeholder.com/789x407" alt="Placeholder Image">
        		<figcaption>
        			<div class="caption">Photo caption goes here lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit
        				amet consectetur, adipisicing elit. A delectus nemo reprehenderit. Voluptatibus, suscipit. Nemo odit
        				perspiciatis fugit atque natus repudiandae quos cum quis ratione. Ea commodi magni molestias adipisci.
        			</div>
        			<div class="credit">Photo Credit</div>
        		</figcaption>
        	</figure>
        	<h3>Headline One</h3>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        		magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
        		commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
        		nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
        		anim id est laborum.</p>
        	<h4 class="quote">Pull Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
        		incididunt ut labore et dolore magna aliqua.</h4>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, <a href="javascript:void(0);">sed do eiusmod tempor</a>
        		a incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
        		laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
        		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
        		officia deserunt mollit anim id est laborum.</p>
        	<ul>
        		<li>Bullet One</li>
        		<li>Bullet Two</li>
        		<li>Bullet Three</li>
        	</ul>
        	<h4>Heading Two</h4>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad
        		minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
        		dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
        		cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        	<a href="javascript:void(0);" class="button button-large">Link Callout</a>
        </div>

<section class="block-container map-block">
        	<div class="flex-wrapper map-flex-wrapper">
        		<div class="map-header-container">
        			<h2>Map header</h2>
        			<div class="flex-wrapper wrap other-posts-flex">
        				<div class="other-post map-post">
        					<a href="#" class="button gray-button">Lorem Ipsum</a>
        				</div>
        				<div class="other-post map-post">
        					<a href="#" class="button gray-button">Lorem Ipsum</a>
        				</div>
        				<div class="other-post map-post">
        					<a href="#" class="button gray-button">Lorem Ipsum</a>
        				</div>
        			</div>
        		</div>
        		<div class="map-container">
        			<a href="assets/toolkit/images/staff-map@2x.jpg" class="map-zoom-button" data-fancybox aria-label="zoom in on map">
        				<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
        					<circle cx="30.5" cy="30.5" r="30.5" fill="#011F5B" />
        					<path fill-rule="evenodd" clip-rule="evenodd" d="M38.3586 27.2152C38.3586 29.9035 37.4651 32.5446 35.8193 34.6669L46 44.9248L43.9309 47L33.7267 36.7657C31.5636 38.4635 28.9067 39.4068 26.1793 39.4068C19.4548 39.4068 14 33.9359 14 27.1916C14 20.4709 19.4548 15 26.1793 15C32.9037 15 38.3586 20.4709 38.3586 27.2152ZM35 27.0115C35 22.0357 30.9643 18 25.9885 18C21.0357 18 17 22.0357 17 26.9885C17 31.9643 21.0357 36 25.9885 36C30.9643 36 35 31.9643 35 27.0115Z" fill="white" />
        					<path d="M25.5 22.6875V32.3125" stroke="white" stroke-width="2" stroke-linecap="square" />
        					<path d="M30 27.5H21" stroke="white" stroke-width="2" stroke-linecap="square" />
        				</svg>
        
        			</a>
        			<img src="assets/toolkit/images/staff-map.png" alt="Pennlaw Map">
        		</div>
        	</div>
        </section>

<div class="video-gallery-container block-container ">
        	<h3>Multiple Video Gallery</h3>
        	<div class="flex-wrapper wrap space-between">
        		<div class="video-container relative">
        			<div class="video-item">
        				<img src="https://via.placeholder.com/361x203" alt="Video Image">
        				<svg width="78px" height="78px" viewBox="0 0 78 78" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-721.000000, -6248.000000)" stroke="#FFFFFF" stroke-width="3">
        							<g transform="translate(585.000000, 6099.000000)">
        								<g transform="translate(0.000000, 86.000000)">
        									<g transform="translate(136.000000, 63.000000)">
        										<circle cx="39" cy="39" r="37.5"></circle>
        										<path d="M42.2054795,31.6795094 L52.8552724,48.7191781 L31.5556865,48.7191781 L42.2054795,31.6795094 Z" transform="translate(42.205479, 39.534247) rotate(90.000000) translate(-42.205479, -39.534247) ">
        										</path>
        									</g>
        								</g>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div class="video-content">
        				<h4>Video Title Goes Here Lorem Ipsum Dolor Sit</h4>
        			</div>
        			<a href="https://www.youtube.com/watch?v=wygy721nzRc&t=2881s" class="link-fill" data-fancybox aria-label="Video Placeholder Title"></a>
        		</div>
        		<div class="video-container relative">
        			<div class="video-item">
        				<img src="https://via.placeholder.com/361x203" alt="Video Image">
        				<svg width="78px" height="78px" viewBox="0 0 78 78" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-721.000000, -6248.000000)" stroke="#FFFFFF" stroke-width="3">
        							<g transform="translate(585.000000, 6099.000000)">
        								<g transform="translate(0.000000, 86.000000)">
        									<g transform="translate(136.000000, 63.000000)">
        										<circle cx="39" cy="39" r="37.5"></circle>
        										<path d="M42.2054795,31.6795094 L52.8552724,48.7191781 L31.5556865,48.7191781 L42.2054795,31.6795094 Z" transform="translate(42.205479, 39.534247) rotate(90.000000) translate(-42.205479, -39.534247) ">
        										</path>
        									</g>
        								</g>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div class="video-content">
        				<h4>Video Title Goes Here Lorem Ipsum Dolor Sit</h4>
        			</div>
        			<a href="https://www.youtube.com/watch?v=wygy721nzRc&t=2881s" class="link-fill" data-fancybox aria-label="Video Placeholder Title"></a>
        		</div>
        		<div class="video-container relative">
        			<div class="video-item">
        				<img src="https://via.placeholder.com/361x203" alt="Video Image">
        				<svg width="78px" height="78px" viewBox="0 0 78 78" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-721.000000, -6248.000000)" stroke="#FFFFFF" stroke-width="3">
        							<g transform="translate(585.000000, 6099.000000)">
        								<g transform="translate(0.000000, 86.000000)">
        									<g transform="translate(136.000000, 63.000000)">
        										<circle cx="39" cy="39" r="37.5"></circle>
        										<path d="M42.2054795,31.6795094 L52.8552724,48.7191781 L31.5556865,48.7191781 L42.2054795,31.6795094 Z" transform="translate(42.205479, 39.534247) rotate(90.000000) translate(-42.205479, -39.534247) ">
        										</path>
        									</g>
        								</g>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div class="video-content">
        				<h4>Video Title Goes Here Lorem Ipsum Dolor Sit</h4>
        			</div>
        			<a href="https://www.youtube.com/watch?v=wygy721nzRc&t=2881s" class="link-fill" data-fancybox aria-label="Video Placeholder Title"></a>
        		</div>
        		<div class="video-container relative">
        			<div class="video-item">
        				<img src="https://via.placeholder.com/361x203" alt="Video Image">
        				<svg width="78px" height="78px" viewBox="0 0 78 78" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-721.000000, -6248.000000)" stroke="#FFFFFF" stroke-width="3">
        							<g transform="translate(585.000000, 6099.000000)">
        								<g transform="translate(0.000000, 86.000000)">
        									<g transform="translate(136.000000, 63.000000)">
        										<circle cx="39" cy="39" r="37.5"></circle>
        										<path d="M42.2054795,31.6795094 L52.8552724,48.7191781 L31.5556865,48.7191781 L42.2054795,31.6795094 Z" transform="translate(42.205479, 39.534247) rotate(90.000000) translate(-42.205479, -39.534247) ">
        										</path>
        									</g>
        								</g>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div class="video-content">
        				<h4>Video Title Goes Here Lorem Ipsum Dolor Sit</h4>
        			</div>
        			<a href="https://www.youtube.com/watch?v=wygy721nzRc&t=2881s" class="link-fill" data-fancybox aria-label="Video Placeholder Title"></a>
        		</div>
        	</div>
        </div>

<section class="posts-cta block-container no-margin-top">
        	<h3>Upcoming News</h3><a href="#" class="button">View All</a>
        	<div class="news-container flex-wrapper wrap">
        		<div class="flex-3 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/237x166" alt="News Image">
        				<h4><a href="#">Title</a></h4>
        				<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore…</p>
        				<div class="tag-container">
        				</div>
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-3 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/237x166" alt="News Image">
        				<h4><a href="#">Title</a></h4>
        				<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
        					labore et dolore…</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-3 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/237x166" alt="News Image">
        				<h4><a href="#">Title</a></h4>
        				<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
        					labore et dolore…</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container non-faculty-grid">
        	<h2>Non-Faculty</h2>
        	<div class="staff-container">
        		<div class="flex-wrapper wrap flex4-grid">
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container faculty-cta">
        	<h2>Non-Faculty</h2>
        	<div class="staff-container">
        		<div class="flex-wrapper wrap flex4-grid">
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/242x242" alt="Faculty Alt">
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        		</div>
        	</div>
        </section>

<section class="opportunities-content block-container">
        	<div class="opportunities-filter filter-wrapper">
        		<p>Filter By</p>
        		<div class="filters posts-filters filter-wrapper all-posts-filter">
        			<form action="">
        				<div>
        					<fieldset data-filter-group="skills">
        						<label for="skills">Skills</label>
        						<select name="skills" id="skills" multiple="multiple" data-selectContainer="selections-skill">
        							<option value=".skill-option-1">Skill 1</option>
        							<option value=".skill-option-2">Skill 2</option>
        							<option value=".skill-option-3">Skill 3</option>
        							<option value=".skill-option-4">Skill 4</option>
        						</select>
        					</fieldset>
        				</div>
        				<div>
        					<fieldset data-filter-group="topics">
        						<label for="topic">Topic</label>
        						<select name="topic" id="topic" multiple="multiple" data-selectContainer="selections-topic">
        							<option value=".topic-option-1">Topic 1</option>
        							<option value=".topic-option-2">Topic 2</option>
        							<option value=".topic-option-3">Topic 3</option>
        						</select>
        					</fieldset>
        				</div>
        			</form>
        		</div>
        		<div class="filter-selection-container">
        			<h4>Your Selections</h4>
        			<div class="filter-selections">
        				<div data-id="selections-skill" class="filter-select-item"></div>
        				<div data-id="selections-topic" class="filter-select-item"></div>
        			</div>
        		</div>
        	</div>
        	<div class="opportunities-wrap" id="filter-container-element">
        		<div class="opportunity-item mix topic-option-1 skill-option-2">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Topic 1, Skill 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        		<div class="opportunity-item mix topic-option-2 skill-option-1">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Topic 2, Skill 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        					magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        		<div class="opportunity-item mix topic-option-3 skill-option-3">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Topic 3, Skill 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        					magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        		<div class="opportunity-item mix skill-option-1 topic-option-2">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Skill 1, Topic 2, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        					magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        		<div class="opportunity-item mix skill-option-2 topic-option-1">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Skill 2, Topic 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        					magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        		<div class="opportunity-item mix skill-option-3 topic-option-4">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Skill 3 Topic 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        					magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        		<div class="opportunity-item mix topic-option-4 topic-option-3">
        			<h4>Title of Opportunity</h4>
        			<div class="opportunity-content">
        				<p>Topic 4 Topic 3Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        					magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What we do</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How we do it</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>How and when can I join</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet,
        					consectetur
        					adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit
        					amet,
        					consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p><strong>What skills will I develop</strong> <br />
        					Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna
        					aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.</p>
        
        				<p>This work is likely to be New York Bar eligible.</p>
        				<div class="opportunity-trigger">
        					<a href="javascript:void(0);" class="opportunity-toggle" aria-label="Toggle Oportunity Content">Expand <span>+</span></a>
        				</div>
        			</div>
        		</div>
        	</div>
        	<div id="noItemsFoundMessage">
        		<h3>Your selected filters returned no results please widen your search criteria.</h3>
        	</div>
        </section>

<section class="other-posts-cta block-container">
        	<h2></h2>
        	<div class="flex-wrapper wrap other-posts-flex flex3-grid">
        		<div class="flex-3 other-post">
        			<a href="#" class="button gray-button">Lorem ipsum dolor sit amet</a>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        				aliqua. Ut enim ad minim veniam.</p>
        		</div>
        		<div class="flex-3 other-post">
        			<a href="#" class="button gray-button">Lorem ipsum dolor sit amet</a>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        				magna
        				aliqua. Ut enim ad minim veniam.</p>
        		</div>
        		<div class="flex-3 other-post">
        			<a href="#" class="button gray-button">Lorem ipsum dolor sit amet</a>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        				magna
        				aliqua. Ut enim ad minim veniam.</p>
        		</div>
        		<div class="flex-3 other-post">
        			<a href="#" class="button gray-button">Lorem ipsum dolor sit amet</a>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        				magna
        				aliqua. Ut enim ad minim veniam.</p>
        		</div>
        		<div class="flex-3 other-post">
        			<a href="#" class="button gray-button">Lorem ipsum dolor sit amet</a>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        				magna
        				aliqua. Ut enim ad minim veniam.</p>
        		</div>
        		<div class="flex-3 other-post">
        			<a href="#" class="button gray-button">Lorem ipsum dolor sit amet</a>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        				magna
        				aliqua. Ut enim ad minim veniam.</p>
        		</div>
        	</div>
        </section>

<div class="mixitup-page-list">
        	<!-- <button class="active">1</button>
            <button>2</button>
            <button>3</button>
            <button>4</button>
            <button>5</button> -->
        </div>

<div class="article-meta">
        	<div class="article-frame">
        		<div class="flex-wrapper space-between">
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        				<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        			</div>
        			<div class="share-container">
        				<p>Share</p>
        				<a href="" aria-label="facebook">
        					<i class="fab fa-facebook-f"></i>
        				</a>
        				<a href="" aria-label="twitter">
        					<i class="fab fa-twitter"></i>
        				</a>
        				<a href="" aria-label="google plus">
        					<i class="fab fa-google-plus-g"></i>
        				</a>
        			</div>
        		</div>
        	</div>
        </div>

<section class="posts-cta block-container">
        
        	<div class="news-container flex-wrapper wrap">
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Title</a></h4>
        			<p class="intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        				ut labore et dolore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="posts-archive block-container">
        	<div class="filters posts-filters filter-wrapper all-posts-filter search-icon-submit">
        		<form action="">
        			<div>
        				<fieldset data-filter-group="search-2">
        					<label for="search">Search</label>
        					<input type="text" name="search" id="search" data-search-attribute="class" data-ref='input-search'>
        					<input type="submit">
        				</fieldset>
        			</div>
        			<div>
        				<fieldset data-filter-group="year">
        					<label for="filter-by-year">Filter By Year</label>
        					<select name="filter-by-year" id="filter-by-year" multiple="multiple" data-selectContainer="selections-year">
        						<option value=".year-1">Year 1</option>
        						<option value=".year-2">Year 2</option>
        						<option value=".year-3">Year 3</option>
        					</select>
        				</fieldset>
        			</div>
        			<div>
        				<fieldset data-filter-group="topic">
        					<label for="filter-by-topic">Filter By Topic</label>
        					<select name="filter-by-topic" id="filter-by-topic" multiple="multiple" data-selectContainer="selections-topic">
        						<option value=".topic-1">Topic 1</option>
        						<option value=".topic-2">Topic 2</option>
        						<option value=".topic-3">Topic 3</option>
        					</select>
        				</fieldset>
        			</div>
        		</form>
        	</div>
        	<div class="filter-selection-container">
        		<h4>Your Selections</h4>
        		<div class="filter-selections">
        			<div data-id="selections-year" class="filter-select-item"></div>
        			<div data-id="selections-topic" class="filter-select-item"></div>
        		</div>
        	</div>
        	<div class="archive-posts-container">
        		<div class="flex-wrapper center archive-table-titles">
        			<div class="title-container">
        				<p>Title</p>
        			</div>
        			<div class="data-container">
        				<p>Date</p>
        			</div>
        			<div class="tags-container">
        				<p>Tags</p>
        			</div>
        		</div>
        		<div class="archive-posts-wrapper" id="filter-container-element" data-pagination="9">
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic 2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic 3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic 1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic
        									2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic
        									3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic
        									1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic
        									2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic
        									3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic
        									1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic
        									2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic
        									3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic
        									1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic
        									2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic
        									3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic
        									1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic
        									2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic
        									3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic
        									1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-2">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (Year 1 Topic
        									2)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-2 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 2 topic </strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-3 topic-3">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 3 topic
        									3)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        			<div class="archive-post mix flex-wrapper space-between year-1 topic-1">
        				<div class="title-container">
        					<div class="flex-wrapper center">
        						<figure>
        							<img src="https://via.placeholder.com/189x132" alt="Image Alt">
        						</figure>
        						<div>
        							<a href="#"><strong>Article title etiam ut purus mattis mauris sodales aliam (year 1 topic
        									1)</strong></a>
        						</div>
        					</div>
        				</div>
        				<div class="data-container">
        					<div>
        						<p><strong>May 3, 2018</strong></p>
        					</div>
        				</div>
        				<div class="tags-container">
        					<div class="tag-container">
        						<a href="#"><span class="meta-tag">Really Long Title Tag 1</span></a>
        						<a href="#"><span class="meta-tag">Title Tag 2</span></a>
        						<a href="#"><span class="meta-tag">Longer Title Tag 3</span></a>
        					</div>
        				</div>
        			</div>
        		</div>
        		<div id="noItemsFoundMessage">
        			<h3>Your selected filters returned no results please widen your search criteria.</h3>
        		</div>
        	</div>
        </section>

<section class="posts-filter block-container">
        	<div class="filter-tool flex-wrapper">
        		<label for="filter"></label>
        		<select name="filter" id="filter-select">
        			<option value="all" data-filter="all">All</option>
        			<option value=".year-2018" data-filter=".year-2018">2018</option>
        			<option value=".year-2019" data-filter=".year-2019">2019</option>
        			<option value=".year-2020" data-filter=".year-2020">2020</option>
        		</select>
        	</div>
        	<div id="filterContainer">
        		<div id="noItemsFoundMessage">
        			<h3>Your selected filters returned no results please widen your search criteria.</h3>
        		</div>
        	</div>
        </section>

<section class="publication-cta block-container">
        	<h2>Most Recent</h2>
        	<div class="flex-wrapper wrap space-between flex3-grid publication-posts">
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In. Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        		<div class="flex-3 single-recent flex-wrapper flex-column space-between relative news-content">
        			<div>
        				<h4><a href="#">Publication Title Here Mattis Ullper Velit In Felis Quis Tortor Pretium Velit In.</a></h4>
        				<div class="meta flex-wrapper center">
        					<div class="news-meta-circle link-fill-wrapper">
        						<img src="assets/toolkit/images/author-1.jpg" class="link-fill" alt="Author 1">
        					</div>
        					<a href="#" class="small-button author-name">Faculty Author Name</a>
        				</div>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Longer Tag</span></a>
        			</div>
        		</div>
        </section>

<section class="posts-cta block-container no-margin">
        	<h2>Recent Events</h2>
        	<div class="posts-row flex-wrapper wrap flex4-grid">
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and
        					Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and
        					Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and
        					Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and
        					Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        	</div>
        </section>

<section class="posts-cta block-container recent-news no-margin-bottom">
        	<div class="filter-wrapper recent-news-filter small-filter">
        		<form action="">
        			<div class="filter-select-container">
        				<label for="recent-news-filter">Filter</label>
        				<select class="multiple select-options" name="recent-news-filter" id="multi-filter" multiple>
        					<option value="">Option 1</option>
        					<option value="">Option 2</option>
        					<option value="">Option 3</option>
        					<option value="">Option 4</option>
        					<option value="">Option 5</option>
        					<option value="">Option 6</option>
        					<option value="">Option 7</option>
        					<option value="">Option 8</option>
        					<option value="">Option 9</option>
        				</select>
        			</div>
        			<div class="filter-footer">
        				<a href="javascriptvoid(0);" class="filter-clear" aria-label="clear filter">
        					<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>Clear Form</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g transform="translate(-1337.000000, -700.000000)">
        								<g transform="translate(0.000000, 137.000000)" fill="#FAFAFA">
        									<rect transform="translate(801.500000, 286.500000) scale(1, -1) translate(-801.500000, -286.500000) " x="0" y="0" width="1603" height="573"></rect>
        								</g>
        								<rect fill="#FFFFFF" x="107" y="568" width="1388" height="284"></rect>
        								<g transform="translate(584.000000, 649.000000)" stroke="#D21200" stroke-linecap="square" stroke-width="2">
        									<g transform="translate(773.081475, 71.081475) rotate(45.000000) translate(-773.081475, -71.081475) translate(760.081475, 57.581475)">
        										<line x1="13" y1="0.964285714" x2="13" y2="26.0357143" id="Line-6-Copy-5"></line>
        										<line x1="13" y1="0.887301628" x2="13" y2="26.5" transform="translate(13.000000, 13.500000) rotate(90.000000) translate(-13.000000, -13.500000) ">
        										</line>
        									</g>
        								</g>
        							</g>
        						</g>
        					</svg>
        				</a>
        			</div>
        		</form>
        	</div>
        	<div class="flex-wrapper space-between recent-news-header-wrapper">
        		<div class="recent-news-header">
        			<h2>Recent News</h2>
        		</div>
        		<div class="recent-news-header-content">
        			<p>CERL will consider submissions of 750-1750 words from interested readers for posting on The Rule of Law Post. <span class="red">Please follow CERL’s submission guidelines</span> and send your full draft and bio information to <a href="mailto:CERL@law.upenn.edu" class="red">CERL@law.upenn.edu</a>. The opinions expressed in these posts are those of the writers and do not necessarily represent CERL’s official views.</p>
        		</div>
        	</div>
        	<div class="news-container flex-wrapper wrap flex4-grid">
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.
        				</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st
        					Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa
        					Bluestine describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Penn Law faculty predictions for the legal landscape in 2020</a></h4>
        				<p class="intro-p">What’s coming on the legal front in 2020? Penn Law professors tell us what to expect.
        				</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Former Police Commissioner Charles Ramsey co-teaches a seminar at Penn Law</a></h4>
        				<p class="intro-p">Charles Ramsey named Distinguished Policy Fellow, will teach Policing in the 21st
        					Century</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<div class="relative">
        					<img src="https://via.placeholder.com/290x203" alt="News Image">
        
        					<svg class="video-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<title>play-icon</title>
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g stroke="#FFFFFF" stroke-width="3">
        								<circle cx="36.5" cy="36.5" r="35"></circle>
        								<path d="M39.5,29.8301943 L49.2936285,45.5 L29.7063715,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        								</path>
        							</g>
        						</g>
        					</svg>
        
        				</div>
        				<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        				<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa
        					Bluestine
        					describes the center’s efforts to promote conviction integrity</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<div>
        				<img src="https://via.placeholder.com/290x203" alt="News Image">
        				<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        				<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        					fellowship applications for 2020-2021 academic year.</p>
        			</div>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Tag title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 1</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="news-call-section related-news  ">
        	<h3 class="inline header-inline-with-link">Related Posts</h3><a href="#" class="button inline">View All</a>
        	<div class="featured-news-container flex-wrapper flex-end relative">
        		<div class="featured-image-wrap link-fill-wrapper">
        			<img src="assets/toolkit/images/featured-news.jpg" class="link-fill" alt="Featured News Thumbnail">
        		</div>
        		<div class="featured-news-content">
        			<h3><a href="#">Featured Blog Title Goes Here With a Long Title</a></h3>
        			<p class="large-intro-p">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Long Title Tag 2</span></a>
        				<a href="#"><span class="meta-tag">Really Long Tag 3</span></a>
        			</div>
        		</div>
        	</div>
        	<div class="news-container flex-wrapper wrap flex3-grid">
        		<div class="flex-3 relative news-content news-image-container">
        			<img src="assets/toolkit/images/news-item-1.jpg" alt="News Image 1">
        			<h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a></h4>
        			<p class="intro-p">Leverage agile frameworks to provide a robust synopsis for high level overviews…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        			</div>
        		</div>
        		<div class="flex-3 relative news-content news-image-container">
        			<img src="assets/toolkit/images/news-item-1.jpg" alt="News Image 1">
        			<h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a></h4>
        			<p class="intro-p">Leverage agile frameworks to provide a robust synopsis for high level overviews…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        			</div>
        		</div>
        		<div class="flex-3 relative news-content news-image-container">
        			<img src="assets/toolkit/images/news-item-2.jpg" alt="News Image 2">
        			<h4><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</a></h4>
        			<p class="intro-p">Leverage agile frameworks to provide a robust synopsis for high level overviews…</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Really Long Title Tag</span></a>
        				<a href="#"><span class="meta-tag">Tag 2</span></a>
        			</div>
        		</div>
        
        	</div>
        </section>

<section class="block-container report-block">
        	<h2>Reports</h2>
        	<div class="grid-wrapper">
        		<h3>Annual Reports</h3>
        		<div class="flex-wrapper wrap flex4-grid">
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        		</div>
        	</div>
        	<div class="grid-wrapper">
        		<h3>Papers</h3>
        		<div class="flex-wrapper wrap flex4-grid">
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        			<div class="flex-4">
        				<img src="https://via.placeholder.com/231x298" alt="Report Alt">
        				<h4>Report Title Goes Here Lorem Ipsum Set Consectetur</h4>
        				<a class="button" href="#" download>Download</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container image-slider-container reunion-slider-container">
        	<h2>Past Reunion Weekend Photos</h2>
        	<div class="image-slider-nav">
        		<a href="javascript:void(0);" class="image-slider-nav button white-button" data-slide="1">2014</a>
        		<a href="javascript:void(0);" class="image-slider-nav button white-button" data-slide="2">2015</a>
        		<a href="javascript:void(0);" class="image-slider-nav button white-button" data-slide="3">2016</a>
        		<a href="javascript:void(0);" class="image-slider-nav button white-button" data-slide="4">2016</a>
        		<a href="javascript:void(0);" class="image-slider-nav button white-button" data-slide="5">2018</a>
        		<a href="javascript:void(0);" class="image-slider-nav button white-button" data-slide="6">2019</a>
        	</div>
        	<select name="year-selector" id="slider-year">
        		<option value="1">2014</a>
        		<option value="2">2015</a>
        		<option value="3">2016</a>
        		<option value="4">2016</a>
        		<option value="5">2018</a>
        		<option value="6">2019</a>
        	</select>
        	<div class="image-slider-wrap">
        		<div class="image-slider">
        			<h3>2014</h3>
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        		</div>
        		<div class="image-slider">
        			<h3>2015</h3>
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        		</div>
        		<div class="image-slider">
        			<h3>2016</h3>
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        		</div>
        		<div class="image-slider">
        			<h3>2017</h3>
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        		</div>
        		<div class="image-slider">
        			<h3>2018</h3>
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        		</div>
        		<div class="image-slider">
        			<h3>2019</h3>
        			<img src="https://via.placeholder.com/908x605" alt="Alt Image">
        		</div>
        	</div>
        </section>

<section class="api-block block-container highlighted-cta-container">
        	<div class="flex-wrapper flex2-grid">
        		<div class="flex-2">
        			<div class="flex-wrapper wrap">
        				<h3>Search for a Topic or Article</h3>
        				<div>
        					<form action="">
        						<label for="search-scholarship">Article Name, Author, or Keyword</label>
        						<input type="text" name="search-scholarship" id="search-scholarship">
        						<input type="submit" value="submit">
        					</form>
        				</div>
        			</div>
        		</div>
        		<div class="flex-2">
        			<div class="flex-wrapper wrap">
        				<h3>Browse All Issues</h3>
        				<div>
        					<a href="https://scholarship.law.upenn.edu/" class="button white-button">View Archives</a>
        				</div>
        			</div>
        		</div>
        	</div>
        </section>

<section class="scroll-cta block-container">
        	<h2>SEE IN TEMPLATE</h2>
        </section>

<section class="scroll-cta block-container scroll-cta-home">
        	<h2>SEE IN TEMPLATE</h2>
        </section>

<section class="large-accordion-section sectional-accordion">
        	<div class="large-frame relative">
        		<h2 class="section-accordion-header">Sectional Header</h2>
        		<div class="accordion-triggers-header flex-wrapper flex-end center section-header-active">
        			<div class="accordion-triggers dynamic-accordion flex-wrapper flex-end wrap">
        
        				<a href="javascript:void(0);" class="accordion-trigger active-accordion-trigger" data-id="ac-data-1">Accordion Title</a>
        				<div class="accordion-content active-accordion-content" data-id="ac-data-1">
        					<div class="flex-wrapper flex2-grid center">
        						<div class="flex-2">
        							<img src="https://via.placeholder.com/300x300" alt="alt text">
        						</div>
        						<div class="flex-2">
        							<h2>Header</h2>
        							<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste nesciunt eius laudantium assumenda dolorem sunt est quas ipsam repudiandae, voluptatum eveniet cum corporis ea officiis quam, deleniti quasi quaerat inventore.</p>
        						</div>
        					</div>
        				</div>
        
        				<a href="javascript:void(0);" class="accordion-trigger" data-id="ac-data-2">Accordion Title</a>
        				<div class="accordion-content" data-id="ac-data-2">
        					<div class="flex-wrapper flex2-grid center">
        						<div class="flex-2">
        							<img src="https://via.placeholder.com/300x300" alt="alt text">
        						</div>
        						<div class="flex-2">
        							<h2>Header2</h2>
        							<p>2Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste nesciunt eius laudantium assumenda dolorem
        								sunt est quas ipsam repudiandae, voluptatum eveniet cum corporis ea officiis quam, deleniti quasi
        								quaerat inventore.</p>
        						</div>
        					</div>
        				</div>
        
        				<a href="javascript:void(0);" class="accordion-trigger" data-id="ac-data-3">Accordion Title</a>
        				<div class="accordion-content" data-id="ac-data-3">
        					<div class="flex-wrapper flex2-grid center">
        						<div class="flex-2">
        							<img src="https://via.placeholder.com/300x300" alt="alt text">
        						</div>
        						<div class="flex-2">
        							<h2>Header3</h2>
        							<p>3Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste nesciunt eius laudantium assumenda dolorem
        								sunt est quas ipsam repudiandae, voluptatum eveniet cum corporis ea officiis quam, deleniti quasi
        								quaerat inventore.</p>
        						</div>
        					</div>
        				</div>
        
        			</div>
        		</div>
        
        	</div>
        </section>

<!-- Sidebar is optional, the site will adjust accordingly if the sidebar is not there -->
        <div class="sidebar-container">
        	<a class="skip-sidebar" href="#content">Skip Sidebar Navigation</a>
        	<div class="mobile-active-trigger relative">
        		<h3><span><img src="../assets/toolkit/images/mobile-sidebar-icon.svg" alt="Mobile Arrow Icon"></span>In This
        			Section</h3>
        		<a href="javascript:void(0);" class="link-fill mobile-link-active"></a>
        	</div>
        	<ul>
        		<li>
        			<a href="javscript:void(0);">JD Admissions</a>
        		</li>
        		<li>
        			<a href="javscript:void(0);">LLM, LLCM, & SJD Graduate Programs</a>
        		</li>
        		<li class="current_parent">
        			<a href="javscript:void(0);">Master in Law</a>
        			<ul>
        				<li>
        					<a href="javascript:void(0);">Penn Affiliates</a>
        				</li>
        				<li>
        					<a href="javascript:void(0);">Non Penn Affiliates</a>
        				</li>
        				<li>
        					<a href="javascript:void(0);">Student Profiles</a>
        				</li>
        				<li>
        					<a href="javascript:void(0);">FAQ</a>
        				</li>
        				<li>
        					<a href="javascript:void(0);">Application Info</a>
        				</li>
        				<li>
        					<a href="javascript:void(0);">Financial Aid</a>
        				</li>
        				<li class="current_page">
        					<a href="javascript:void(0);">Application Status</a>
        					<ul>
        						<li>
        							<a href="javascript:void(0)">Third Tier</a>
        						</li>
        						<li>
        							<a href="javascript:void(0)">Third Tier</a>
        						</li>
        						<li>
        							<a href="javascript:void(0)">Third Tier</a>
        						</li>
        					</ul>
        				</li>
        				<li>
        					<a href="javascript:void(0);">Accepted Students</a>
        				</li>
        			</ul>
        		</li>
        		<li>
        			<a href="javscript:void(0);">Joint Degrees</a>
        		</li>
        		<li>
        			<a href="javscript:void(0);">Areas of Study</a>
        		</li>
        		<li>
        			<a href="javscript:void(0);">Visiting Penn Law</a>
        		</li>
        		<li>
        			<a href="javscript:void(0);">Housing</a>
        		</li>
        	</ul>
        </div>

<section class="content-slider-container block-container">
        	<div class="content-slider">
        		<div class="slide">
        			<div class="flex-wrapper space-between">
        				<div class="flex-2">
        					<h2>Lorem Ipsum Announcement Headline Here</h2>
        				</div>
        				<div class="flex-2">
        					<p>The Law School is the number one law school for career outcomes and placements in the United States. The strength of our
        						programs coupled with our deep alumni network ensure that graduates can enter the market working in the fields they
        						love, writing the future of law both nationally and internationally.The Law School is the number one law school for
        						career outcomes and placements in the United States.The Law School is the number one law school for career outcomes and
        						placements in the United States.</p>
        				</div>
        			</div>
        		</div>
        		<div class="slide">
        			<div class="flex-wrapper space-between">
        				<div class="flex-2">
        					<h2>Lorem Ipsum Announcement Headline Here</h2>
        				</div>
        				<div class="flex-2">
        					<p>The Law School is the number one law school for career outcomes and placements in the United States. The
        						strength of our
        						programs coupled with our deep alumni network ensure that graduates can enter the market working in the
        						fields they
        						love, writing the future of law both nationally and internationally.The Law School is the number one law
        						school for
        						career outcomes and placements in the United States.The Law School is the number one law school for
        						career outcomes and
        						placements in the United States.</p>
        				</div>
        			</div>
        		</div>
        
        
        	</div>
        </section>

<section class="content-slider-container testimonial-slider-container block-container">
        	<h4>Testimonials</h4>
        	<div class="content-slider testimonial-slider">
        
        		<div class="slide">
        			<div>
        				<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </h2>
        				<h4>– Jane Smith, Class of ‘10</h4>
        			</div>
        		</div>
        		<div class="slide">
        			<div>
        				<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore magna aliqua. </h2>
        				<h4>– Jane Smith, Class of ‘10</h4>
        			</div>
        		</div>
        
        
        	</div>
        </section>

<section class="social-cta block-container  ">
        	<div class="flex-wrapper space-between">
        		<div class="flex-2">
        			<h2>Follow Us!</h2>
        			<div class="social-icons">
        				<a href="" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
        				<a href="" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
        				<a href="" aria-label="Google+"><i class="fab fa-google-plus-g"></i></a>
        				<a href="" aria-label="linked-in"><i class="fab fa-linkedin-in"></i></a>
        			</div>
        		</div>
        		<div class="flex-2">
        			<div class="iframe-container">
        				<a class="twitter-timeline" href="https://twitter.com/PennLawAdmiss?ref_src=twsrc%5Etfw">Tweets by PennLawAdmiss</a>
        				<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container staff-cta">
        	<h2></h2>
        	<div class="staff-container">
        		<div class="flex-wrapper wrap flex4-grid">
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        			<div class="flex-4 staff-post">
        				<img src="https://via.placeholder.com/200x200" alt="Faculty Alt">
        
        				<h4>Joe Smith</h4>
        				<p>Professor of Title Goes Here</p>
        			</div>
        		</div>
        	</div>
        </section>

<section class="student-profiles block-container">
        	<h3>Student Profiles</h3>
        	<div class="flex-wrapper wrap space-between flex3-grid">
        		<div class="flex-3 relative">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/242x289" alt="Alt Text">
        			</div>
        			<h4>John Doe</h4>
        			<a href="#" aria-label="John Doe" class="link-fill"></a>
        		</div>
        		<div class="flex-3 relative">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/242x289" alt="Alt Text">
        			</div>
        			<h4>John Doe</h4>
        			<a href="#" aria-label="John Doe" class="link-fill"></a>
        		</div>
        		<div class="flex-3 relative">
        			<div class="image-container">
        				<img src="https://via.placeholder.com/242x289" alt="Alt Text">
        			</div>
        			<h4>John Doe</h4>
        			<a href="#" aria-label="John Doe" class="link-fill"></a>
        		</div>
        		<div class="flex-3" style="margin:0; padding:0;" tabindex="-1"></div>
        		<div class="flex-3" style="margin:0; padding:0;" tabindex="-1"></div>
        		<div class="flex-3" style="margin:0; padding:0;" tabindex="-1"></div>
        	</div>
        </section>

<section class="subscription-cta block-container">
        	<div class="flex-wrapper flex2-grid">
        		<div class="flex-2">
        			<h3>How to Subscribe to This Journal</h3>
        			<div class="flex-wrapper space-between subscription-callouts">
        				<div class="flex-3">
        					<h4>$18</h4>
        					<p>Lorem ipsum dolor sit amet</p>
        				</div>
        				<div class="flex-3">
        					<h4>$24</h4>
        					<p>Lorem ipsum dolor sit amet</p>
        				</div>
        				<div class="flex-3">
        					<h4>$32</h4>
        					<p>Lorem ipsum dolor sit amet</p>
        				</div>
        			</div><br />
        			<p><strong>Please send payment to:</strong> <br />
        				University of Pennsylvania Journal of International Law <br />
        				Attn: Managing Editor <br />
        				3501 Sansom Street <br />
        				Philadelphia, PA 19104 <br /><br />
        
        				<strong>Inquiries about availability may be sent to</strong> <br />
        				managing@pennjil.com</p>
        		</div>
        		<div class="flex-2">
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        				aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
        				aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
        				occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        		</div>
        	</div>
        </section>

<div class="accordion-tabs-container">
        	<div class="tab-controls-wrapper" data-tabs="active">
        		<div class="tab-controls flex-wrapper wrap flex-accoridon">
        			<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-1">Primary FAQ Topic 1</a></div>
        			<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-2">Primary FAQ Topic 2</a></div>
        			<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-3">Primary FAQ Topic 3</a></div>
        			<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-4">Primary FAQ Topic 4</a></div>
        			<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-5">Primary FAQ Topic 5</a></div>
        			<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-6">Primary FAQ Topic 6</a></div>
        		</div>
        	</div>
        	<div class="tab-parent-wrapper">
        		<div class="tab-parent-container" data-id="tab-1">
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        		<div class="tab-parent-container" data-id="tab-2">
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        		<div class="tab-parent-container" data-id="tab-3">
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        		<div class="tab-parent-container" data-id="tab-4">
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ1 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        		<div class="tab-parent-container" data-id="tab-5">
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ2 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        		<div class="tab-parent-container" data-id="tab-6">
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 1</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 2</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        			<div class="accordion-item">
        				<h3><a href="javascript:void(0);" class="accordion-drawer-link">FAQ3 Header 3</a></h3>
        				<div class="accordion-content">
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        					<div class="accordion-block-inner">
        						<h4>Question</h4>
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        							tempor incididunt ut labore
        							et
        							dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
        							ullamco laboris nisi ut
        							aliquip
        							ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
        							velit esse cillum
        							dolore eu
        							fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
        							in culpa qui officia
        							deserunt mollit anim id est laborum.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        	</div>
        </div>

<section class="block-container tabbed-content-cta ">
        	<div class="frame">
        		<div class="tab-controls-wrapper" data-tabs="active">
        			<div class="tab-controls flex-wrapper wrap">
        				<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-1">Courses & Degrees</a></div>
        				<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-2">Faculty Research</a></div>
        				<div class="accordion-trigger-container"><a href="javascript:void(0);" class="accordion-tab-trigger" data-id="tab-3">Student Opportunities</a></div>
        			</div>
        		</div>
        		<div class="tab-parent-wrapper">
        			<div class="tab-parent-container" data-id="tab-1">
        				<div class="flex-wrapper space-between">
        					<div class="flex-2">
        						<h2>Courses & Degrees</h2>
        					</div>
        					<div class="flex-2">
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        							aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
        							Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        							aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        					</div>
        				</div>
        			</div>
        			<div class="tab-parent-container" data-id="tab-2">
        				<div class="flex-wrapper space-between">
        					<div class="flex-2">
        						<h2>Faculty Research</h2>
        					</div>
        					<div class="flex-2">
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        							dolore magna
        							aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        							consequat.
        							Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        							dolore magna
        							aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        							consequat.</p>
        					</div>
        				</div>
        			</div>
        			<div class="tab-parent-container" data-id="tab-3">
        				<div class="flex-wrapper space-between">
        					<div class="flex-2">
        						<h2>Student Opportunities</h2>
        					</div>
        					<div class="flex-2">
        						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        							dolore magna
        							aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        							consequat.
        							Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        							dolore magna
        							aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
        							consequat.</p>
        					</div>
        				</div>
        			</div>
        		</div>
        
        	</div>
        </section>

<div class="table-container block-container">
        	<h3>Table Headline</h3>
        	<table>
        		<colgroup>
        			<col span="1" style="width: 40%;">
        			<col span="1" style="width: 30%;">
        			<col span="1" style="width: 30%;">
        		</colgroup>
        		<tr>
        			<th>
        				<p>Column One</p>
        			</th>
        			<th>Column Two Lorem Ipsum Sit Dolor Consectetur</th>
        			<th>Column Two Lorem Ipsum Sit Dolor Consectetur</th>
        		</tr>
        		<tr>
        			<td>
        				<p>Row Item</p>
        				<p>More items</p>
        			</td>
        			<td>Row Item</td>
        			<td>Row Item</td>
        		</tr>
        		<tr>
        			<td>
        				<ul>
        					<li>List</li>
        					<li>List</li>
        					<li>List</li>
        					<li>List</li>
        					<li>List</li>
        				</ul>
        			</td>
        			<td>Row Item</td>
        			<td>
        				<ol>
        					<li>Numbered List</li>
        					<li>Numbered List</li>
        					<li>Numbered List</li>
        					<li>Numbered List</li>
        					<li>Numbered List</li>
        				</ol>
        			</td>
        		</tr>
        		<tr>
        			<td>
        				<h2>header 2</h2>
        			</td>
        			<td>
        				<h3>header 3</h3>
        			</td>
        			<td>
        				<h4>header 4</h4>
        			</td>
        		</tr>
        		<tr>
        			<td>
        				<h5>header 5</h5>
        			</td>
        			<td>
        				<h6>header 6</h6>
        			</td>
        			<td>
        				<p>Paragraph Tag</p>
        			</td>
        		</tr>
        		<tr>
        			<td>Row Item</td>
        			<td>Row Item</td>
        			<td>Row Item</td>
        		</tr>
        		<tr>
        			<td>Row Item</td>
        			<td>Row Item</td>
        			<td>Row Item</td>
        		</tr>
        	</table>
        </div>

<div class="border-highlight-container">
        	<h4>Text-Based Callout Option</h4>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        		magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        		et dolore magna aliqua.</p>
        </div>

<div class="content-cta-container block-container">
        	<figure class="float-left">
        		<img src="https://via.placeholder.com/270x336" alt="Placeholder Image">
        	</figure>
        	<h4>Text-Heavy Callout</h4>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        		magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        		et dolore magna aliqua.</p>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        		magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        		et dolore magna aliqua. Sed do eiusmod tempor incididunt ut labore et dolore</p>
        	<p>ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
        		aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        		dolore magna aliqua.</p>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
        		magna aliqua.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
        		et dolore magna aliqua.</p>
        </div>

<section class="three-column-header-blocks">
        	<div class="frame">
        		<div class="meta-header">
        			<p>Header Title</p>
        		</div>
        		<div class="flex-wrapper flex3-grid">
        			<div class="flex-3 tc-header-block">
        				<a class="large-button white-button" href="#">Lorem Ipsum</a>
        			</div>
        			<div class="flex-3 tc-header-block">
        				<a class="large-button white-button" href="#">Lorem Ipsum</a>
        			</div>
        			<div class="flex-3 tc-header-block">
        				<a class="large-button white-button" href="#">Lorem Ipsum</a>
        			</div>
        		</div>
        		<div class="meta-header">
        			<p></p>
        		</div>
        		<div class="flex-wrapper flex3-grid">
        		</div>
        	</div>
        </section>

<section class="two-column-blocks block-container">
        	<div class="flex-wrapper space-between">
        		<div class="flex-2">
        			<h2>Lorem Ipsum</h2>
        		</div>
        		<div class="flex-2 flex-wrapper wrap space-between flex2-grid two-column-blocks-content">
        
        			<div class="flex-2">
        				<p class="large-intro-p">Claire Wallace</p>
        				<p><i>Associate Dean, Academic Affairs and Student Affairs</i></p>
        				<div class="block-meta">
        					<p>cwallace@law.upenn.edu <br />
        						<strong>Tel:</strong> 215.898.6427 <br />
        						<strong>Office:</strong> Room GK-103D
        					</p>
        				</div>
        				<p class="tb-content">Law School Registrar and oversees the offices of Academic Affairs and Student Affairs.</p>
        			</div>
        			<div class="flex-2">
        				<p class="large-intro-p">Claire Wallace</p>
        				<p><i>Associate Dean, Academic Affairs and Student Affairs</i></p>
        				<div class="block-meta">
        					<p>cwallace@law.upenn.edu <br />
        						<strong>Tel:</strong> 215.898.6427 <br />
        						<strong>Office:</strong> Room GK-103D
        					</p>
        				</div>
        				<p class="tb-content">Law School Registrar and oversees the offices of Academic Affairs and Student Affairs.</p>
        			</div>
        			<div class="flex-2">
        				<p class="large-intro-p">Claire Wallace</p>
        				<p><i>Associate Dean, Academic Affairs and Student Affairs</i></p>
        				<div class="block-meta">
        					<p>cwallace@law.upenn.edu <br />
        						<strong>Tel:</strong> 215.898.6427 <br />
        						<strong>Office:</strong> Room GK-103D
        					</p>
        				</div>
        				<p class="tb-content">Law School Registrar and oversees the offices of Academic Affairs and Student Affairs.</p>
        			</div>
        			<div class="flex-2">
        				<p class="large">Claire Wallace</p>
        				<p><i>Associate Dean, Academic Affairs and Student Affairs</i></p>
        				<div class="block-meta">
        					<p>cwallace@law.upenn.edu <br />
        						<strong>Tel:</strong> 215.898.6427 <br />
        						<strong>Office:</strong> Room GK-103D
        					</p>
        				</div>
        				<p class="tb-content">Law School Registrar and oversees the offices of Academic Affairs and Student Affairs.</p>
        			</div>
        		</div>
        	</div>
        </section>

<section class="two-column-text-cta block-container">
        	<div class="flex-wrapper center">
        		<div class="flex-2">
        
        			<h3>Interested in other <br />business joint degrees?</h3>
        		</div>
        		<div class="flex-2">
        			<a href="https://google.com" class="large-button">Lorem Ipsum</a>
        			<a href="https://google.com" class="large-button">Lorem</a>
        		</div>
        	</div>
        </section>

<section class="two-column-blocks block-container block-border-top">
        	<div class="flex-wrapper space-between">
        		<div class="flex-2">
        
        
        
        			<h2>Prepare For This <br />Year’s Event</h2>
        			<h4>May 17 - May 18</h4>
        		</div>
        		<div class="flex-2 flex-wrapper wrap space-between flex2-grid two-column-blocks-content two-column-icons">
        
        
        			<div class="flex-2">
        				<img src="../assets/toolkit/images/icon_general-information@2x.png" onload="this.width/=2;" alt="Image Alt">
        				<h3>General Information</h3>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore</p><a href="">Learn More</a>
        			</div>
        			<div class="flex-2">
        				<img src="../assets/toolkit/images/icon_schedule@2x.png" onload="this.width/=2;" alt="Image Alt">
        				<h3>Schedule of Events</h3>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        					ut labore et dolore</p>
        				<a href="">Learn More</a>
        			</div>
        			<div class="flex-2">
        				<img src="../assets/toolkit/images/icon_hotel@2x.png" onload="this.width/=2;" alt="Image Alt">
        				<h3>Hotel Information</h3>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        					ut labore et dolore</p>
        				<a href="">Learn More</a>
        			</div>
        			<div class="flex-2">
        				<img src="../assets/toolkit/images/icon_volunteer@2x.png" onload="this.width/=2;" alt="Image Alt">
        				<h3>Volunteers</h3>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        					ut labore et dolore</p>
        				<a href="">Learn More</a>
        			</div>
        			<div class="flex-2">
        				<img src="../assets/toolkit/images/icon_pricing@2x.png" onload="this.width/=2;" alt="Image Alt">
        				<h3>Pricing</h3>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        					ut labore et dolore</p>
        				<a href="">Learn More</a>
        			</div>
        			<div class="flex-2">
        				<img src="../assets/toolkit/images/icon_gift@2x.png" onload="this.width/=2;" alt="Image Alt">
        				<h3>Make Your Class Gift</h3>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
        					ut labore et dolore</p>
        				<a href="">Learn More</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="block-container two-column-images-cta-container">
        	<div class="frame">
        		<div class="flex-wrapper wrap flex2-grid two-column-images-cta">
        			<div class="flex-2 tc-image-block-wrapper relative">
        				<h2>Lorem Ipsum</h2>
        				<div class="flex-wrapper space-between">
        					<div class="tc-content">
        						<p class="large-intro-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, animi! Unde soluta hic provident optio earum delectus impedit fugit quasi iure, molestias praesentium laborum beatae incidunt mollitia tenetur excepturi odio!</p>
        					</div>
        					<div class="tc-link-container">
        						<a href="" class="button">Learn More</a>
        					</div>
        				</div>
        				<a href="#" aria-label="Title link" class="link-fill" style="background-image:url('https://via.placeholder.com/600x600');">Link Title</a>
        			</div>
        			<div class="flex-2 tc-image-block-wrapper relative">
        				<h2>Lorem Ipsum</h2>
        				<div class="flex-wrapper space-between">
        					<div class="tc-content">
        						<p class="large-intro-p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, animi! Unde soluta hic provident optio earum delectus impedit fugit quasi iure, molestias praesentium laborum beatae incidunt mollitia tenetur excepturi odio!</p>
        					</div>
        					<div class="tc-link-container">
        						<a href="" class="button">Learn More</a>
        					</div>
        				</div>
        			</div>
        			<div class="flex-2 tc-image-block-wrapper relative">
        				<a href="#" aria-label="Title link" class="link-fill" style="background-image:url('https://via.placeholder.com/600x600');">Link Title</a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="two-column-blocks block-container block-border-top">
        	<div class="flex-wrapper space-between">
        		<div class="flex-2">
        
        			<h2>Lorem Ipsum</h2>
        		</div>
        		<div class="flex-2 flex-wrapper wrap space-between flex2-grid two-column-blocks-content two-column-links">
        			<div class="flex-2">
        				<a href="" class="large-button">Title</a>
        				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, deserunt nobis quod veritatis molestiae ut! Doloremque nihil magni totam aliquid sed quis iste ipsum non, animi, quae dolorem possimus incidunt!</p>
        			</div>
        			<div class="flex-2">
        				<a href="" class="large-button">Title</a>
        				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, deserunt nobis quod veritatis molestiae ut! Doloremque nihil magni totam aliquid sed quis iste ipsum non, animi, quae dolorem possimus incidunt!</p>
        			</div>
        			<div class="flex-2">
        				<a href="" class="large-button">Title</a>
        				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, deserunt nobis quod veritatis molestiae ut! Doloremque nihil magni totam aliquid sed quis iste ipsum non, animi, quae dolorem possimus incidunt!</p>
        			</div>
        			<div class="flex-2">
        				<a href="" class="large-button">Title</a>
        				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, deserunt nobis quod veritatis molestiae ut! Doloremque nihil magni totam aliquid sed quis iste ipsum non, animi, quae dolorem possimus incidunt!</p>
        			</div>
        		</div>
        	</div>
        </section>

<div class="two-column-container block-container">
        	<h3>Two Column List Style</h3>
        	<div class="flex-wrapper space-between wrap">
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        		<div>
        			<h4>Headline</h4>
        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        				dolore
        				magna aliqua.</p>
        		</div>
        	</div>
        </div>

<section class="block-container two-column-posts-cta">
        	<div class="flex-wrapper space-between tc-posts-header">
        		<div class="flex-2">
        			<h2>Upcoming Events</h2>
        			<a href="#" class="large-button">View All</a>
        		</div>
        		<div class="flex-2">
        			<h2>News Highlights</h2>
        			<a href="#" class="large-button">View All</a>
        		</div>
        	</div>
        	<div class="flex-wrapper space-between tc-posts-items">
        		<div class="tc-mobile-header">
        			<h2>Upcoming Events</h2>
        			<a href="#" class="large-button">View All</a>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Philadelphia Bar Association Public Interest Brown Bag Series: Immigration Practice and
        					Immigrant Rights</a></h4>
        			<p class="intro-p">Join the Philadelphia Bar Association’s Law School Outreach Committee for a lunchtime panel
        				on immigration practice and
        				immigration rights with local public interest practitioners.</p>
        			<p class="intro-p">All panels will take place via Zoom. Students must register in advance for this session.
        				Registration closes 30 minutes
        				before each session…</p>
        		</div>
        		<div class="tc-mobile-header">
        			<h2>News Highlights</h2>
        			<a href="#" class="large-button">View All</a>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Philadelphia DA Exonerates 10 Men Wrongly Imprisoned for Murder</a></h4>
        			<p class="intro-p">In this article in the Washington Post, Quattrone Center Assistant Director Marissa Bluestine
        				describes the center’s
        				efforts to promote conviction integrity</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        		<div class="flex-4 relative news-content news-image-container">
        			<img src="https://via.placeholder.com/237x166" alt="News Image">
        			<h4><a href="#">Quattrone Center Seeks Research Fellows</a></h4>
        			<p class="intro-p">The Quattrone Center for the Fair Administration of Justice at Penn Law is accepting
        				fellowship applications for
        				2020-2021 academic year.</p>
        			<div class="tag-container">
        				<a href="#"><span class="meta-tag">Tag Title</span></a>
        				<a href="#"><span class="meta-tag">Tag Title 2</span></a>
        			</div>
        		</div>
        	</div>
        </section>

<section class="posts-cta block-container no-margin-top">
        	<h2>Upcoming Events</h2>
        	<div class="posts-row flex-wrapper wrap flex4-grid">
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        		<div class="flex-4 relative news-content">
        			<p class="meta">THURSDAY, MAY 28</p>
        			<h4><a href="#">Richard Cordray, “Watchdog: How Protecting Consumers Can Save Our Families, Our Economy, and Our
        					Democracy”</a></h4>
        			<p class="intro-p">The Penn Program on Regulation invites you to participate in a webinar featuring Richard
        				Cordray, Former Director, U.S.
        				Consumer Financial Protection Bureau and moderated by Cary Coglianese, Edward B. Shils Professor of Law,
        				Director, Penn
        				Program on Regulation.</p>
        		</div>
        	</div>
        </section>

<section class="video-section-block block-container">
        	<div class="video-container relative" style="background-image:url('https://via.placeholder.com/789x579');">
        		<div class="video-content relative">
        			<svg class="play-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        				<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        					<g transform="translate(-751.000000, -2979.000000)" stroke="#FFFFFF" stroke-width="3">
        						<g transform="translate(0.000000, 2398.000000)">
        							<g transform="translate(707.000000, 139.000000)">
        								<g transform="translate(44.000000, 442.000000)">
        									<circle cx="36.5" cy="36.5" r="35"></circle>
        									<path d="M39.5,29.8301943 L29.7063715,45.5 L49.2936285,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        									</path>
        								</g>
        							</g>
        						</g>
        					</g>
        				</g>
        			</svg>
        			<h3>Video Title</h3>
        
        		</div>
        		<a data-fancybox href="https://www.youtube.com/watch?v=Jn09UdSb3aA&t=4479s" aria-label="" class="link-fill"></a>
        	</div>
        </section>

<section class="block-container video-slider-container">
        	<h2>Video Slider Header</h2>
        	<div class="video-slider-wrap">
        		<div class="video-slider">
        			<div class="video-container relative" style="background-image:url('https://via.placeholder.com/1280x600');">
        				<div class="video-content relative">
        					<svg class="play-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g transform="translate(-751.000000, -2979.000000)" stroke="#FFFFFF" stroke-width="3">
        								<g transform="translate(0.000000, 2398.000000)">
        									<g transform="translate(707.000000, 139.000000)">
        										<g transform="translate(44.000000, 442.000000)">
        											<circle cx="36.5" cy="36.5" r="35"></circle>
        											<path d="M39.5,29.8301943 L29.7063715,45.5 L49.2936285,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        											</path>
        										</g>
        									</g>
        								</g>
        							</g>
        						</g>
        					</svg>
        					<h3>Video Title Lorem Ipsum</h3>
        					<a data-fancybox href="https://youtu.be/_ioc6sdgugo" aria-label="Video Title Lorem Ipsum" class="link-fill"></a>
        				</div>
        			</div>
        		</div>
        		<div class="video-slider">
        			<div class="video-container relative" style="background-image:url('https://via.placeholder.com/1280x600');">
        				<div class="video-content relative">
        					<svg class="play-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g transform="translate(-751.000000, -2979.000000)" stroke="#FFFFFF" stroke-width="3">
        								<g transform="translate(0.000000, 2398.000000)">
        									<g transform="translate(707.000000, 139.000000)">
        										<g transform="translate(44.000000, 442.000000)">
        											<circle cx="36.5" cy="36.5" r="35"></circle>
        											<path d="M39.5,29.8301943 L29.7063715,45.5 L49.2936285,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        											</path>
        										</g>
        									</g>
        								</g>
        							</g>
        						</g>
        					</svg>
        					<h3>Video Title Lorem Ipsum</h3>
        					<a data-fancybox href="https://youtu.be/_ioc6sdgugo" aria-label="Video Title Lorem Ipsum" class="link-fill"></a>
        				</div>
        			</div>
        		</div>
        		<div class="video-slider">
        			<div class="video-container relative" style="background-image:url('https://via.placeholder.com/1280x600');">
        				<div class="video-content relative">
        					<svg class="play-icon" width="73px" height="73px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        						<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        							<g transform="translate(-751.000000, -2979.000000)" stroke="#FFFFFF" stroke-width="3">
        								<g transform="translate(0.000000, 2398.000000)">
        									<g transform="translate(707.000000, 139.000000)">
        										<g transform="translate(44.000000, 442.000000)">
        											<circle cx="36.5" cy="36.5" r="35"></circle>
        											<path d="M39.5,29.8301943 L29.7063715,45.5 L49.2936285,45.5 L39.5,29.8301943 Z" transform="translate(39.500000, 37.000000) rotate(90.000000) translate(-39.500000, -37.000000) ">
        											</path>
        										</g>
        									</g>
        								</g>
        							</g>
        						</g>
        					</svg>
        					<h3>Video Title Lorem Ipsum</h3>
        					<a data-fancybox href="https://youtu.be/_ioc6sdgugo" aria-label="Video Title Lorem Ipsum" class="link-fill"></a>
        				</div>
        			</div>
        		</div>
        	</div>
        </section>

<section class="featured-research-cta block-container">
        	<h2>Working Papers</h2>
        	<div class="flex-wrapper wrap space-between flex2-grid publication-posts">
        		<div class="flex-2 single-paper flex-wrapper">
        			<div>
        				<svg width="44px" height="61px" viewBox="0 0 44 61" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-225.000000, -2810.000000)" fill="#31BFF0" fill-rule="nonzero">
        							<g transform="translate(225.000000, 2810.000000)">
        								<rect x="9" y="9" width="10" height="2"></rect>
        								<rect x="22" y="9" width="6" height="2"></rect>
        								<rect x="9" y="16" width="4" height="2"></rect>
        								<rect x="17" y="16" width="18" height="2"></rect>
        								<rect x="9" y="23" width="16" height="2"></rect>
        								<rect x="28" y="23" width="6" height="2"></rect>
        								<rect x="9" y="30" width="26" height="2"></rect>
        								<rect x="9" y="38" width="6" height="2"></rect>
        								<rect x="20" y="38" width="16" height="2"></rect>
        								<rect x="8" y="45" width="3" height="2"></rect>
        								<rect x="14" y="45" width="13" height="2"></rect>
        								<rect x="30" y="45" width="4" height="2"></rect>
        								<rect x="9" y="52" width="20" height="2"></rect>
        								<polygon points="43 13 31 13 31 1 32.55 1 32.55 11.4369748 43 11.4369748"></polygon>
        								<polygon points="44 61 13.4163934 61 13.4163934 59.507498 42.4612022 59.507498 42.4612022 11.8918706 32.0262295 1.5406472 1.53879781 1.5406472 1.53879781 6.88476717 0 6.88476717 0 0 32.6513661 0 44 11.2659826">
        								</polygon>
        								<polygon points="7 61 0 61 0 18 1.51351351 18 1.51351351 59.4903737 7 59.4903737"></polygon>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div>
        				<h4 class="no-margin">Paper Title Here Mattis Ullper Velit In Felis Quis Tortor Malesuada</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
        			</div>
        		</div>
        		<div class="flex-2 single-paper flex-wrapper">
        			<div>
        				<svg width="44px" height="61px" viewBox="0 0 44 61" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-225.000000, -2810.000000)" fill="#31BFF0" fill-rule="nonzero">
        							<g transform="translate(225.000000, 2810.000000)">
        								<rect x="9" y="9" width="10" height="2"></rect>
        								<rect x="22" y="9" width="6" height="2"></rect>
        								<rect x="9" y="16" width="4" height="2"></rect>
        								<rect x="17" y="16" width="18" height="2"></rect>
        								<rect x="9" y="23" width="16" height="2"></rect>
        								<rect x="28" y="23" width="6" height="2"></rect>
        								<rect x="9" y="30" width="26" height="2"></rect>
        								<rect x="9" y="38" width="6" height="2"></rect>
        								<rect x="20" y="38" width="16" height="2"></rect>
        								<rect x="8" y="45" width="3" height="2"></rect>
        								<rect x="14" y="45" width="13" height="2"></rect>
        								<rect x="30" y="45" width="4" height="2"></rect>
        								<rect x="9" y="52" width="20" height="2"></rect>
        								<polygon points="43 13 31 13 31 1 32.55 1 32.55 11.4369748 43 11.4369748"></polygon>
        								<polygon points="44 61 13.4163934 61 13.4163934 59.507498 42.4612022 59.507498 42.4612022 11.8918706 32.0262295 1.5406472 1.53879781 1.5406472 1.53879781 6.88476717 0 6.88476717 0 0 32.6513661 0 44 11.2659826">
        								</polygon>
        								<polygon points="7 61 0 61 0 18 1.51351351 18 1.51351351 59.4903737 7 59.4903737"></polygon>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div>
        				<h4 class="no-margin">Paper Title Here Mattis Ullper Velit In Felis Quis Tortor Malesuada</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore.</p>
        			</div>
        		</div>
        		<div class="flex-2 single-paper flex-wrapper">
        			<div>
        				<svg width="44px" height="61px" viewBox="0 0 44 61" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-225.000000, -2810.000000)" fill="#31BFF0" fill-rule="nonzero">
        							<g transform="translate(225.000000, 2810.000000)">
        								<rect x="9" y="9" width="10" height="2"></rect>
        								<rect x="22" y="9" width="6" height="2"></rect>
        								<rect x="9" y="16" width="4" height="2"></rect>
        								<rect x="17" y="16" width="18" height="2"></rect>
        								<rect x="9" y="23" width="16" height="2"></rect>
        								<rect x="28" y="23" width="6" height="2"></rect>
        								<rect x="9" y="30" width="26" height="2"></rect>
        								<rect x="9" y="38" width="6" height="2"></rect>
        								<rect x="20" y="38" width="16" height="2"></rect>
        								<rect x="8" y="45" width="3" height="2"></rect>
        								<rect x="14" y="45" width="13" height="2"></rect>
        								<rect x="30" y="45" width="4" height="2"></rect>
        								<rect x="9" y="52" width="20" height="2"></rect>
        								<polygon points="43 13 31 13 31 1 32.55 1 32.55 11.4369748 43 11.4369748"></polygon>
        								<polygon points="44 61 13.4163934 61 13.4163934 59.507498 42.4612022 59.507498 42.4612022 11.8918706 32.0262295 1.5406472 1.53879781 1.5406472 1.53879781 6.88476717 0 6.88476717 0 0 32.6513661 0 44 11.2659826">
        								</polygon>
        								<polygon points="7 61 0 61 0 18 1.51351351 18 1.51351351 59.4903737 7 59.4903737"></polygon>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div>
        				<h4 class="no-margin">Paper Title Here Mattis Ullper Velit In Felis Quis Tortor Malesuada</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore.</p>
        			</div>
        		</div>
        		<div class="flex-2 single-paper flex-wrapper">
        			<div>
        				<svg width="44px" height="61px" viewBox="0 0 44 61" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        						<g transform="translate(-225.000000, -2810.000000)" fill="#31BFF0" fill-rule="nonzero">
        							<g transform="translate(225.000000, 2810.000000)">
        								<rect x="9" y="9" width="10" height="2"></rect>
        								<rect x="22" y="9" width="6" height="2"></rect>
        								<rect x="9" y="16" width="4" height="2"></rect>
        								<rect x="17" y="16" width="18" height="2"></rect>
        								<rect x="9" y="23" width="16" height="2"></rect>
        								<rect x="28" y="23" width="6" height="2"></rect>
        								<rect x="9" y="30" width="26" height="2"></rect>
        								<rect x="9" y="38" width="6" height="2"></rect>
        								<rect x="20" y="38" width="16" height="2"></rect>
        								<rect x="8" y="45" width="3" height="2"></rect>
        								<rect x="14" y="45" width="13" height="2"></rect>
        								<rect x="30" y="45" width="4" height="2"></rect>
        								<rect x="9" y="52" width="20" height="2"></rect>
        								<polygon points="43 13 31 13 31 1 32.55 1 32.55 11.4369748 43 11.4369748"></polygon>
        								<polygon points="44 61 13.4163934 61 13.4163934 59.507498 42.4612022 59.507498 42.4612022 11.8918706 32.0262295 1.5406472 1.53879781 1.5406472 1.53879781 6.88476717 0 6.88476717 0 0 32.6513661 0 44 11.2659826">
        								</polygon>
        								<polygon points="7 61 0 61 0 18 1.51351351 18 1.51351351 59.4903737 7 59.4903737"></polygon>
        							</g>
        						</g>
        					</g>
        				</svg>
        			</div>
        			<div>
        				<h4 class="no-margin">Paper Title Here Mattis Ullper Velit In Felis Quis Tortor Malesuada</h4>
        				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
        					dolore.</p>
        			</div>
        		</div>
        	</div>
        </section>