Social media channels

<section class="gc-followus">
	<h2>On social media</h2>
	<ul>
		<li>
			<a href="#facebook" class="facebook wb-lbx"><span class="wb-inv">Facebook: </span>FacebookPageName</a>
		</li>
		<li>
			<a href="#" rel="external" class="x-social"><span class="wb-inv">X: </span>@XAccount</a>
		</li>
		<li>
			<a href="#" rel="external" class="youtube"><span class="wb-inv">Youtube: </span>YouTubeName</a>
		</li>
		<li>
			<a href="#" rel="external" class="instagram"><span class="wb-inv">Instagram: </span>InstagramName</a>
		</li>
		<li>
			<a href="#" rel="external" class="linkedin"><span class="wb-inv">LinkedIn: </span>LinkedInName</a>
		</li>
		
	</ul>
</section>
<section id="facebook" class="modal-dialog modal-content overlay-def mfp-hide">
	<header class="modal-header">
		<h2 class="modal-title" id="lbx-title">Facebook</h2>
	</header>
	<div class="modal-body">
		<ul class="list-unstyled lst-spcd">
			<li>
				<a href="#" rel="external">[First Facebook account title]</a>
			</li>
			<li>
				<a href="#" rel="external">[Second Facebook account title]</a>
			</li>
		</ul>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-sm btn-primary pull-left popup-modal-dismiss">Close<span class="wb-inv">Close overlay</span></button>
	</div>
</section>

<section class="gc-followus">
	<h2>On social media</h2>
	<ul class="list-inline">
		<li>
			<a href="#facebook" class="facebook wb-lbx"><span class="wb-inv">Facebook: </span>FacebookPageName</a>
		</li>
		<li>
			<a href="#" rel="external" class="x-social"><span class="wb-inv">X: </span>@XAccount</a>
		</li>
		<li>
			<a href="#" rel="external" class="youtube"><span class="wb-inv">Youtube: </span>YouTubeName</a>
		</li>
		<li>
			<a href="#" rel="external" class="instagram"><span class="wb-inv">Instagram: </span>InstagramName</a>
		</li>
		<li>
			<a href="#" rel="external" class="linkedin"><span class="wb-inv">LinkedIn: </span>LinkedInName</a>
		</li>
		
	</ul>
</section>
<section id="facebook" class="modal-dialog modal-content overlay-def mfp-hide">
	<header class="modal-header">
		<h2 class="modal-title" id="lbx-title">Facebook</h2>
	</header>
	<div class="modal-body">
		<ul class="list-unstyled lst-spcd">
			<li>
				<a href="#" rel="external">[First Facebook account title]</a>
			</li>
			<li>
				<a href="#" rel="external">[Second Facebook account title]</a>
			</li>
		</ul>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-sm btn-primary pull-left popup-modal-dismiss">Close<span class="wb-inv">Close overlay</span></button>
	</div>
</section>

<section class="gc-followus">
	<h2>On social media</h2>
	<ul>
		<li>
			<a href="#facebook" class="facebook wb-lbx"><span class="wb-inv">Facebook: </span>FacebookPageName</a>
		</li>
		<li>
			<a href="#" rel="external" class="x-social"><span class="wb-inv">X: </span>@XAccount</a>
		</li>
		<li>
			<a href="#" rel="external" class="youtube"><span class="wb-inv">Youtube: </span>YouTubeName</a>
		</li>
		<li>
			<a href="#" rel="external" class="instagram"><span class="wb-inv">Instagram: </span>InstagramName</a>
		</li>
		<li>
			<a href="#" rel="external" class="linkedin"><span class="wb-inv">LinkedIn: </span>LinkedInName</a>
		</li>
		
		<li class="more-ways">
			<a href="#">More ways to connect</a>
		</li>
		
	</ul>
</section>
<section id="facebook" class="modal-dialog modal-content overlay-def mfp-hide">
	<header class="modal-header">
		<h2 class="modal-title" id="lbx-title">Facebook</h2>
	</header>
	<div class="modal-body">
		<ul class="list-unstyled lst-spcd">
			<li>
				<a href="#" rel="external">[First Facebook account title]</a>
			</li>
			<li>
				<a href="#" rel="external">[Second Facebook account title]</a>
			</li>
		</ul>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-sm btn-primary pull-left popup-modal-dismiss">Close<span class="wb-inv">Close overlay</span></button>
	</div>
</section>

<section class="gc-followus">
	<h2>On social media</h2>
	<ul class="list-inline">
		<li>
			<a href="#facebook" class="facebook wb-lbx"><span class="wb-inv">Facebook: </span>FacebookPageName</a>
		</li>
		<li>
			<a href="#" rel="external" class="x-social"><span class="wb-inv">X: </span>@XAccount</a>
		</li>
		<li>
			<a href="#" rel="external" class="youtube"><span class="wb-inv">Youtube: </span>YouTubeName</a>
		</li>
		<li>
			<a href="#" rel="external" class="instagram"><span class="wb-inv">Instagram: </span>InstagramName</a>
		</li>
		<li>
			<a href="#" rel="external" class="linkedin"><span class="wb-inv">LinkedIn: </span>LinkedInName</a>
		</li>
		
		<li class="more-ways">
			<a href="#">More ways to connect</a>
		</li>
		
	</ul>
</section>
<section id="facebook" class="modal-dialog modal-content overlay-def mfp-hide">
	<header class="modal-header">
		<h2 class="modal-title" id="lbx-title">Facebook</h2>
	</header>
	<div class="modal-body">
		<ul class="list-unstyled lst-spcd">
			<li>
				<a href="#" rel="external">[First Facebook account title]</a>
			</li>
			<li>
				<a href="#" rel="external">[Second Facebook account title]</a>
			</li>
		</ul>
	</div>
	<div class="modal-footer">
		<button type="button" class="btn btn-sm btn-primary pull-left popup-modal-dismiss">Close<span class="wb-inv">Close overlay</span></button>
	</div>
</section>